/* ----------------------------------------- */
/* Controls                                  */
/* ----------------------------------------- */

nav#controls[data-theme] {
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  align-items: var(--controls-alignment);

  // Fix foundry's inconsistent gaps
  ol.control-tools.sub-controls > li,
  ol.control-tools.main-controls {
    margin-right: var(--controls-margin);
  }

  ol.control-tools {
    &.main-control {
      margin-right: var(--controls-margin);
    }

    li.control-tool,
    > li {
      @include dui-button;
      @include dui-grayscale;
      margin-bottom: var(--controls-margin);
      height: var(--control-size);
      width: var(--control-size);
      font-size: calc(var(--control-size) - 12px);

      &.toggle {
        @include dui-button-toggle;
      }
    }
  }
}

[data-theme] {
  &#darkness-adjuster {
    // height: 42px !important; // overwrite system's !important
    outline: none;
    @include dui-app;

    .window-content {
      overflow: hidden;
      background: unset;
      box-shadow: unset;
      border: none;
    }
  }
}
