scroll-stack {
  gap: var(--scroll-stack-gap, 0);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

scroll-stack[direction="horizontal"] {
  flex-direction: row;
  overflow: auto hidden;
}

scroll-stack-item {
  flex-direction: column;
  display: flex;
}

scroll-stack[direction="horizontal"] > scroll-stack-item {
  flex-direction: row;
}

scroll-stack > scroll-stack-item {
  flex: 0 0 var(--scroll-stack-item-length, auto);
  min-width: 0;
  min-height: 0;
}

scroll-stack > scroll-stack-item > * {
  flex: auto;
  min-width: 0;
  min-height: 0;
}

scroll-stack:is([pin="start"], [pin="end"], [pin="both"], :not([pin="start"], [pin="end"], [pin="both"], [pin="none"]):is(:not([effect]), [effect="stack-fade"]):not([edges="end"])):not([disabled]) > scroll-stack-item {
  z-index: 2;
}

scroll-stack:is([pin="start"], [pin="end"], [pin="both"], :not([pin="start"], [pin="end"], [pin="both"], [pin="none"]):is(:not([effect]), [effect="stack-fade"]):not([edges="end"])):not([disabled]) > scroll-stack-item:is([transitioning], [fully-hidden], [pinning]) {
  z-index: 1;
}

scroll-stack[snap] {
  scroll-snap-type: y mandatory;
}

scroll-stack[direction="horizontal"][snap] {
  scroll-snap-type: x mandatory;
}

scroll-stack[snap="proximity"] {
  scroll-snap-type: y proximity;
}

scroll-stack[direction="horizontal"][snap="proximity"] {
  scroll-snap-type: x proximity;
}

scroll-stack[snap] > scroll-stack-item {
  scroll-snap-align: start;
}

scroll-stack[snap="center"] > scroll-stack-item {
  scroll-snap-align: center;
}

@supports (animation-timeline: view()) {
  scroll-stack:is([pin="start"], [pin="end"], [pin="both"], :not([pin="start"], [pin="end"], [pin="both"], [pin="none"]):is(:not([effect]), [effect="stack-fade"]):not([edges="end"])):not([disabled]) > scroll-stack-item {
    view-timeline: --scroll-stack-item block;
    view-timeline-inset: 0;
  }

  scroll-stack[direction="horizontal"]:is([pin="start"], [pin="end"], [pin="both"], :not([pin="start"], [pin="end"], [pin="both"], [pin="none"]):is(:not([effect]), [effect="stack-fade"]):not([edges="end"])):not([disabled]) > scroll-stack-item {
    view-timeline: --scroll-stack-item inline;
    view-timeline-inset: 0;
  }

  scroll-stack:is([pin="start"], :not([pin="start"], [pin="end"], [pin="both"], [pin="none"]):is(:not([effect]), [effect="stack-fade"]):not([edges="end"])):not([disabled]) > scroll-stack-item > * {
    animation: linear both scroll-stack-pin-start-block;
    animation-timeline: --scroll-stack-item;
    animation-range: cover;
  }

  scroll-stack[direction="horizontal"]:is([pin="start"], :not([pin="start"], [pin="end"], [pin="both"], [pin="none"]):is(:not([effect]), [effect="stack-fade"]):not([edges="end"])):not([disabled]) > scroll-stack-item > * {
    animation: linear both scroll-stack-pin-start-inline;
    animation-timeline: --scroll-stack-item;
    animation-range: cover;
  }

  scroll-stack[pin="end"]:not([disabled]) > scroll-stack-item > * {
    animation: linear both scroll-stack-pin-end-block;
    animation-timeline: --scroll-stack-item;
    animation-range: cover;
  }

  scroll-stack[direction="horizontal"][pin="end"]:not([disabled]) > scroll-stack-item > * {
    animation: linear both scroll-stack-pin-end-inline;
    animation-timeline: --scroll-stack-item;
    animation-range: cover;
  }

  scroll-stack[pin="both"]:not([disabled]) > scroll-stack-item > * {
    animation: linear both scroll-stack-pin-both-block;
    animation-timeline: --scroll-stack-item;
    animation-range: cover;
  }

  scroll-stack[direction="horizontal"][pin="both"]:not([disabled]) > scroll-stack-item > * {
    animation: linear both scroll-stack-pin-both-inline;
    animation-timeline: --scroll-stack-item;
    animation-range: cover;
  }
}

@keyframes scroll-stack-pin-start-block {
  exit-crossing 0% {
    translate: 0;
  }

  exit-crossing 100% {
    translate: 0 100%;
  }
}

@keyframes scroll-stack-pin-start-inline {
  exit-crossing 0% {
    translate: 0;
  }

  exit-crossing 100% {
    translate: 100%;
  }
}

@keyframes scroll-stack-pin-end-block {
  entry-crossing 0% {
    translate: 0 -100%;
  }

  entry-crossing 100% {
    translate: 0;
  }
}

@keyframes scroll-stack-pin-end-inline {
  entry-crossing 0% {
    translate: -100%;
  }

  entry-crossing 100% {
    translate: 0;
  }
}

@keyframes scroll-stack-pin-both-block {
  entry 0% {
    translate: 0 -100%;
  }

  entry 100% {
    translate: 0;
  }

  exit 0% {
    translate: 0;
  }

  exit 100% {
    translate: 0 100%;
  }
}

@keyframes scroll-stack-pin-both-inline {
  entry 0% {
    translate: -100%;
  }

  entry 100% {
    translate: 0;
  }

  exit 0% {
    translate: 0;
  }

  exit 100% {
    translate: 100%;
  }
}

scroll-stack:not([direction="horizontal"]) > scroll-stack-item > * {
  margin-block: 0;
}

scroll-stack[direction="horizontal"] > scroll-stack-item > * {
  margin-inline: 0;
}

scroll-stack:is(:not([effect]), [effect="stack-fade"], [effect="fade-scale"]) > scroll-stack-item > * {
  opacity: calc(1 - var(--scroll-stack-progress, 0));
  transform: scale(calc(1 - var(--scroll-stack-shrink, .15) * var(--scroll-stack-progress, 0)));
}

scroll-stack[effect="fade"] > scroll-stack-item > * {
  opacity: calc(1 - var(--scroll-stack-progress, 0));
}

scroll-stack[effect="scale"] > scroll-stack-item > * {
  transform: scale(calc(1 - var(--scroll-stack-shrink, .15) * var(--scroll-stack-progress, 0)));
}

scroll-stack-item[transitioning] > * {
  will-change: opacity, transform, filter;
  transition: none;
}

scroll-stack-item[fully-hidden] {
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  scroll-stack:not([reduced-motion="ignore"]) > scroll-stack-item > * {
    transform: none !important;
  }
}

@supports not (animation-timeline: view()) {
  scroll-stack[snap] {
    scroll-snap-type: y proximity;
  }

  scroll-stack[direction="horizontal"][snap] {
    scroll-snap-type: x proximity;
  }

  scroll-stack:is([pin="start"], [pin="both"], :not([pin="start"], [pin="end"], [pin="both"], [pin="none"]):is(:not([effect]), [effect="stack-fade"]):not([edges="end"])):not([disabled]) > scroll-stack-item {
    position: sticky;
    top: 0;
  }

  scroll-stack[direction="horizontal"]:is([pin="start"], [pin="both"], :not([pin="start"], [pin="end"], [pin="both"], [pin="none"]):is(:not([effect]), [effect="stack-fade"]):not([edges="end"])):not([disabled]) > scroll-stack-item {
    top: auto;
    left: 0;
  }

  scroll-stack:is([pin="end"], [pin="both"]):not([disabled]) > scroll-stack-item {
    position: sticky;
    bottom: 0;
  }

  scroll-stack[direction="horizontal"]:is([pin="end"], [pin="both"]):not([disabled]) > scroll-stack-item {
    bottom: auto;
    right: 0;
  }

  scroll-stack[measuring] > scroll-stack-item {
    position: static !important;
  }
}
/*$vite$:1*/