@property --sb-x{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --sb-r{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --sb-s{syntax: "<number>"; inherits: true; initial-value: 1;}@property --sb-b{syntax: "<number>"; inherits: true; initial-value: 1;}@keyframes svelte-1uha8ag-sbSlideInOnce{0%{transform:translate3d(160%,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes svelte-1uha8ag-sbFanInOnce{0%{--sb-x: 0px;--sb-r: 0deg;--sb-s: 1;--sb-b: 1}35%{--sb-x: 0px;--sb-r: 0deg;--sb-s: 1;--sb-b: 1}to{--sb-x: var(--sb-x-to);--sb-r: var(--sb-r-to);--sb-s: var(--sb-s-to);--sb-b: var(--sb-b-to)}}@keyframes svelte-1uha8ag-sbCaptionInOnce{0%{transform:translate3d(-50%,6px,0);opacity:0}to{transform:translate3d(-50%,0,0);opacity:1}}.sbStage.svelte-1uha8ag{position:relative;width:100%;aspect-ratio:2150 / 3036;overflow:visible;border-radius:.5rem}.sbSet.svelte-1uha8ag{position:absolute;inset:0;will-change:transform,opacity;transform:translateZ(0);opacity:1}.sbCaption.svelte-1uha8ag{position:absolute;left:50%;bottom:.65rem;transform:translate3d(-50%,0,0);padding:.35rem .6rem;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:#ffffffeb;background:#00000073;border:1px solid rgba(255,255,255,.14);border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;pointer-events:none}.sbStage.sbAnim.svelte-1uha8ag:not(.sbIsActive) .sbSet:where(.svelte-1uha8ag){transform:translate3d(160%,0,0);opacity:0}.sbStage.sbAnim.svelte-1uha8ag:not(.sbIsActive) .sbCaption:where(.svelte-1uha8ag){opacity:0}.sbStage.sbAnim.sbIsActive.svelte-1uha8ag .sbSet:where(.svelte-1uha8ag){animation:svelte-1uha8ag-sbSlideInOnce .75s cubic-bezier(.2,.9,.2,1) both}.sbStage.sbAnim.sbIsActive.svelte-1uha8ag .sbCaption:where(.svelte-1uha8ag){animation:svelte-1uha8ag-sbCaptionInOnce .65s cubic-bezier(.2,.9,.2,1) both;animation-delay:.12s}.sbStage.sbAnim.sbIsActive.svelte-1uha8ag .storybookFanCard:where(.svelte-1uha8ag){animation:svelte-1uha8ag-sbFanInOnce .9s cubic-bezier(.2,.9,.2,1) both}.sbStage.sbIsActive.svelte-1uha8ag:not(.sbAnim) .storybookFanCard:where(.svelte-1uha8ag){--sb-x: var(--sb-x-to);--sb-r: var(--sb-r-to);--sb-s: var(--sb-s-to);--sb-b: var(--sb-b-to)}@keyframes svelte-1uha8ag-wbEnter{0%{transform:translate3d(22px,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}.wbWrap.svelte-1uha8ag{background:transparent;opacity:0;transform:translate3d(22px,0,0)}.wbWrap.wbEntered.svelte-1uha8ag{opacity:1;transform:translateZ(0)}.wbWrap.wbEntered.wbAnim.svelte-1uha8ag{animation:svelte-1uha8ag-wbEnter .65s cubic-bezier(.2,.9,.2,1) both}.wbStage.svelte-1uha8ag{position:relative;width:100%;aspect-ratio:1654 / 2339;border-radius:.15rem;overflow:visible;--wb-max-depth: 4}.wbCard.svelte-1uha8ag{position:absolute;inset:0;width:100%;height:100%;z-index:calc(100 - var(--wb-depth));object-fit:cover;border-radius:.15rem;background:transparent;backface-visibility:hidden;will-change:transform,opacity;--wb-x: calc(var(--wb-depth) * 8px);--wb-y: calc((var(--wb-max-depth) - var(--wb-depth)) * 6px);--wb-z: calc((5 - var(--wb-depth)) * 8px);--wb-s: calc(1 + (var(--wb-depth) * .007));transform:translate3d(var(--wb-x),var(--wb-y),var(--wb-z)) scale(var(--wb-s));box-shadow:0 14px 34px #0000002e,0 0 0 1px #00000014;transform-origin:50% 60%;transition:transform .9s cubic-bezier(.2,.9,.2,1)}.storybookFan.svelte-1uha8ag{position:relative;width:100%;aspect-ratio:2150 / 3036;border-radius:.5rem;background:transparent;overflow:visible}.storybookFanCard.svelte-1uha8ag{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;background:transparent;border-radius:.15rem;overflow:hidden;backface-visibility:hidden;will-change:transform;transform:translate3d(-50%,-50%,0) translate(var(--sb-x)) rotate(var(--sb-r)) scale(var(--sb-s));filter:brightness(var(--sb-b));z-index:var(--sb-z);box-shadow:0 12px 28px #0000002e,0 0 0 1px #00000014;transform-origin:50% 60%}.system-itemButton.svelte-1uha8ag:hover .system-itemLabel:where(.svelte-1uha8ag):after,.system-itemButton.svelte-1uha8ag:focus-visible .system-itemLabel:where(.svelte-1uha8ag):after,.system-itemLabel--active.svelte-1uha8ag:after{transform:scaleX(1)}
