.vx-al{--al-face: 37.8%;--al-tip: 45.46% 62.96%;--al-dx: -7.1%;--al-dy: -.43%;--al-s: .9907}.vx-al .vx-al__grid{align-items:center}.vx-al__stage{width:clamp(280px,min(100%,calc((100svh - 300px)/.8)),600px);margin-inline:auto}.vx-al__pic{position:relative;aspect-ratio:5 / 4;background:radial-gradient(120% 90% at 85% 30%,#fff,#f1f6fc,#e3ecf7)}.vx .vx-al__clock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:none;aspect-ratio:auto}.vx-al__clock .vx-media__replay{right:auto;left:14px}.vx-al__ov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;font-family:var(--vx-body)}.vx .vx-al__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.vx-al__frame{position:absolute;top:0;right:0;bottom:0;left:0}.vx-al__frame--m{display:none}.vx-al__bolt{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--al-face))}.vx-al__bolt img{transform-origin:var(--al-tip);transition:transform .38s cubic-bezier(.55,0,.85,.25)}.vx-al__bolt.is-on img{transform:translate(var(--al-dx),var(--al-dy)) scale(var(--al-s));transition:transform .6s cubic-bezier(.3,.1,.2,1)}.vx-al__ov .vx-al__fade[data-at]{opacity:0;transform:scale(.94);transition:opacity .5s var(--vx-ease),transform .6s var(--vx-ease)}.vx-al__ov .vx-al__fade[data-at].is-on{opacity:1;transform:none}.vx-al__leader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.vx-al__leader path{fill:none;stroke:var(--vx-blue2);stroke-width:.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s var(--vx-ease)}.vx-al__leader.is-on path{stroke-dashoffset:0}.vx-al__leader--m{display:none}.vx-al__dot{position:absolute;left:38.37%;top:58.8%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--vx-blue);box-shadow:0 0 0 3px #fff,0 0 0 7px #3e7fd640}.vx-al__loupe{position:absolute;left:57%;top:7%;width:34%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;border:3px solid var(--vx-blue2);box-shadow:0 0 0 5px #fff,0 26px 50px -22px #0b1e3f99}.vx-al__lbolt{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 35.25%)}.vx-al__lbolt img{transform-origin:75.95% 58.28%;transition:transform .38s cubic-bezier(.55,0,.85,.25)}.vx-al__lbolt.is-on img{transform:translate(-29.42%,-7.92%) scale(.88);transition:transform .6s cubic-bezier(.3,.1,.2,1)}.vx-al__trail,.vx-al__steps-dots{position:absolute;top:0;right:0;bottom:0;left:0}.vx-al__steps-dots{width:100%;height:100%}.vx-al__steps-dots circle{fill:var(--vx-blue);stroke:#fff;stroke-width:.9}.vx-al__steps-dots .vx-al__track{fill:none;stroke:var(--vx-blue);stroke-width:.7}.vx-al__steps-dots .vx-al__arrow{fill:var(--vx-blue)}.vx-al__dial{position:absolute;left:62%;top:56%;width:31%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0b1e3f0d,0 22px 46px -24px #0b1e3f8c}.vx-al__dial svg{position:absolute;top:5%;right:5%;bottom:5%;left:5%;width:90%;height:90%;overflow:visible}.vx-al__dtrack{fill:none;stroke:#dce8f6;stroke-width:7;stroke-linecap:round;stroke-dasharray:75 100}.vx-al__drain{fill:none;stroke:var(--vx-blue2);stroke-width:7;stroke-linecap:round;stroke-dasharray:0 100;opacity:0;transition:opacity .3s}.vx-al__drain.is-on{opacity:1;animation:vxAlDrain 2.35s linear both}.vx-al__clock:not(.is-playing)~.vx-al__ov .vx-al__drain{animation-play-state:paused}@keyframes vxAlDrain{0%{stroke-dasharray:75 100}to{stroke-dasharray:0 100}}.vx-al__knob{fill:var(--vx-blue);stroke:#fff;stroke-width:3}.vx-al__value{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;margin-top:-4%}.vx-al__nums{display:grid}.vx-al__nums>b{grid-area:1 / 1;justify-self:center;white-space:nowrap;font:600 clamp(26px,2.5vw,38px)/1 var(--vx-head);letter-spacing:-.03em;color:var(--vx-mid);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .12s}.vx-al__nums>b.is-on{opacity:1}.vx-al__value small{font:500 15px/1.2 var(--vx-body);color:#44526a}.vx-al__ends{position:absolute;left:19%;right:19%;bottom:9%;display:flex;justify-content:space-between;font:500 15px/1 var(--vx-body);color:#44526a}.vx-al__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}.vx-al__steps li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--vx-cloud);color:var(--vx-soft);font:600 15px/1.3 var(--vx-body);box-shadow:inset 0 0 0 1px var(--vx-border);transition:background .4s,color .4s,box-shadow .4s}.vx--cloud .vx-al__steps li{background:#fff}.vx-al__n{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--vx-mist);color:var(--vx-blue);font:700 14px/1 var(--vx-body);transition:background .4s,color .4s}.vx-al__steps li.is-on{color:var(--vx-mid);background:#fff;box-shadow:inset 0 0 0 1.5px var(--vx-halo),0 12px 28px -18px #0b1e3f73}.vx-al__steps li.is-on .vx-al__n{background:var(--vx-blue);color:#fff}.vx-al__app{margin:0;display:grid;gap:12px;padding:16px;border-radius:22px;background:var(--vx-cloud);box-shadow:inset 0 0 0 1px var(--vx-border)}.vx--cloud .vx-al__app{background:#fff}.vx-al__apphead{display:flex;align-items:center;gap:12px;font:600 17px/1.25 var(--vx-body);color:var(--vx-fg)}.vx-al__apphead .vx-tile{width:44px;height:44px;border-radius:14px;flex:none}.vx-al__apphead .vx-icon{width:30px;height:30px}.vx-al__appshot{position:relative;border-radius:14px;overflow:hidden;background:#f2f2f7;box-shadow:0 14px 30px -20px #0b1e3f73}.vx-al__appshot img{display:block;width:100%;height:auto}.vx-al__appmark{position:absolute;left:82.5%;right:4%;top:57%;bottom:13%;border-radius:10px;box-shadow:0 0 0 2px var(--vx-blue2),0 0 0 6px #3e7fd62e}.vx-al__appnote{font-size:16px;line-height:1.45;color:var(--vx-soft)}.vx-al__stats{margin-top:0}.vx-al__stats .vx-stat>span{font-size:16px}.vx-al__fine{margin-top:2px}html:not(.vx-js) .vx-al [data-final]{opacity:1;transform:none}html:not(.vx-js) .vx-al__steps li{color:var(--vx-mid);background:#fff;box-shadow:inset 0 0 0 1.5px var(--vx-halo)}html:not(.vx-js) .vx-al__steps .vx-al__n{background:var(--vx-blue);color:#fff}html:not(.vx-js) .vx-al .vx-al__leader path{stroke-dashoffset:0}@media(max-width:989px){.vx-al__stage{width:clamp(280px,min(100%,calc((100svh - 330px)/.8)),600px)}.vx-al__copy{max-width:640px}}@media(max-width:749px){.vx-al__stage{width:min(100%,420px)}.vx-al__pic{aspect-ratio:4 / 5}.vx-al__frame--d,.vx-al__leader--d{display:none}.vx-al__frame--m,.vx-al__leader--m{display:block}.vx-al__frame--m .vx-al__bolt{--al-face: 45.88%;--al-tip: 55.33% 60.24%;--al-dx: -8.75%;--al-dy: -.33%;--al-s: .9908}.vx-al__dot{left:46.6%;top:57%;width:10px;height:10px;margin:-5px 0 0 -5px}.vx-al__loupe{left:57%;top:5%;width:39%;border-width:2.5px;box-shadow:0 0 0 4px #fff,0 18px 36px -18px #0b1e3f99}.vx-al__dial{left:56%;top:62%;width:41%}.vx-al__nums>b{font-size:24px}.vx-al__value{gap:2px}.vx-al__value small{font-size:14px;max-width:6.5em}.vx-al__ends{left:14%;right:14%;bottom:5%;font-size:14px}.vx-al__steps{grid-template-columns:minmax(0,1fr);gap:8px}.vx-al__steps li{font-size:16px;padding:9px 12px}.vx-al__apphead{font-size:16px}}@media(prefers-reduced-motion:reduce){.vx-al__ov [data-at],.vx-al__bolt img,.vx-al__lbolt img,.vx-al__leader path{transition:none!important}.vx-al__drain{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/venix-fx-autolock.css.map */