html{--sav-clasp-ready: 1}:where(html){--sav-clasp-hold-cap: .35s;--sav-clasp-rise: 12px;--sav-clasp-hinge: 8deg;--sav-clasp-logo-ar: 5.6103}.sav-clasp{--sav-clasp-bg: 27 32 46;--sav-clasp-bg2: 38 45 64;--sav-clasp-acc: 209 214 230;--sav-clasp-warm: 255 255 255;position:fixed;top:0;right:0;left:0;bottom:auto;height:100vh;height:100lvh;z-index:2147483101;margin:0;padding:0;border:0;background:transparent;pointer-events:auto;cursor:default;-webkit-user-select:none;user-select:none;contain:layout paint;overflow:hidden;-webkit-tap-highlight-color:transparent}.sav-clasp,.sav-clasp *,.sav-clasp *:before,.sav-clasp *:after{box-sizing:border-box}.sav-clasp[data-state=opening]{pointer-events:none}.sav-clasp--fading{opacity:0;pointer-events:none;transition:opacity .3s ease}.sav-clasp__depth{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;transform:scale(1.1);background:radial-gradient(60% 60% at 50% 50%,rgb(var(--sav-clasp-acc) / .06),transparent 70%);opacity:1;pointer-events:none}.sav-clasp__panel{position:absolute;top:0;bottom:0;width:calc(50% + .6vw);background-color:rgb(var(--sav-clasp-bg));background-repeat:no-repeat;background-size:100% 100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:visible;pointer-events:none}.sav-clasp__panel--l{left:0;transform-origin:left center;background-image:radial-gradient(70% 90% at 0% 50%,rgb(var(--sav-clasp-acc) / .09) 0%,rgb(var(--sav-clasp-acc) / .004) 62%,transparent 75%),linear-gradient(90deg,#00000040,#0000 30%,rgb(var(--sav-clasp-bg2)) 55% 100%)}.sav-clasp__panel--r{right:0;transform-origin:right center;background-image:radial-gradient(70% 90% at 100% 50%,rgb(var(--sav-clasp-acc) / .09) 0%,rgb(var(--sav-clasp-acc) / .004) 62%,transparent 75%),linear-gradient(270deg,#00000040,#0000 30%,rgb(var(--sav-clasp-bg2)) 55% 100%)}.sav-clasp__panel--r:before{content:"";position:absolute;top:-6%;bottom:-6%;left:-110px;width:220px;background:linear-gradient(90deg,transparent,rgb(var(--sav-clasp-warm) / .16) 50%,transparent);opacity:.55;pointer-events:none}.sav-clasp__panel--r:after{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgb(var(--sav-clasp-acc)) 12%,#fff calc(50% - 52px),transparent calc(50% - 30px),transparent calc(50% + 30px),#fff calc(50% + 52px),rgb(var(--sav-clasp-acc)) 76%,transparent 100%);opacity:1;pointer-events:none}.sav-clasp__seam{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,transparent 0%,rgb(var(--sav-clasp-acc)) 14%,#fff calc(50% - 52px),transparent calc(50% - 30px),transparent calc(50% + 30px),#fff calc(50% + 52px),rgb(var(--sav-clasp-acc)) 86%,transparent 100%);opacity:.75;pointer-events:none}.sav-clasp__glint{position:absolute;left:50%;top:50%;width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:50%;background:radial-gradient(circle closest-side,rgb(var(--sav-clasp-warm)) 0%,rgb(var(--sav-clasp-acc) / .9) 12%,rgb(var(--sav-clasp-acc) / .35) 40%,transparent 70%);mix-blend-mode:screen;opacity:.5;transform:scale(1);pointer-events:none}.sav-clasp__spark{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;display:block;fill:#fff;opacity:.2;mix-blend-mode:screen;transform:rotate(0);overflow:visible;pointer-events:none}.sav-clasp__mark{position:absolute;left:50%;top:50%;width:clamp(180px,calc(120px + 14vw),320px);transform:translate(-50%,-50%);display:block;line-height:0;opacity:1;background-image:var(--sav-clasp-logo, none);background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;pointer-events:none}.sav-clasp__halo{position:absolute;left:50%;top:50%;width:170%;height:320%;transform:translate(-50%,-50%);background:radial-gradient(50% 50% at 50% 50%,rgb(var(--sav-clasp-acc) / .12),transparent 70%);z-index:-1;pointer-events:none}.sav-clasp__logo{display:block;width:100%;max-width:none;height:auto;aspect-ratio:var(--sav-clasp-logo-ar, 5.6103);object-fit:contain;margin:0;padding:0;border:0;-webkit-user-drag:none;pointer-events:none}.sav-clasp--run .sav-clasp__panel{will-change:transform}.sav-clasp--run .sav-clasp__glint,.sav-clasp--run .sav-clasp__spark,.sav-clasp--run .sav-clasp__mark{will-change:transform,opacity}html.sav-clasp-lock body>:not(#sav-clasp){pointer-events:none!important}@keyframes sav-clasp-panel-l-in{0%{transform:perspective(1400px) translate(-103%) rotateY(var(--sav-clasp-hinge, 8deg))}to{transform:perspective(1400px) translate(0) rotateY(0)}}@keyframes sav-clasp-panel-r-in{0%{transform:perspective(1400px) translate(103%) rotateY(calc(-1 * var(--sav-clasp-hinge, 8deg)))}to{transform:perspective(1400px) translate(0) rotateY(0)}}@keyframes sav-clasp-depth-in{0%{opacity:0}to{opacity:1}}@keyframes sav-clasp-rake-in{0%{opacity:0}22%{opacity:1}78%{opacity:1}to{opacity:.55}}@keyframes sav-clasp-seam-in{0%{opacity:0}60%{opacity:1}to{opacity:.75}}@keyframes sav-clasp-glint-in{0%{opacity:0;transform:scale(.35)}38%{opacity:.8;transform:scale(1.18)}to{opacity:.5;transform:scale(1)}}@keyframes sav-clasp-spark-in{0%{transform:rotate(-22deg)}to{transform:rotate(0)}}@keyframes sav-clasp-mark-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.sav-clasp[data-state=closing] .sav-clasp__panel--l{animation:sav-clasp-panel-l-in .52s cubic-bezier(.62,.05,.28,1) 0s both}.sav-clasp[data-state=closing] .sav-clasp__panel--r{animation:sav-clasp-panel-r-in .52s cubic-bezier(.62,.05,.28,1) 0s both}.sav-clasp[data-state=closing] .sav-clasp__depth{animation:sav-clasp-depth-in .52s cubic-bezier(.62,.05,.28,1) 0s both}.sav-clasp[data-state=closing] .sav-clasp__panel--r:before{animation:sav-clasp-rake-in .52s linear 0s both}.sav-clasp[data-state=closing] .sav-clasp__seam{animation:sav-clasp-seam-in .22s ease .3s both}.sav-clasp[data-state=closing] .sav-clasp__glint{animation:sav-clasp-glint-in .24s cubic-bezier(.2,.6,.35,1) .28s both}.sav-clasp[data-state=closing] .sav-clasp__spark{animation:sav-clasp-spark-in .24s cubic-bezier(.2,.6,.35,1) .28s both}.sav-clasp[data-state=closing] .sav-clasp__mark{animation:sav-clasp-mark-in .22s cubic-bezier(.19,1,.22,1) .3s both}@keyframes sav-clasp-panel-l-out{0%{transform:perspective(1400px) translate(0) rotateY(0)}to{transform:perspective(1400px) translate(-103%) rotateY(var(--sav-clasp-hinge, 8deg))}}@keyframes sav-clasp-panel-r-out{0%{transform:perspective(1400px) translate(0) rotateY(0)}to{transform:perspective(1400px) translate(103%) rotateY(calc(-1 * var(--sav-clasp-hinge, 8deg)))}}@keyframes sav-clasp-depth-out{0%{opacity:1}to{opacity:0}}@keyframes sav-clasp-rake-out{0%{opacity:.55}to{opacity:0}}@keyframes sav-clasp-seam-out{0%{opacity:.75}to{opacity:0}}@keyframes sav-clasp-glint-out{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes sav-clasp-spark-out{0%{transform:rotate(0)}to{transform:rotate(16deg)}}@keyframes sav-clasp-mark-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 4px)) scale(1.04)}}@keyframes sav-clasp-rise{0%{opacity:.85}to{opacity:1}}@keyframes sav-clasp-rise-lift{0%{opacity:.85;transform:translateY(var(--sav-clasp-rise, 12px))}to{opacity:1;transform:none}}.sav-clasp[data-state=opening] .sav-clasp__mark{animation:sav-clasp-mark-out .24s cubic-bezier(.5,.02,.15,1) 0s both}.sav-clasp[data-state=opening] .sav-clasp__seam{animation:sav-clasp-seam-out .3s ease 0s both}.sav-clasp[data-state=opening] .sav-clasp__glint{animation:sav-clasp-glint-out .34s cubic-bezier(.2,.6,.35,1) 0s both}.sav-clasp[data-state=opening] .sav-clasp__spark{animation:sav-clasp-spark-out .34s cubic-bezier(.2,.6,.35,1) 0s both}.sav-clasp[data-state=opening] .sav-clasp__panel--l{animation:sav-clasp-panel-l-out .58s cubic-bezier(.5,.02,.15,1) .04s both}.sav-clasp[data-state=opening] .sav-clasp__panel--r{animation:sav-clasp-panel-r-out .58s cubic-bezier(.5,.02,.15,1) .04s both}.sav-clasp[data-state=opening] .sav-clasp__panel--r:before{animation:sav-clasp-rake-out .58s cubic-bezier(.5,.02,.15,1) .04s both}.sav-clasp[data-state=opening] .sav-clasp__depth{animation:sav-clasp-depth-out .58s cubic-bezier(.5,.02,.15,1) .04s both}.sav-clasp-rise{animation:sav-clasp-rise .72s cubic-bezier(.19,1,.22,1) .1s both}.sav-clasp-rise--lift{animation-name:sav-clasp-rise-lift}@media(max-width:767px){:where(html){--sav-clasp-hinge: 0deg}.sav-clasp__glint{width:150px;height:150px;margin:-75px 0 0 -75px;mix-blend-mode:normal}.sav-clasp__spark{width:180px;height:180px;margin:-90px 0 0 -90px;mix-blend-mode:normal}}@media(prefers-reduced-motion:reduce){.sav-clasp{display:none!important}html.sav-clasp-gate:before,html.sav-clasp-gate:after{display:none!important}.sav-clasp-rise{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sav-clasp.css.map?r=3 */