.glass-fixed-shell-backplate {
  position: fixed;
  overflow: hidden;
  contain: strict;
  inset: 0;
  isolation: isolate;
  pointer-events: none;
}
.glass-fixed-shell-backplate--main {
  --glass-fixed-shell-nav-inline-size: 256px;
  z-index: 999;
  clip-path: polygon(0 0, calc(100% - 0.5rem) 0, calc(100% - 0.5rem) var(--layout-navbar-block-size, 64px), var(--glass-fixed-shell-nav-inline-size) var(--layout-navbar-block-size, 64px), var(--glass-fixed-shell-nav-inline-size) 100%, 0 100%);
}
.glass-fixed-shell-backplate--overlay-nav {
  z-index: 1099;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.25s ease-in-out;
}
.glass-fixed-shell-backplate--overlay-nav.is-visible {
  clip-path: inset(0 calc(100% - 256px) 0 0);
}
.glass-fixed-shell-backplate__layer {
  position: absolute;
  filter: var(--glass-fixed-shell-backplate-filter);
  inset: 0;
  opacity: 0;
  transition: opacity var(--glass-fixed-shell-transition-duration, 1500ms) ease;
  will-change: opacity;
}
.glass-fixed-shell-backplate__layer.is-active {
  z-index: 2;
  opacity: 0.92;
}
.glass-fixed-shell-backplate__layer.is-previous {
  z-index: 1;
}
.glass-fixed-shell-backplate__wallpaper {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(var(--glass-wallpaper-brightness, 0.82)) saturate(0.9);
  inset: 0;
}
.glass-fixed-shell-backplate__wallpaper::after {
  position: absolute;
  background: linear-gradient(rgba(6, 10, 19, 0.24) 0%, rgba(6, 10, 19, 0.48) 100%), rgba(11, 19, 34, 0.08);
  content: "";
  inset: 0;
}
.glass-fixed-shell-backplate__source {
  position: absolute;
  display: block;
  block-size: 100%;
  inline-size: 100%;
  inset: 0;
  object-fit: cover;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.glass-fixed-shell-backplate,
  .glass-fixed-shell-backplate__layer {
    transition-duration: 0.01ms !important;
}
}
@media (prefers-reduced-transparency: reduce) {
.glass-fixed-shell-backplate {
    display: none;
}
}