@property --sd-pip-a{syntax:"<angle>"; inherits:false; initial-value:0deg;}.sd-pip{position:fixed;z-index:60;left:14px;bottom:12px;pointer-events:none;transition:bottom .4s cubic-bezier(.2,.9,.3,1.1),opacity .25s ease}.sd-pip[hidden]{display:none}html.sd-so-lock .sd-pip,html.sd-story-lock .sd-pip{opacity:0}html.sd-so-lock .sd-pip__card{pointer-events:none}.sd-pip__lift{position:relative;z-index:1;transform-origin:bottom left;will-change:transform}.sd-pip.is-right .sd-pip__lift{transform-origin:bottom right}.sd-pip__float{transform-origin:50% 100%}.sd-pip.is-floating .sd-pip__float{animation:sd-pip-float 5.2s ease-in-out .3s infinite}@keyframes sd-pip-float{0%,to{transform:perspective(700px) translateY(0) rotate(0) rotateY(0)}25%{transform:perspective(700px) translateY(-6px) rotate(-1.4deg) rotateY(7deg)}50%{transform:perspective(700px) translateY(-10px) rotate(0) rotateY(0)}75%{transform:perspective(700px) translateY(-5px) rotate(1.4deg) rotateY(-7deg)}}.sd-pip__burst{position:absolute;z-index:0;left:0;bottom:0;width:64px;height:64px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#ff78508c,#b4141b66 38%,#b4141b00 70%);box-shadow:0 0 0 2px #ff5a3c8c,0 0 24px #b4141bb3}.sd-pip.is-right .sd-pip__burst{left:auto;right:0}.sd-pip__card{--pip-w:112px;position:relative;width:var(--pip-w);aspect-ratio:9 / 16;border-radius:18px;transform-origin:bottom left;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;will-change:transform}.sd-pip.is-right .sd-pip__card{transform-origin:bottom right}.sd-pip.is-launching .sd-pip__card{pointer-events:none}@media(min-width:990px){.sd-pip__card{--pip-w:150px}}.sd-pip__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#0b0b0c;box-shadow:0 18px 40px #00000080,0 2px 8px #00000059,0 0 26px #b4141b47;transform-origin:50% 50%;will-change:transform}.sd-pip.is-lit .sd-pip__face{animation:sd-pip-flash 1.1s ease-out both}@keyframes sd-pip-flash{0%{box-shadow:0 18px 40px #00000080,0 2px 8px #00000059,0 0 60px 8px #ff4632b3}to{box-shadow:0 18px 40px #00000080,0 2px 8px #00000059,0 0 26px #b4141b47}}.sd-pip__clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}.sd-pip__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.sd-pip__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 26%,transparent 58%,rgba(0,0,0,.75))}.sd-pip__tee{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;pointer-events:none;background-color:#0e0e10;background-image:radial-gradient(circle at 35% 28%,#ffffff2e,#0e0e10eb 72%);background-position:center,center;background-repeat:no-repeat,no-repeat;background-size:cover,cover;box-shadow:inset 0 1px #fff3,inset 0 -6px 12px #0000004d}.sd-pip__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--sd-pip-a),#B4141B,#ff5a3c,#EDE7DA,#B4141B,#ff5a3c,#B4141B);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sd-pip-ring 3s linear infinite;transition:opacity .3s ease}.sd-pip.is-launching .sd-pip__card:before{opacity:0;animation:none}.sd-pip.is-lit .sd-pip__card:before{animation:sd-pip-ignite .8s cubic-bezier(.2,.8,.3,1) both,sd-pip-ring 3s linear .8s infinite}@keyframes sd-pip-ring{to{--sd-pip-a:360deg}}@keyframes sd-pip-ignite{0%{--sd-pip-a:-240deg;opacity:0;filter:brightness(2.4)}to{--sd-pip-a:0deg;opacity:1;filter:none}}.sd-pip__clip:after{content:"";position:absolute;top:-10%;bottom:-10%;left:-80%;width:55%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28) 45%,rgba(255,255,255,.06) 60%,transparent);transform:skew(-14deg);pointer-events:none;opacity:0}.sd-pip.is-floating .sd-pip__clip:after{animation:sd-pip-shine 4.6s cubic-bezier(.45,0,.2,1) .4s infinite}@keyframes sd-pip-shine{0%{transform:skew(-14deg) translate(0);opacity:0}6%{opacity:1}30%{transform:skew(-14deg) translate(420%);opacity:1}31%,to{transform:skew(-14deg) translate(420%);opacity:0}}.sd-pip__label{position:absolute;z-index:2;left:0;right:0;bottom:10px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--sd-bone, #EDE7DA);font-family:var(--sd-mono, ui-monospace, monospace);font-size:8.5px;line-height:1;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;white-space:nowrap;transition:opacity .35s ease .12s,transform .5s cubic-bezier(.2,.9,.3,1.4) .12s}.sd-pip__label:before{content:"";width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:#b4141b;box-shadow:0 0 8px #b4141b;animation:sd-pip-dot 1.6s ease-in-out infinite}@keyframes sd-pip-dot{50%{opacity:.35}}@media(min-width:990px){.sd-pip__label{font-size:10px;bottom:12px}}.sd-pip.is-launching .sd-pip__label{opacity:0;transform:translateY(8px)}.sd-pip__play{position:absolute;z-index:2;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;display:grid;place-items:center;background:#0b0b0c73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(237,231,218,.3);opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.9,.3,1.4);pointer-events:none}.sd-pip__play svg{width:16px;height:16px;fill:var(--sd-bone, #EDE7DA);margin-left:2px}.sd-pip__card.is-still .sd-pip__play{opacity:1;transform:none}.sd-pip.is-launching .sd-pip__play{opacity:0!important}.sd-pip__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer}.sd-pip__open:focus-visible{outline:2px solid var(--sd-bone, #EDE7DA);outline-offset:-4px}.sd-pip__x{position:absolute;z-index:5;top:7px;right:7px;width:26px;height:26px;margin:0;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(237,231,218,.22);background:#0b0b0c80;color:var(--sd-bone, #EDE7DA);backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);transition:opacity .3s ease .2s,transform .5s cubic-bezier(.2,.9,.3,1.5) .2s}.sd-pip__x svg{width:12px;height:12px;stroke-linecap:round}.sd-pip__x:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.sd-pip__x:focus-visible{outline:2px solid var(--sd-bone, #EDE7DA);outline-offset:2px}.sd-pip.is-launching .sd-pip__x{opacity:0;transform:scale(.4)}@media(hover:hover){.sd-pip__card{transition:scale .35s cubic-bezier(.2,.9,.3,1.4)}.sd-pip__card:hover{scale:1.04}}.sd-dock__inner{position:relative}.sd-dock__orb:not(.sd-dock__orb--chat){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.sd-dock__orb img{pointer-events:none;-webkit-user-drag:none}.sd-orb-x{position:absolute;z-index:6;width:26px;height:26px;margin:0;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(237,231,218,.3);background:#b4141bf0;color:#fff;box-shadow:0 6px 16px #00000073;animation:sd-orb-x-in .38s cubic-bezier(.2,.9,.3,1.5) both}.sd-orb-x svg{width:12px;height:12px;stroke-linecap:round}.sd-orb-x:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}@keyframes sd-orb-x-in{0%{opacity:0;transform:scale(.3) rotate(-90deg)}}html.sd-orb-off .sd-orb-x{display:none}.sd-orb-ping{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:3;border-radius:50%;pointer-events:none;border:2px solid #B4141B;box-shadow:0 0 14px #b4141bcc;animation:sd-orb-ping .95s cubic-bezier(.2,.7,.3,1) forwards}@keyframes sd-orb-ping{0%{transform:scale(1);opacity:.95}to{transform:scale(1.75);opacity:0}}@media(prefers-reduced-motion:reduce){.sd-pip{transition:opacity .2s ease}.sd-pip.is-floating .sd-pip__float,.sd-pip.is-floating .sd-pip__clip:after,.sd-pip__card:before,.sd-pip.is-lit .sd-pip__card:before,.sd-pip.is-lit .sd-pip__face,.sd-pip__label:before,.sd-orb-x{animation:none}.sd-pip__card:hover{scale:none}.sd-orb-ping,.sd-pip__burst{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/sd-story-pip.css.map */