.ps-browse-default-view.is-root-preview .ps-browse-top {
  position: relative;
  order: 1;
  margin: 0 0 -30px;
  padding: 0;
  isolation: isolate;
}

.ps-browse-default-view.is-root-preview .ps-browse-top::before,
.ps-browse-default-view.is-root-preview .ps-browse-top::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.ps-browse-default-view.is-root-preview .ps-browse-top::before {
  top: -10px;
  right: -38px;
  bottom: -62px;
  left: -4px;
  background:
    radial-gradient(circle at 82% 18%, rgba(132, 218, 255, 0.32) 0 1px, transparent 1.8px) 0 0 / 18px 18px,
    radial-gradient(circle at 68% 54%, rgba(72, 158, 255, 0.1) 0 1px, transparent 2px) 0 0 / 28px 28px,
    linear-gradient(90deg, transparent 0 57%, rgba(64, 158, 255, 0.11) 57% 57.14%, transparent 57.14% 69%, rgba(64, 158, 255, 0.055) 69% 69.12%, transparent 69.12% 100%),
    linear-gradient(128deg, transparent 0 47%, rgba(44, 132, 238, 0.22) 47% 47.14%, transparent 47.14% 62%, rgba(44, 132, 238, 0.09) 62% 62.1%, transparent 62.1% 100%),
    linear-gradient(153deg, transparent 0 58%, rgba(88, 194, 255, 0.12) 58% 58.12%, transparent 58.12% 74%, rgba(88, 194, 255, 0.045) 74% 74.1%, transparent 74.1% 100%),
    radial-gradient(34% 54% at 84% 22%, rgba(30, 132, 255, 0.16), transparent 76%);
  mask:
    radial-gradient(44% 76% at 82% 30%, rgba(0, 0, 0, 0.98), transparent 78%),
    linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.04) 32%, rgba(0, 0, 0, 0.78) 58%, rgba(0, 0, 0, 0.84) 100%);
  opacity: 0.78;
}

.ps-browse-default-view.is-root-preview .ps-browse-top::after {
  left: 7%;
  right: -20%;
  bottom: -6px;
  height: 176px;
  border-bottom: 1px solid rgba(126, 224, 255, 0.96);
  border-radius: 50%;
  background:
    radial-gradient(6% 20% at 77% 100%, rgba(246, 254, 255, 0.92), transparent 72%),
    radial-gradient(14% 27% at 72% 88%, rgba(104, 204, 255, 0.34), transparent 74%),
    linear-gradient(96deg, transparent 0%, rgba(24, 92, 226, 0.018) 22%, rgba(48, 158, 255, 0.7) 63%, rgba(48, 158, 255, 0.13) 76%, transparent 100%);
  box-shadow:
    0 1px 0 rgba(235, 252, 255, 0.75),
    0 5px 18px rgba(56, 158, 255, 0.32),
    0 16px 44px rgba(22, 104, 236, 0.22);
  filter: blur(0);
  opacity: 0.98;
  transform: rotate(-7.5deg);
  transform-origin: 76% 0;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-field {
  position: relative;
  z-index: 1;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px;
  align-items: center;
  gap: 16px;
  min-height: 224px;
  padding: 50px 18px 50px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  isolation: isolate;
  outline: 0;
  background:
    linear-gradient(116deg, rgba(0, 1, 6, 0.94) 0 36%, rgba(1, 11, 32, 0.8) 56%, rgba(3, 26, 70, 0.58) 100%),
    radial-gradient(34rem 16rem at 86% 36%, rgba(28, 112, 238, 0.22), transparent 69%),
    radial-gradient(24rem 13rem at 48% 78%, rgba(14, 76, 184, 0.13), transparent 72%),
    radial-gradient(18rem 12rem at 14% 20%, rgba(0, 8, 28, 0.38), transparent 74%),
    linear-gradient(180deg, rgba(0, 1, 5, 0.82) 0%, rgba(0, 3, 12, 0.91) 48%, rgba(0, 2, 8, 0.25) 100%);
  box-shadow: none;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-field::before,
.ps-browse-default-view.is-root-preview .ps-browse-top-field::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-field::before {
  top: -28px;
  right: -36px;
  bottom: -68px;
  left: 33%;
  background:
    linear-gradient(90deg, transparent 0 17%, rgba(92, 202, 255, 0.2) 17% 17.16%, transparent 17.16% 38%, rgba(92, 202, 255, 0.1) 38% 38.14%, transparent 38.14% 100%),
    linear-gradient(126deg, transparent 0 34%, rgba(92, 190, 255, 0.28) 34% 34.16%, transparent 34.16% 64%, rgba(92, 190, 255, 0.11) 64% 64.14%, transparent 64.14% 100%),
    linear-gradient(28deg, transparent 0 52%, rgba(72, 160, 255, 0.16) 52% 52.13%, transparent 52.13% 100%),
    linear-gradient(153deg, transparent 0 44%, rgba(62, 150, 255, 0.1) 44% 44.14%, transparent 44.14% 70%, rgba(62, 150, 255, 0.06) 70% 70.12%, transparent 70.12% 100%),
    radial-gradient(circle at 72% 40%, rgba(126, 220, 255, 0.24) 0 1px, transparent 1.8px) 0 0 / 34px 34px,
    radial-gradient(circle at 88% 18%, rgba(60, 156, 255, 0.14) 0 1px, transparent 1.8px) 0 0 / 22px 22px;
  mask:
    radial-gradient(64% 78% at 78% 42%, rgba(0, 0, 0, 0.96), transparent 76%),
    linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.32) 14%, rgba(0, 0, 0, 0.94) 48%, rgba(0, 0, 0, 0.74) 100%);
  opacity: 0.88;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-field::after {
  inset: -10% -12% -58px 4%;
  background:
    radial-gradient(4% 10% at 86% 47%, rgba(242, 254, 255, 0.72), transparent 78%),
    radial-gradient(17% 26% at 82% 52%, rgba(128, 218, 255, 0.2), transparent 74%),
    radial-gradient(46% 30% at 72% 100%, rgba(36, 136, 255, 0.18), transparent 62%),
    linear-gradient(112deg, transparent 18%, rgba(42, 134, 255, 0.026) 32%, rgba(42, 148, 255, 0.34) 55%, rgba(42, 148, 255, 0.052) 67%, transparent 82%),
    linear-gradient(96deg, transparent 0%, rgba(84, 202, 255, 0.1) 54%, transparent 70%);
  filter: blur(2px);
  opacity: 0.86;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 360px;
  padding: 0;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.22));
}

.ps-browse-default-view.is-root-preview .ps-browse-top-title,
.ps-browse-default-view.is-root-preview .ps-browse-title {
  margin: 0;
  max-width: none;
  color: #f8fbff;
  font-family: "Space Grotesk", var(--ps-font-sans);
  font-size: clamp(2.84rem, 8.8vw, 3.72rem);
  font-weight: 690;
  letter-spacing: -0.025em;
  line-height: 0.94;
  white-space: nowrap;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 24px rgba(122, 176, 255, 0.16);
}

.ps-browse-default-view.is-root-preview .ps-browse-top-guidance,
.ps-browse-default-view.is-root-preview .ps-browse-copy {
  margin: 0;
  max-width: 330px;
  color: rgba(198, 222, 246, 0.82);
  font-size: clamp(0.96rem, 2.2vw, 1.08rem);
  font-weight: 460;
  line-height: 1.28;
}

.ps-browse-default-view.is-root-preview .ps-browse-close {
  display: none;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-signal {
  position: relative;
  z-index: 2;
  justify-self: end;
  align-self: center;
  margin: -4px 4px 0 0;
  filter:
    drop-shadow(0 0 9px rgba(186, 238, 255, 0.5))
    drop-shadow(0 0 24px rgba(48, 136, 255, 0.25));
  animation: none;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-signal::before,
.ps-browse-default-view.is-root-preview .ps-browse-top-signal::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-signal::before {
  inset: -8px 35px -8px;
  border-radius: 999px;
  background:
    radial-gradient(54% 18% at 50% 33%, rgba(226, 252, 255, 0.28), transparent 72%),
    radial-gradient(66% 38% at 50% 49%, rgba(88, 172, 255, 0.14), transparent 78%),
    linear-gradient(180deg, rgba(96, 182, 255, 0.12), transparent 78%);
  filter: blur(8px);
  opacity: 0.62;
}

.ps-browse-default-view.is-root-preview .ps-browse-top-signal::after {
  top: 50%;
  right: 50px;
  width: 218px;
  height: 102px;
  border-radius: 0;
  background:
    linear-gradient(90deg, transparent 0%, rgba(116, 204, 255, 0.14) 20%, rgba(108, 178, 255, 0.04) 58%, transparent 100%),
    linear-gradient(90deg, transparent 0 17%, rgba(116, 190, 255, 0.14) 17% 17.26%, transparent 17.26% 42%, rgba(92, 170, 255, 0.082) 42% 42.24%, transparent 42.24% 100%),
    linear-gradient(127deg, transparent 0 32%, rgba(80, 166, 255, 0.14) 32% 32.28%, transparent 32.28% 100%),
    linear-gradient(151deg, transparent 0 52%, rgba(80, 166, 255, 0.09) 52% 52.22%, transparent 52.22% 100%);
  mask: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.9) 14%, rgba(0, 0, 0, 0.52) 68%, transparent);
  filter: blur(1.4px);
  opacity: 0.78;
  transform: translateY(-50%);
}

.ps-browse-default-view.is-root-preview.is-flow-active .ps-browse-top {
  margin: 0 0 -12px;
}

.ps-browse-default-view.is-root-preview.is-flow-active .ps-browse-top-field {
  min-height: 142px;
  padding: 26px 14px 32px;
}

.ps-browse-default-view.is-root-preview.is-flow-active .ps-browse-top-title,
.ps-browse-default-view.is-root-preview.is-flow-active .ps-browse-title {
  font-size: clamp(2.08rem, 6vw, 2.55rem);
}

.ps-browse-default-view.is-root-preview.is-flow-active .ps-browse-top-guidance,
.ps-browse-default-view.is-root-preview.is-flow-active .ps-browse-copy {
  font-size: 0.88rem;
}

@media (max-width: 767px) {
  .ps-browse-default-view.is-root-preview .ps-browse-top {
    margin: 0 0 -24px;
  }

  .ps-browse-default-view.is-root-preview .ps-browse-top::before {
    top: 0;
    right: -12px;
    bottom: -28px;
    left: 0;
    opacity: 0.66;
  }

  .ps-browse-default-view.is-root-preview .ps-browse-top::after {
    left: -8%;
    right: -8%;
    bottom: -18px;
    height: 108px;
    filter: blur(3px);
    opacity: 0.86;
  }

  .ps-browse-default-view.is-root-preview .ps-browse-top-field {
    grid-template-columns: minmax(0, 1fr) 84px;
    gap: 12px;
    min-height: 190px;
    padding: 42px 14px 44px;
  }

  .ps-browse-default-view.is-root-preview .ps-browse-top-copy {
    gap: 9px;
    max-width: 230px;
  }

  .ps-browse-default-view.is-root-preview .ps-browse-top-title,
  .ps-browse-default-view.is-root-preview .ps-browse-title {
    font-size: clamp(2.7rem, 13vw, 3.35rem);
  }

  .ps-browse-default-view.is-root-preview .ps-browse-top-guidance,
  .ps-browse-default-view.is-root-preview .ps-browse-copy {
    max-width: 210px;
    font-size: 0.96rem;
  }

  .ps-browse-default-view.is-root-preview .ps-browse-top-signal {
    margin-right: 0;
    transform: translateX(-1px);
  }

  .ps-browse-default-view.is-root-preview .ps-browse-top-signal::after {
    width: 142px;
    right: 50px;
  }

  .ps-browse-default-view.is-root-preview.is-flow-active .ps-browse-top {
    margin-bottom: -10px;
  }

  .ps-browse-default-view.is-root-preview.is-flow-active .ps-browse-top-field {
    min-height: 132px;
    padding: 24px 12px 28px;
  }
}

.ps-browse-default-view.is-manual-browse .ps-browse-top {
  margin-bottom: -18px;
}

.ps-browse-default-view.is-manual-browse .ps-browse-top-field {
  min-height: 190px;
  padding: 42px 18px 46px;
}

.ps-browse-default-view.is-manual-browse .ps-browse-top-title,
.ps-browse-default-view.is-manual-browse .ps-browse-title {
  font-size: clamp(2.35rem, 4vw, 3.35rem);
  white-space: normal;
}

.ps-browse-default-view.is-manual-browse .ps-browse-top-guidance,
.ps-browse-default-view.is-manual-browse .ps-browse-copy {
  max-width: 440px;
}

.ps-browse-default-view.is-manual-browse .ps-browse-close {
  display: inline-flex;
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 4;
}

@media (max-width: 767px) {
  .ps-browse-default-view.is-manual-browse .ps-browse-top-field {
    min-height: 174px;
    padding: 38px 14px 42px;
  }
}