// BetterDiscord specific things

div[class^="bd-"]
{ &:extend(.round); }

button.bd-addon-button {
  margin: 4px;
}

div.floating-window {
  &:extend(.round);
  box-shadow: none;
  padding: 0 !important;
  max-width:  100% !important;
  max-height: 100% !important;
  min-width:  256px !important;
  min-height: 32px !important;
}

div.floating-window-buttons {
  & when (@macos-like = true)
  { order: -1; }

  .button {
    & > svg {
      padding: 2px;
      border-radius: 50%;
    }
    &:hover {
      background-color: unset;
      color: var(--background-tertiary); // icons color
    }
  }

  .maximize-button:hover > svg {
    background-color: #3ba55d;
  }

  .close-button {
    & when (@macos-like = true)
    { order: -1; }

    &:hover > svg {
      background-color: #ed4245;
    }
  }
}

div.bd-search-wrapper,
div.bd-changelog-button {
  align-self: center;
  margin: 0;
  margin-right: 8px;
}

div[class^="standardSidebarView-"] {
  // PluginRepo and ThemeRepo
  div[class^="repoList-"] > div {
    position: absolute;
    width: 100%;

    div[class^="repoHeader-"] {
      & > * {
        max-width: unset;
      }
      div[class^="tabBar-"] {
        height: 48px;
      }
    }

    #pluginrepo-tab,
    #themerepo-tab {
      max-width: unset;
    }
  }
}

div.bd-addon-list:not(.bd-grid-view) {
  .horiz-tab();
}

div.ChannelDms-channelpopout-headerName {
  font-size: 12pt !important;
}