.reelpop{--k:1;--cut:5px;--r:9px;--w:calc(104px * var(--k));--h:calc((var(--w) - 2 * var(--cut)) * 16 / 9 + 2 * var(--cut));--pop-slide:cubic-bezier(.22,1,.36,1);--pop-leave:cubic-bezier(.5,0,.8,.3);--pop-spring:cubic-bezier(.34,1.45,.64,1);--pop-shadow:0 0 0 1px rgba(11,13,15,.17),0 1px 2px rgba(11,13,15,.3),0 calc(9px * var(--k)) calc(20px * var(--k)) calc(-5px * var(--k)) rgba(11,13,15,.46);position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;pointer-events:none;-webkit-tap-highlight-color:transparent}@media(max-width:760px){.reelpop{--k:.66;--cut:4px;--r:7px}}@media(max-height:430px){.reelpop{display:none}}.reelpop__rig{position:absolute;pointer-events:none;right:calc(8px * var(--k) + env(safe-area-inset-right,0px));bottom:calc(128px * var(--k) + env(safe-area-inset-bottom,0px));width:var(--w);height:var(--h);transform:translate(calc(100% + 48px));visibility:hidden;transition:transform .4s var(--pop-leave),visibility 0s .4s}.reelpop.is-in .reelpop__rig{transform:none;visibility:visible;transition:transform .56s var(--pop-slide),visibility 0s}.reelpop__rig button,.reelpop__rig .reelpop__slot{pointer-events:auto}.reelpop__hand{position:absolute;top:0;right:0;bottom:0;left:0}.reelpop__slot{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:calc(100% + 30px * var(--k)) calc(100% + 160px * var(--k));transform:rotate(-2deg);transition:transform .28s ease}.reelpop__slot:nth-child(1){--fan:-2deg;--wide:-1deg;z-index:3}.reelpop__slot:nth-child(2){--fan:-16deg;--wide:-18.5deg;z-index:2}.reelpop__slot:nth-child(3){--fan:-30deg;--wide:-35deg;z-index:1}.reelpop.is-in .reelpop__slot{transform:rotate(var(--fan));transition:transform .62s var(--pop-spring) calc(.16s + var(--i,0) * 65ms)}.reelpop.is-in.is-landed .reelpop__slot{transition:transform .34s var(--pop-spring)}@media(max-width:760px){.reelpop__slot:nth-child(2){--fan:-14deg;--wide:-16deg}.reelpop__slot:nth-child(3){--fan:-26deg;--wide:-30deg}}.reelpop__card{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;-webkit-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;border:var(--cut) solid #FFFFFF;border-radius:var(--r);background:#15181c;overflow:hidden;box-shadow:var(--pop-shadow);transition:transform .3s var(--pop-spring);-webkit-tap-highlight-color:transparent}.reelpop__card img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.reelpop__card:focus-visible{outline:none;box-shadow:0 0 0 2px #0b0d0f,0 0 0 5px var(--glacier,#6fb0c8),var(--pop-shadow)}.reelpop.is-hover.is-landed .reelpop__hand:hover .reelpop__slot{transform:rotate(var(--wide))}.reelpop.is-hover.is-landed .reelpop__slot:hover .reelpop__card,.reelpop__card:focus-visible{transform:translateY(calc(-12px * var(--k)))}.reelpop__play{position:absolute;left:50%;top:50%;width:calc(30px * var(--k));height:calc(30px * var(--k));margin:calc(-15px * var(--k)) 0 0 calc(-15px * var(--k));border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0b0d0f94;display:grid;place-items:center;pointer-events:none}.reelpop__play svg{width:50%;height:50%;fill:#fff;margin-left:6%}.reelpop__word{position:absolute;z-index:4;overflow:visible;pointer-events:none;width:var(--ww);filter:drop-shadow(0 1px 1.5px rgba(11,13,15,.34)) drop-shadow(0 calc(9px * var(--k)) calc(13px * var(--k)) rgba(11,13,15,.3));transform:rotate(var(--tilt)) scale(.6);opacity:0;transition:transform .2s ease,opacity .2s ease}.reelpop.is-in .reelpop__word{transform:rotate(var(--tilt));opacity:1;transition:transform .42s var(--pop-spring) var(--at),opacity .2s ease var(--at)}.reelpop__word text{font-family:var(--paint,"Covered By Your Grace","Sedgwick Ave Display",cursive);font-weight:400;font-style:normal;font-size:96px;letter-spacing:1px;text-anchor:middle;stroke-linejoin:round;stroke-linecap:round}.reelpop__word .w-hair{fill:none;stroke:#0b0d0f3d;stroke-width:30.6}.reelpop__word .w-cut{fill:#fff;stroke:#fff;stroke-width:28}.reelpop__word .w-ink{fill:#0b0d0f}.reelpop__word .w-hit{fill:transparent;pointer-events:all;cursor:pointer}.reelpop__word--tag{--tilt:-7deg;--at:.56s;--ww:calc(159px * var(--k));height:calc(var(--ww) * 118 / 212);top:calc(100% + 20px * var(--k));right:calc(44px * var(--k))}.reelpop__word--lead{--tilt:-24deg;--at:.42s;--ww:calc(223px * var(--k));height:calc(var(--ww) * 152 / 679);top:calc(-38px * var(--k));right:calc(49px * var(--k));transform-origin:70% 100%}.reelpop__word--lead .w-hair{stroke-width:56}.reelpop__word--lead .w-cut{stroke-width:50}.reelpop__word--lead .w-ink{fill:#e0322b}.reelpop__x{position:absolute;z-index:6;left:calc(100% - 12px * var(--k) - 13px);top:calc(1px * var(--k) - 13px);width:26px;height:26px;margin:0;padding:0;border-radius:50%;-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.4);background:#0b0d0fb3;color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .18s,background .15s}.reelpop__x:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.reelpop__x svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.reelpop__x:hover{background:#0b0d0fe6}.reelpop__x:focus-visible{outline:2px solid var(--glacier,#6fb0c8);outline-offset:2px}.reelpop.is-touch .reelpop__x,.reelpop__rig:hover .reelpop__x,.reelpop__rig:focus-within .reelpop__x{opacity:1}.reelview{--fh:min(86vh,calc((100vw - 11rem) * 16 / 9));position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;touch-action:none;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}@supports (height:1svh){.reelview{--fh:min(86svh,calc((100vw - 11rem) * 16 / 9))}}.reelview[hidden]{display:none}.reelview__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0d0fe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .24s ease}.reelview.is-on .reelview__scrim{opacity:1}.reelview__frame{position:relative;height:var(--fh);width:calc(var(--fh) * 9 / 16);opacity:0;transform:scale(.965);transition:opacity .2s ease,transform .34s cubic-bezier(.22,1,.36,1)}.reelview.is-on .reelview__frame{opacity:1;transform:none}.reelview__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#15181c;border:1px solid rgba(255,255,255,.16)}.reelview__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#15181c}.reelview__media:before,.reelview__media:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}.reelview__media:before{top:0;height:22%;background:linear-gradient(180deg,#0b0d0f9e,#0b0d0f00)}.reelview__media:after{bottom:0;height:38%;background:linear-gradient(0deg,#0b0d0fd1,#0b0d0f80 38%,#0b0d0f00)}.reelview__bars{position:absolute;z-index:3;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top,0px));display:flex;gap:4px;pointer-events:none}.reelview__bars i{flex:1 1 0;height:3px;background:#ffffff57;overflow:hidden;border-radius:2px}.reelview__bars b{display:block;width:100%;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(0)}.reelview__btn{position:absolute;z-index:4;width:44px;height:44px;margin:0;padding:0;border-radius:50%;-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.35);background:#0b0d0f8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;transition:background .15s,border-color .15s}.reelview__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reelview__btn:hover{background:#0b0d0fbf}.reelview__btn:focus-visible{outline:2px solid var(--glacier,#6fb0c8);outline-offset:2px}.reelview__x{top:calc(27px + env(safe-area-inset-top,0px));right:10px}.reelview__snd{right:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.reelview__snd .reelview__wave{display:none}.reelview__snd.is-on .reelview__wave{display:block}.reelview__snd.is-on .reelview__mute{display:none}.reelview__snd.is-on{border-color:var(--glacier,#6fb0c8);box-shadow:0 0 0 3px #6fb0c838}.reelview__prev{left:-64px;top:calc(50% - 22px)}.reelview__next{right:-64px;top:calc(50% - 22px)}.reelview.is-touch .reelview__prev,.reelview.is-touch .reelview__next{z-index:2;top:84px;bottom:150px;height:auto;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.reelview.is-touch .reelview__prev{left:0;width:34%}.reelview.is-touch .reelview__next{right:0;width:66%}.reelview.is-touch .reelview__prev svg,.reelview.is-touch .reelview__next svg{display:none}.reelview.is-touch .reelview__prev:focus-visible,.reelview.is-touch .reelview__next:focus-visible{outline-offset:-4px}.reelview__hash{position:absolute;z-index:3;left:14px;bottom:calc(66px + env(safe-area-inset-bottom,0px));margin:0;font:400 clamp(3rem,7.4vh,4.2rem)/.8 var(--paint,"Covered By Your Grace","Sedgwick Ave Display",cursive);letter-spacing:0;color:#fff;text-shadow:0 2px 14px rgba(11,13,15,.55);pointer-events:none}.reelview__cta{position:absolute;z-index:4;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;padding:16px 1.2rem;background:#e0322b;color:#fff;text-decoration:none;font:700 12px/1 var(--ui,"Instrument Sans",system-ui,sans-serif);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;transition:background .15s}.reelview__cta:hover{background:#c5271f}.reelview__cta:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}@media(max-width:760px){.reelview__frame{width:100%;height:100%}.reelview__media{border:0}.reelview:not(.is-touch) .reelview__prev{left:10px}.reelview:not(.is-touch) .reelview__next{right:10px}}html.reelpop-lock{overflow:hidden}@media(prefers-reduced-motion:reduce){.reelpop__rig,.reelpop__slot,.reelpop__card,.reelpop__word{animation:none!important;transition:none!important}.reelpop .reelpop__rig{opacity:0;transform:none;transition:opacity .3s ease,visibility 0s .3s!important}.reelpop.is-in .reelpop__rig{opacity:1;transition:opacity .3s ease,visibility 0s!important}.reelpop__slot{transform:rotate(var(--fan))}.reelpop__word{transform:rotate(var(--tilt));opacity:1}.reelview__scrim,.reelview__frame{transition:opacity .2s ease}.reelview__frame{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/reel-pop.css.map */