// BetterDiscord specific things

.bd-button, .bd-search-wrapper,
.bd-changlelog-button, .bd-select-options,
#bd-pub-button,
{ &:extend(.round); }

.bd-notice, .bd-toast,
{ &:extend(.rounder); }

.bd-toasts {
  align-items: flex-end;
  width: calc(100% - @roundest) !important;
  left: 0 !important;
}

.bd-select-options {
  max-width: max-content !important;
}

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

div.bd-controls {
  column-gap: (@round / 2);
}

.butn(@norm, @hov) {
  svg { background: @norm; }
  &:hover svg { background: @hov; }
}

.floating-window {
  max-width: 100% !important;
  max-height: 100% !important;
  .floating-window-buttons {
    .button {
      &:hover {
        background: none;
      }
      svg {
        color: #000;
        &:extend(.round);
      }
      &.maximize-button {
        .butn(#aaaa00, #eeee00);
      }
      &.close-button {
        .butn(#aa0000, #ee0000);
      }
    }
  }
  &:extend(.round);
}

div.standardSidebarView-E9Pc3j {
  // PluginRepo and ThemeRepo
  div.repoList-9JnAPs > div {
    position: absolute;
    width: 100%;

    div.repoHeader-2KfNvH {
      & > * {
        max-width: unset;
      }
      div.tabBar-2hXqzU  {
        height: 48px;
      }
    }

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