.ps-browse-drawer {
  width: min(640px, calc(100vw - 10px));
  border-right: 1px solid rgba(110, 138, 196, 0.2);
  background:
    linear-gradient(180deg, rgba(16, 24, 40, 0.98), rgba(7, 12, 22, 0.98)),
    rgba(7, 11, 19, 0.98);
}

.ps-browse-drawer-inner {
  position: relative;
  padding: 22px 20px 24px;
}

.ps-browse-drawer:has(.ps-browse-default-view.is-root-preview) {
  width: min(560px, calc(100vw - 10px));
  border-right: 0;
  background: rgba(2, 6, 14, 0.98);
}

.ps-browse-drawer:has(.ps-browse-default-view.is-root-preview) .ps-browse-drawer-inner {
  padding: 4px;
}

.ps-browse-default-view {
  position: relative;
  display: grid;
  gap: 18px;
  min-height: 100%;
}

@media (max-width: 767px) {
  .ps-browse-drawer {
    width: min(100vw, 100%);
  }

  .ps-browse-drawer-inner {
    padding: 20px 16px 20px;
  }

  .ps-browse-drawer:has(.ps-browse-default-view.is-root-preview) {
    width: min(100vw, 100%);
  }

  .ps-browse-drawer:has(.ps-browse-default-view.is-root-preview) .ps-browse-drawer-inner {
    padding: 20px 16px 22px;
  }
}

.ps-browse-drawer:has(.ps-browse-default-view.is-manual-browse) {
  width: 100vw;
  max-height: 100dvh;
  background:
    radial-gradient(74rem 34rem at 72% 8%, rgba(32, 126, 255, 0.13), transparent 68%),
    radial-gradient(42rem 26rem at 50% 70%, rgba(38, 112, 225, 0.08), transparent 72%),
    linear-gradient(180deg, rgba(5, 11, 24, 0.992), rgba(1, 5, 13, 0.998));
  overflow: hidden;
}

.ps-browse-drawer:has(.ps-browse-default-view.is-manual-browse) .ps-browse-drawer-inner {
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.ps-browse-toggle {
  appearance: none;
}

@media (max-width: 767px) {
  .ps-browse-drawer:has(.ps-browse-default-view.is-manual-browse) {
    width: min(100vw, 100%);
    overflow: hidden;
  }

  .ps-browse-drawer:has(.ps-browse-default-view.is-manual-browse) .ps-browse-drawer-inner {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .ps-browse-toggle span {
    max-width: 15ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}