/* Layout and assets copied from the accepted SiteHeader/SiteFooter. */
.fps-shell {
  font-family: var(--font-sans), sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.fps-shell [hidden] {
  display: none !important;
}
.fps-shell a {
  text-decoration: none;
}
.fps-shell img {
  max-width: 100%;
}
.fps-shell .fps-account {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.fps-shell .fps-account .Header-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fps-shell .fps-account .Header-controls > li {
  display: block;
  margin: 0;
}
.fps-shell .Button--link,
.fps-session-link {
  background: transparent;
  color: hsl(var(--header-foreground));
  font-size: 15px;
  line-height: 21px;
  border: 0;
  border-radius: 4px;
  padding: 6px 12px !important;
  text-decoration: none;
  box-shadow: none;
}
.fps-shell .Button--link:hover,
.fps-session-link:hover {
  background: hsl(var(--header-hover));
  color: white;
}
.fps-shell .item-signUp .Button {
  background: hsl(var(--brand)) !important;
  color: hsl(var(--accent-foreground)) !important;
  font-weight: 600;
}
body .fps-shell .item-signUp .Button:disabled {
  background: hsl(var(--brand));
  color: hsl(var(--accent-foreground));
  opacity: 1;
}
.fps-shell .Dropdown-menu {
  text-align: left;
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  border: 1px solid hsl(var(--border));
}
.fps-shell .Dropdown-menu .Button {
  color: hsl(var(--foreground));
  white-space: normal;
}
.fps-shell .Dropdown-menu .Button:hover {
  background: hsl(var(--surface-alt));
}
.fps-shell .fps-mobile-account {
  display: flex;
  gap: 20px;
  padding: 12px 16px;
  font-size: 15px;
  color: hsl(var(--header-foreground));
}
.fps-shell .fps-mobile-account a {
  color: inherit;
}
.fps-shell [data-theme-toggle] svg:first-child {
  opacity: 1;
}
.fps-shell [data-theme-toggle] svg:last-child {
  opacity: 0;
}
html[data-theme='light'] .fps-shell [data-theme-toggle] svg:first-child {
  opacity: 0;
}
html[data-theme='light'] .fps-shell [data-theme-toggle] svg:last-child {
  opacity: 1;
  transform: none;
  filter: none;
}
@media (max-width: 639px) {
  .fps-shell .fps-account {
    display: none;
  }
}
@media (max-width: 1023px) {
  .fps-shell [data-mobile-nav] {
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    background: hsl(var(--header));
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    max-height: calc(100dvh - 56px);
    overflow-y: auto;
    padding: 8px;
  }
  .fps-shell [data-mobile-nav] > nav {
    border: 0;
  }
  .fps-shell [data-mobile-nav] > nav > div {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    gap: 0;
    max-width: 1280px;
  }
  .fps-shell [data-mobile-nav] > nav a {
    display: block;
    padding: 10px 12px;
    font-weight: 500;
    border-radius: 4px;
  }
  .fps-shell .fps-mobile-account {
    margin-top: 4px;
    border-top: 1px solid rgb(255 255 255 / 0.1);
    padding: 12px 12px 0;
    gap: 8px;
  }
  .fps-shell .fps-mobile-account a {
    flex: 1;
    text-align: center;
    border: 1px solid rgb(255 255 255 / 0.2);
    padding: 8px 12px;
    border-radius: 4px;
  }
  .fps-shell .fps-mobile-account a:last-child {
    background: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
    border: 0;
  }
}
@media (min-width: 640px) {
  .fps-shell .fps-mobile-account {
    display: none;
  }
}
.fps-shell [data-mobile-menu][aria-expanded='true'] svg:first-child {
  opacity: 0;
  transform: scale(0.25);
  filter: blur(4px);
}
.fps-shell [data-mobile-menu][aria-expanded='true'] svg:last-child {
  opacity: 1;
  transform: none;
  filter: none;
}
@media (min-width: 1024px) {
  .fps-shell [data-mobile-nav] {
    display: none !important;
  }
}