.fy-story{position:relative}.fy-stage{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));overflow:hidden;background:#fff}#fy-gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#fy-stickers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.fy-set{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--sticker);visibility:hidden}.fy-sticker{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%) scale(0);will-change:transform}.fy-sticker-in{width:100%;height:100%;transform:rotate(var(--rot));animation:bob 4.6s ease-in-out infinite;animation-delay:var(--delay)}.fy-sticker svg{display:block;width:100%;height:100%;overflow:visible}.fy-sticker--sparkle .fy-sticker-in,.fy-sticker--sparkle-o .fy-sticker-in{animation:twinkle 2.4s ease-in-out infinite;animation-delay:var(--delay)}.fy-sticker--smiley .fy-sticker-in,.fy-sticker--zap .fy-sticker-in,.fy-sticker--heart .fy-sticker-in{animation:wobble 3.2s ease-in-out infinite;animation-delay:var(--delay)}.fy-sticker .fy-spin{transform-origin:50px 50px;animation:turn 16s linear infinite}.fy-sticker .fy-draw{stroke-dasharray:1;stroke-dashoffset:1}.fy-ring-text{fill:currentColor;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.fy-burst-text{fill:var(--sticker-bg);font-weight:600;letter-spacing:-.01em}@keyframes bob{0%,to{transform:rotate(var(--rot)) translateY(0)}50%{transform:rotate(calc(var(--rot) + 4deg)) translateY(-6%)}}@keyframes twinkle{0%,to{transform:rotate(var(--rot)) scale(1)}50%{transform:rotate(calc(var(--rot) + 20deg)) scale(.72)}}@keyframes wobble{0%,to{transform:rotate(calc(var(--rot) - 8deg))}50%{transform:rotate(calc(var(--rot) + 8deg))}}@keyframes turn{to{transform:rotate(360deg)}}#fy-end{position:absolute;left:0;top:0;z-index:16;opacity:0;visibility:hidden;pointer-events:none}#fy-pre{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#fff;transition:opacity .5s ease-out}#fy-pre.done{opacity:0;pointer-events:none}.fy-mark{width:min(48vw,420px)}.fy-mark-ghost{fill:#00000014}.fy-mark-solid{fill:#000}.fy-copy{position:absolute;left:max(24px,6vw);top:50%;z-index:14;width:min(44vw,40rem);color:#000;visibility:hidden;pointer-events:none;transform:translateY(-50%)}.fy-copy-label{margin-bottom:1.25rem;font-size:var(--text-micro);line-height:1;letter-spacing:.06em;text-transform:uppercase}.fy-copy-title{margin:0;font-size:clamp(2.25rem,1rem + 3.4vw,4.25rem);font-weight:400;line-height:.98;letter-spacing:-.03em}.fy-copy-text{max-width:26rem;margin-top:1.5rem;font-size:var(--text-lg);line-height:1.4;overflow:hidden}.fy-copy .fy-line,.fy-copy-text{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.fy-copy .fy-line>span,.fy-copy-text>span{display:inline-block;transform:translateY(105%);will-change:transform}.fy-copy-label,.fy-copy-text{opacity:0}.fy-copy-hint{position:absolute;left:50%;bottom:24px;z-index:14;font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase;color:#8c8c8c;translate:-50% 0;pointer-events:none}#fy-labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;pointer-events:none}.fy-callout{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.625rem;opacity:0;visibility:hidden}.fy-callout.left{flex-direction:row-reverse}.fy-callout i{display:block;flex:none;height:1px;background:#000;transform-origin:left center}.fy-callout.left i{transform-origin:right center}.fy-callout b{padding:.5rem .625rem;font-weight:400;font-size:var(--text-micro);line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:#000;white-space:nowrap;background:#fff;border:1px solid #e3e3e3}#fy-story{position:relative;z-index:1}@media(max-width:749px){.fy-copy{left:16px;right:16px;top:6%;width:auto;transform:none}.fy-copy-label{margin-bottom:.875rem}.fy-copy-text{margin-top:.875rem;font-size:var(--text-md)}.fy-callout b{max-width:9.5rem;white-space:normal}.fy-sticker{left:var(--nx);top:var(--ny);width:calc(var(--size) * .62);height:calc(var(--size) * .62)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fynne-story.css.map */