/* Progressive Liquid Glass search/navigation for public documentation. */

.institutional-page .v1-doc-layout {
  container-type: inline-size;
  container-name: raysor-doc-layout;
}

.institutional-page .docs-explorer {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  min-width: 0;
  margin-bottom: 18px;
  padding: 12px;
  border: 1px solid rgba(163, 206, 244, .14);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 0%, rgba(82, 165, 255, .1), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.05), transparent 36%),
    rgba(5, 14, 25, .74);
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 18px 48px rgba(0,0,0,.19);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms cubic-bezier(.2,.86,.22,1);
}

.institutional-page .docs-explorer:focus-within {
  border-color: rgba(125, 192, 255, .34);
  box-shadow: inset 0 1px rgba(255,255,255,.075), 0 0 0 1px rgba(104,177,255,.08), 0 22px 56px rgba(0,0,0,.22);
}

.institutional-page .docs-explorer-search {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: #c8daeb;
  font-size: .72rem;
  line-height: 1.2;
  letter-spacing: .07em;
}

.institutional-page .docs-explorer-search input {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: 0 15px;
  border: 1px solid rgba(163, 206, 244, .15);
  border-radius: 15px;
  color: #f6fbff;
  background: rgba(3, 10, 18, .74);
  box-shadow: inset 0 1px rgba(255,255,255,.04);
  font: inherit;
  font-size: .96rem;
  letter-spacing: 0;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms cubic-bezier(.2,.86,.22,1);
}

.institutional-page .docs-explorer-search input::placeholder {
  color: #6f8499;
  opacity: 1;
}

.institutional-page .docs-explorer-search input:hover {
  border-color: rgba(157, 207, 255, .26);
  background: rgba(5, 16, 28, .86);
}

.institutional-page .docs-explorer-search input:focus-visible {
  outline: 3px solid rgba(114, 185, 255, .2);
  outline-offset: 2px;
  border-color: rgba(132, 198, 255, .58);
  box-shadow: 0 0 0 1px rgba(110, 181, 255, .09), 0 12px 30px rgba(0,0,0,.17);
}

.institutional-page .docs-explorer .button {
  min-width: 6rem;
  min-height: 50px;
}

.institutional-page .docs-explorer-status {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  color: #8fa8c0;
  font-size: .78rem;
  line-height: 1.4;
}

.institutional-page .v1-doc-nav a[data-doc-match] {
  border-color: rgba(124, 190, 255, .3);
  color: #edf8ff;
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), transparent),
    rgba(26, 75, 125, .2);
  box-shadow: inset 3px 0 rgba(112, 184, 255, .5), 0 10px 24px rgba(0,0,0,.08);
}

.institutional-page .v1-doc-content > section[id] {
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.2,.86,.22,1), border-color 180ms ease;
}

.institutional-page .v1-doc-content[data-docs-filtered] > section[id]:not([hidden]) {
  border-color: rgba(126, 191, 255, .18);
}

.institutional-page .docs-explorer-empty {
  display: none;
  min-height: 13rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: clamp(28px, 6cqi, 58px);
  border: 1px solid rgba(163, 206, 244, .14);
  border-radius: 24px;
  color: #96abc0;
  text-align: center;
  text-wrap: balance;
  background:
    radial-gradient(circle at 50% 20%, rgba(88, 168, 255, .08), transparent 30%),
    rgba(5, 14, 25, .66);
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}

.institutional-page .docs-explorer-empty::before {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(150, 199, 243, .2);
  border-radius: 14px;
  content: "";
  background:
    radial-gradient(circle at 35% 35%, rgba(135,200,255,.22), transparent 28%),
    rgba(8, 25, 42, .82);
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 12px 26px rgba(0,0,0,.16);
}

.institutional-page .docs-explorer-empty strong {
  color: #ecf7ff;
  font-size: 1.08rem;
}

.institutional-page .v1-doc-content[data-docs-empty] .docs-explorer-empty {
  display: flex;
}

@container raysor-doc-layout (max-width: 48rem) {
  .institutional-page .docs-explorer {
    grid-template-columns: minmax(0, 1fr);
  }

  .institutional-page .docs-explorer .button {
    width: 100%;
  }
}

@media (hover: none), (pointer: coarse) {
  .institutional-page .docs-explorer-search input,
  .institutional-page .docs-explorer .button,
  .institutional-page .v1-doc-nav a {
    min-height: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .institutional-page .docs-explorer,
  .institutional-page .docs-explorer-search input,
  .institutional-page .v1-doc-content > section[id] {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .institutional-page .docs-explorer,
  .institutional-page .docs-explorer-empty {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #08131f;
  }

  .institutional-page .docs-explorer-search input {
    background: #030b14;
  }
}

@media (forced-colors: active) {
  .institutional-page .docs-explorer,
  .institutional-page .docs-explorer-search input,
  .institutional-page .docs-explorer-empty,
  .institutional-page .v1-doc-nav a[data-doc-match] {
    border-color: CanvasText;
    color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }

  .institutional-page .docs-explorer-search input:focus-visible,
  .institutional-page .v1-doc-nav a:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 2px;
  }
}