[data-theme] {
  // prettier-ignore
  &#compendium-browser>section.window-content>.content-box .compendium-browser-settings form .setting-section,
  &#license-viewer>section.window-content>.content-box .compendium-browser-settings form .setting-section,
  &#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer,
  &#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer,
  &#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer,
  &#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
    @include dui-app;
    padding: 5px;
    cursor: pointer;
    color: var(--dui-input-text-color);
    margin-left: 2px;
 }

  &#compendium-browser fieldset,
  &#compendium-browser .headercontainer,
  .compendium-browser-settings .outer-container .setting-section {
    border: 1px solid var(--fieldset-border-color) !important;
    background: var(--fieldset-background-color) !important;
    border-radius: var(--border-radius);
    > legend {
      color: var(--fieldset-legend-color);
      text-shadow: unset;
    }
  }
  .compendium-browser-settings .outer-container .setting-section {
    button {
      @include dui-button;
    }
  }
  &#compendium-browser {
    .sv-control {
      border: var(--dui-input-border-color);
    }
    .clear-filters {
      @include dui-button;
    }
    input[type="search"] {
      @include dui-input;
    }
  }

  &#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button,
  &#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
    @include dui-button;
    padding: 5px;
    margin-bottom: 5px;
  }

  &#compendium-browser > section.window-content > .content-box .spell-browser .control-area,
  &#license-viewer > section.window-content > .content-box .spell-browser .control-area {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow-x: clip;
    > div:first-child {
      margin-top: 10px;
    }
  }

  &#compendium-browser .spell-browser .item img {
    @include dui-app;
  }

  &#compendium-browser [data-tab="action"] .spell-browser .item img,
  &#compendium-browser [data-tab="spell"] .spell-browser .item img {
    background-color: white;
  }

  // &#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav,
  // &#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav,
  // &#compendium-browser > section.window-content > .content-box > nav,
  // &#license-viewer > section.window-content > .content-box > nav {
  //   --secondary: var(--color-secondary-3);
  // }

  &#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover,
  &#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover {
    background-color: rgba(122, 122, 122, 0.5);
  }

  &.roll-modifiers-dialog {
    // --secondary: var(--color-secondary-3);
    border: none;
    .window-header {
      // background: linear-gradient(90deg, var(--secondary) 0%, var(--color-secondary-3) 50%, var(--secondary) 100%);
      color: white !important;
    }
  }
}
