.tr,.pk.tr{--tear-toss:cubic-bezier(.2, .8, .3, 1);--tear-gravity:cubic-bezier(.55, 0, .85, .45)}.pk.tr .tr-front{transform:translateZ(calc(var(--t) / 2));position:absolute;inset:0}.pk.tr .tr-face{transform:none}.pk.tr.t-sei .pk-f:after{display:none}.pk.tr .tr-band{width:100%;height:calc(var(--band,11) * 1%);z-index:2;pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.pk.tr .tr-band>.tr-face{width:100%;height:calc(10000% / var(--band,11));inset:0 auto auto 0}.pk.tr .tr-front.tn .tr-ba{will-change:transform}.pk.tr .tr-perf{left:calc(var(--pw) * .05);right:calc(var(--pw) * .05);top:calc(var(--y0) * 1% - max(2.5px, calc(var(--pw) * .009)));height:max(2.5px, calc(var(--pw) * .009));background:repeating-linear-gradient(90deg, var(--perf,#f1ebdfeb) 0 calc(var(--pw) * .018), transparent calc(var(--pw) * .018) calc(var(--pw) * .032)) 0 0/100% 62% no-repeat, repeating-linear-gradient(90deg, var(--perf-e,#0009) 0 calc(var(--pw) * .018), transparent calc(var(--pw) * .018) calc(var(--pw) * .032)) 0 100%/100% 38% no-repeat}.pk.tr.t-std .tr-perf,.pk.tr.t-sjo .tr-perf,.pk.tr.t-rom .tr-perf,.pk.tr.t-isk .tr-perf{--perf:#08080aa8;--perf-e:#fff9}.pk.tr .tr-notch{top:calc(var(--y0) * 1%);width:calc(var(--pw) * .032);height:calc(var(--pw) * .04);background:#060608;translate:0 -50%}.pk.tr .tr-notch.l{clip-path:polygon(0 0,100% 50%,0 100%);left:-1px}.pk.tr .tr-notch.r{clip-path:polygon(100% 0,0 50%,100% 100%);right:-1px}.pk.tr:not(.t-sei):not(.t-mch):not(.t-spt) .pk-f .pk-br{top:calc(var(--y0) * 1% + 1.3%)}.pk.tr .pk-3d{transition:transform .7s var(--spring), scale .2s var(--ease-out)}.pk.tr.tr-held .pk-3d{transition:transform .7s var(--spring), scale .12s var(--ease-out);scale:.985}.pk.tr.tr-ripped .pk-fl{animation-play-state:paused}.pk.tr.tr-ripped .pk-s.l{clip-path:polygon(100% var(--yl),0 max(var(--yl), 10%),0 90%,74% 100%,100% 100%)}.pk.tr.tr-ripped .pk-s.r{clip-path:polygon(0 var(--yr),100% max(var(--yr), 10%),100% 90%,26% 100%,0 100%)}.pk.tr.tr-ripped .pk-bk{clip-path:polygon(0 var(--yb),100% var(--yb),100% 100%,0 100%);backface-visibility:visible}.pk.tr .tr-glow{height:calc((var(--y0) + 6) * 1%);z-index:1;pointer-events:none;opacity:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.pk.tr .tr-leak{--lw:calc(var(--pw,280px) * .8);--lh:calc(var(--pw,280px) * .36);width:var(--lw);height:var(--lh);margin:calc(var(--lh) / -2) 0 0 calc(var(--lw) / -2);pointer-events:none;transform:translate(calc(var(--tpx,0) * var(--pw,280px)), calc(var(--tpy,0) * var(--pw,280px) * 1.6));background:radial-gradient(40% 24% at 50% 50%, #ffffff80 0, color-mix(in srgb, var(--leak,#f1ebdf) 42%, transparent) 40%, transparent 76%);position:absolute;top:0;left:0}.pk.tr .tr-leak:after{content:"";opacity:.32;background:repeating-conic-gradient(from -70deg at 50% 100%, color-mix(in srgb, var(--leak,#f1ebdf) 50%, transparent) 0 2.4deg, transparent 2.4deg 12deg);position:absolute;inset:-40% 0 50%;-webkit-mask:radial-gradient(40% 70% at 50% 100%,#000 10%,#0000 70%);mask:radial-gradient(40% 70% at 50% 100%,#000 10%,#0000 70%)}.pk.tr .tr-front.tr-done .tr-glow{transition:opacity .26s var(--ease-out);opacity:0!important}.pk.tr .tr-seam{--sh:max(2px, calc(var(--pw,280px) * .012));z-index:5;width:100%;left:0;top:calc(var(--y0) * 1%);height:var(--sh);margin-top:calc(var(--sh) * -.5);transform-origin:0;opacity:0;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--leak,#f1ebdf) 80%, transparent), #fff 40% 60%, color-mix(in srgb, var(--leak,#f1ebdf) 80%, transparent));position:absolute}.pk.tr .tr-front[data-dir=l] .tr-seam{transform-origin:100%}.pk.tr .tr-front.tr-done .tr-seam{opacity:.7!important}.pk.tr .tr-front.tr-gone .tr-seam{transition:opacity .26s var(--ease-out);opacity:0!important}.pk.tr .tr-cast{z-index:1;width:100%;left:0;top:calc(var(--y0) * 1%);height:calc(var(--pw,280px) * .06);transform-origin:0 0;opacity:0;pointer-events:none;background:linear-gradient(#08080a8c,#0000);position:absolute}.pk.tr .tr-front[data-dir=l] .tr-cast{transform-origin:100% 0}.pk.tr .tr-sheen{width:100%;height:calc((var(--y0) + 5) * 1%);opacity:0;background:linear-gradient(100deg,#0000 36%,#fff9 50%,#0000 64%);top:0;left:0}.pk.tr .tr-line{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pk.tr .tr-line .ed,.pk.tr .tr-line .sh,.pk.tr .tr-line .fr,.pk.tr .tr-ea polyline{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.pk.tr .tr-line .ed{stroke:#f6f1e6;stroke-width:1.7px}.pk.tr .tr-line .sh{stroke:#08080a6b;stroke-width:3px}.pk.tr .tr-line .fr{stroke:#f6f1e673;stroke-width:3px}.pk.tr .tr-ea{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pk.tr .tr-ea polyline{stroke:#f6f1e6;stroke-width:2.4px}.pk.tr .tr-spark{z-index:6;width:max(2px, calc(var(--pw,280px) * .012));height:max(5px, calc(var(--pw,280px) * .035));margin:calc(max(5px, calc(var(--pw,280px) * .035)) / -2) 0 0 calc(max(2px, calc(var(--pw,280px) * .012)) / -2);opacity:0;pointer-events:none;background:linear-gradient(180deg, #fff, var(--leak,#f1ebdf));border-radius:1px;position:absolute;top:0;left:0}.pk.tr .tr-tip{--nb:max(16px, calc(var(--pw,280px) * .08));z-index:6;width:var(--nb);height:var(--nb);margin:calc(var(--nb) / -2) 0 0 calc(var(--nb) / -2);transform:translate(calc(var(--tpx,0) * var(--pw,280px)), calc(var(--tpy,0) * var(--pw,280px) * 1.6)) rotate(calc(var(--tpx,0) * 240deg));pointer-events:none;opacity:0;transition:opacity .12s var(--ease-out);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#08080a;position:absolute;top:0;left:0}.pk.tr .tr-tip:before,.pk.tr .tr-tip:after{content:"";clip-path:inherit;position:absolute}.pk.tr .tr-tip:before{background:var(--nib,var(--crimson));inset:9%}.pk.tr .tr-tip:after{background:#fff;inset:30%}.pk.tr .tr-hl{z-index:6;left:5%;right:5%;top:calc(var(--y0) * 1% - 1.5px);opacity:0;pointer-events:none;background:linear-gradient(180deg, var(--crimson), var(--bone) 35% 65%, var(--crimson));height:3px;box-shadow:0 0 0 1px #08080a73, 0 0 6px var(--crimson), 0 0 16px color-mix(in srgb, var(--crimson) 60%, transparent);border-radius:2px;transition:opacity .2s;position:absolute}.tr-area .tr-front:not(.tn) .tr-hl{opacity:1}.tr-area[data-idle=true] .tr-front:not(.tn) .tr-hl{animation:2.4s ease-in-out infinite trhl}@keyframes trhl{50%{opacity:.72}}.pk.tr.jag .tr-perf{right:calc(var(--pw) * (1 - var(--pxe,.95)))}.pk.tr.jag .tr-hl{right:calc(100% - var(--pxe,.95) * 100%)}.pk.tr.jag .tr-notch.r,.lite .pk.tr .tr-spark,.lite .pk.tr .tr-sheen,.lite .pk.tr .tr-cast,.lite .pk.tr .tr-leak:after{display:none}.lite .tr-area[data-idle=true] .tr-front:not(.tn) .tr-hl{animation:none}@media (prefers-reduced-motion:reduce){.pk.tr .tr-spark,.pk.tr .tr-sheen,.pk.tr .tr-cast{display:none}.pk.tr .tr-tip,.pk.tr .tr-front.tr-done .tr-glow,.pk.tr .tr-front.tr-gone .tr-seam{transition:none}.pk.tr .tr-band{transition:opacity .15s var(--ease-out);transform:none!important}.pk.tr.tr-held .pk-3d{scale:1}.tr-area[data-idle=true] .tr-front:not(.tn) .tr-hl{animation:none}}.pk.tr.tr-pearl-skin .pk-f{box-shadow:none;background:0 0;border:0}.pk.tr.tr-pearl-skin .tr-pearl{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.pk.tr.tr-pearl-skin .pk-s,.pk.tr.tr-pearl-skin .pk-bk{visibility:hidden}
