.vxs{--vxs-in: max(var(--vx-gutter), calc((100% - var(--vx-max)) / 2 + var(--vx-gutter)));--vxs-card: clamp(280px, 24vw, 340px)}.vxs .vxs-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:clamp(28px,3.6vw,48px)}.vxs .vxs-lead{margin-top:20px}.vxs-nav{display:flex;gap:10px}.vxs-nav button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:var(--vx-mist);color:var(--vx-mid);transition:background .3s,transform .3s,opacity .3s}.vxs-nav button:hover:not(:disabled){background:var(--vx-halo);transform:scale(1.06)}.vxs-nav button:focus-visible{outline:2px solid var(--vx-blue);outline-offset:3px}.vxs-nav button:disabled{opacity:.35;cursor:default}.vxs-nav svg{width:20px;height:20px}.vxs-nav--foot{display:none}.vxs-rail{display:grid;grid-auto-flow:column;grid-auto-columns:var(--vxs-card);gap:clamp(14px,1.6vw,22px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--vxs-in);padding:8px var(--vxs-in) 34px;scrollbar-width:none;overscroll-behavior-x:contain}.vxs-rail::-webkit-scrollbar{display:none}.vxs-rail:focus-visible{outline:2px solid var(--vx-blue);outline-offset:-2px;border-radius:12px}.vxs-card{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;border-radius:24px;overflow:hidden;background:var(--vx-cloud);isolation:isolate;box-shadow:0 30px 60px -36px #0b1e3f73,0 0 0 1px #0b1e3f0f}.vx--cloud .vxs-card{background:#fff}.vxs-pic{position:relative;aspect-ratio:4 / 5;overflow:hidden}.vxs .vxs-clock{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;background:#dde6f1}.vxs-plate{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:50% 45%}.vxs-plate img{width:100%;height:100%;object-fit:cover}.vxs-clock.is-playing .vxs-plate{animation:vxsPush 2.6s var(--vx-ease) both}@keyframes vxsPush{0%{transform:scale(1.07)}to{transform:none}}.vxs .vxs-pic .vx-media__replay{top:12px;right:12px;bottom:auto;width:38px;height:38px}.vxs-body{display:grid;align-content:start;gap:8px;padding:18px 20px 22px;flex:1}.vxs-tag{font:600 15px/1.2 var(--vx-body);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-blue)}.vxs .vxs-title{margin:0;font:600 clamp(22px,1.75vw,25px)/1.12 var(--vx-head);letter-spacing:-.025em;color:var(--vx-mid)}.vxs-text{font-size:16px;line-height:1.45;color:var(--vx-muted)}.vxs-foot{display:flex;align-items:center;gap:18px;margin-top:-6px}.vxs-track{position:relative;flex:1;height:4px;border-radius:4px;background:var(--vx-border);overflow:hidden}.vxs-track i{position:absolute;top:0;bottom:0;left:0;width:calc(var(--v, .3) * 100%);border-radius:inherit;background:var(--vx-blue);transform:translate(calc(var(--p, 0) * (1 / var(--v, .3) - 1) * 100%));transition:transform .15s linear}.vxs .vxs-fine{margin-top:22px;font-size:14px}.vxs-ov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;font-family:var(--vx-body);color:var(--vx-mid)}.vxs-ov [data-at]{opacity:0;transform:translateY(8px);transition:opacity .45s var(--vx-ease),transform .5s var(--vx-ease)}.vxs-ov [data-at].is-on{opacity:1;transform:none}html:not(.vx-js) .vxs-ov [data-final]{opacity:1;transform:none}.vxs-chip,.vxs-guest,.vxs-label,.vxs-say--them{background:#ffffffeb;color:var(--vx-mid);box-shadow:0 12px 26px -14px #0b1e3f8c,0 0 0 1px #0b1e3f12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vxs-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 13px 4px 4px;border-radius:999px;font:600 15px/1.2 var(--vx-body);white-space:nowrap}.vxs-ico{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--vx-blue)}.vxs-ico .vx-icon{width:20px;height:20px;--vx-i-s: #fff;--vx-i-a: #fff}.vxs-ico--lg{width:40px;height:40px;border-radius:13px}.vxs-ico--lg .vx-icon{width:28px;height:28px}.vxs-stack{position:absolute;display:grid;gap:6px;justify-items:start;max-width:66%}.vxs-stack--bl{left:4%;bottom:4%}.vxs-stack--tl{left:4%;top:4%}.vxs-methods{position:absolute;left:4%;right:16%;top:4%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}.vxs-slot{position:absolute;display:grid;max-width:var(--w, 62%)}.vxs-slot>*{grid-area:1 / 1;justify-self:start}.vxs-slot--tl{left:4%;top:4%}.vxs-slot--bl{left:4%;bottom:4%;align-items:end}.vxs-slot--br{right:4%;align-items:end;justify-items:end}.vxs-slot--br>*{justify-self:end}.vxs-slot--at{left:var(--x);top:var(--y);translate:-50% -50%;justify-items:center;max-width:80%}.vxs-slot--at>*{justify-self:center}.vxs-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 11px;border-radius:18px;background:#0b1e3fcc;border:1.5px solid rgba(191,215,240,.32);color:#fff;font:600 15px/1.2 var(--vx-body);box-shadow:0 12px 30px -12px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vxs-pill--ok{border-color:#3fb68bcc}.vxs-pill svg{width:20px;height:20px;flex:none}.vxs-pill circle{fill:#3fb68b}.vxs-pill path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.vxs-wait{display:inline-flex;gap:3px;flex:none}.vxs-wait i{width:5px;height:5px;border-radius:50%;background:#7cc4f2;animation:vxsWait 1.2s infinite}.vxs-wait i:nth-child(2){animation-delay:.2s}.vxs-wait i:nth-child(3){animation-delay:.4s}@keyframes vxsWait{0%,80%,to{opacity:.3}40%{opacity:1}}.vxs-bars{display:inline-flex;align-items:center;gap:2px;height:14px;flex:none}.vxs-bars i{width:3px;height:100%;border-radius:2px;background:#7cc4f2;animation:vxsBars 1s ease-in-out infinite}.vxs-bars i:nth-child(2){animation-delay:.15s}.vxs-bars i:nth-child(3){animation-delay:.3s}.vxs-bars i:nth-child(4){animation-delay:.45s}@keyframes vxsBars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.vxs-say{position:absolute;max-width:var(--w, 50%);width:max-content;padding:9px 13px;border-radius:16px;font:600 15px/1.3 var(--vx-body)}.vxs-say--you{background:var(--vx-blue);color:#fff;box-shadow:0 12px 26px -12px #0b1e3f99}.vxs-say--them{background:#fff}.vxs-say:after{content:"";position:absolute;width:14px;height:14px;background:inherit;border-radius:3px;transform:rotate(45deg)}.vxs-say--tail-bl:after{left:16%;bottom:-5px}.vxs-say--tail-b:after{left:30%;bottom:-5px}.vxs-say--tail-l:after{left:-5px;top:30%}.vxs-guest{position:absolute;left:4%;bottom:4%;max-width:68%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:10px 14px 12px 10px;border-radius:18px}.vxs-guest__who b{display:block;font:600 16px/1.2 var(--vx-body)}.vxs-guest__who span{display:block;margin-top:2px;font:500 15px/1.3 var(--vx-body);color:#4a5a70}.vxs-guest__pin{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid rgba(11,30,63,.1);font:600 15px/1.2 var(--vx-body);color:#4a5a70;white-space:nowrap}.vxs-dots{display:inline-flex;gap:4px;margin-left:2px;flex:none}.vxs-ov .vxs-dots i{width:9px;height:9px;border-radius:50%;border:1.8px solid var(--vx-blue);opacity:1;transform:none;transition:background .2s}.vxs-ov .vxs-dots i.is-on{background:var(--vx-blue)}html:not(.vx-js) .vxs-ov .vxs-dots i{background:var(--vx-blue)}.vxs-loupe{position:absolute;left:var(--x);top:var(--y);width:var(--d);aspect-ratio:1;translate:-50% -50%;border-radius:50%;overflow:hidden;background:#dde6f1;box-shadow:0 0 0 3px #fff,0 0 0 4.5px #1e5bb880,0 18px 34px -12px #0b1e3f8c}.vxs-ov .vxs-loupe[data-at]{transform:scale(.55)}.vxs-ov .vxs-loupe[data-at].is-on{transform:none}.vxs-loupe img{width:100%;height:100%;object-fit:cover}.vxs-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.vxs-lines path{fill:none;stroke:var(--vx-blue);stroke-width:.55;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 .6px #fff) drop-shadow(0 0 .6px #fff)}.vxs-ov .vxs-lines path[data-at]{opacity:1;transform:none;transition:stroke-dashoffset .9s var(--vx-ease)}.vxs-ov .vxs-lines path[data-at].is-on{stroke-dashoffset:0}html:not(.vx-js) .vxs-lines path{stroke-dashoffset:0}.vxs-lines circle{fill:#fff;stroke:var(--vx-blue);stroke-width:.5}.vxs-ov .vxs-lines circle[data-at]{transform:none}.vxs-label{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font:600 15px/1.1 var(--vx-body);white-space:nowrap}.vxs-label--no{color:#9a1c1c}.vxs-label--no svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.vxs-ring,.vxs-tap{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%}.vxs-ring{width:0;height:0}.vxs-ring i{position:absolute;left:0;top:0;width:34px;height:34px;translate:-50% -50%;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 2px #1e5bb8b3;opacity:0}.vxs-ov .vxs-ring.is-on i{animation:vxsRing 1.2s ease-out infinite}.vxs-ov .vxs-ring.is-on i:nth-child(2){animation-delay:.6s}@keyframes vxsRing{0%{opacity:.95;scale:.45}to{opacity:0;scale:1.9}}.vxs-ring--lens i:first-child{width:26px;height:26px;opacity:1;animation:none!important}.vxs-ov .vxs-ring--lens.is-on i:nth-child(2){animation:vxsRing 1.4s ease-out 2}.vxs-tap{width:30px;aspect-ratio:1;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 3px #1e5bb8,0 0 0 8px #3e7fd659,0 0 16px #7cc4f2cc}.vxs-ov .vxs-tap.is-on{animation:vxsTap .7s var(--vx-ease) both}@keyframes vxsTap{0%{opacity:0;scale:.45}30%{opacity:1;scale:1}to{opacity:0;scale:1.5}}.vxs-brackets{position:absolute}.vxs-brackets i{position:absolute;width:24%;height:20%;border:0 solid #fff;filter:drop-shadow(0 0 3px rgba(11,30,63,.45))}.vxs-brackets i:nth-child(1){left:0;top:0;border-width:3px 0 0 3px;border-top-left-radius:10px}.vxs-brackets i:nth-child(2){right:0;top:0;border-width:3px 3px 0 0;border-top-right-radius:10px}.vxs-brackets i:nth-child(3){right:0;bottom:0;border-width:0 3px 3px 0;border-bottom-right-radius:10px}.vxs-brackets i:nth-child(4){left:0;bottom:0;border-width:0 0 3px 3px;border-bottom-left-radius:10px}.vxs-ov .vxs-brackets[data-at]{transform:scale(1.3)}.vxs-ov .vxs-brackets[data-at].is-on{transform:none;transition-duration:.45s,.9s}.vxs-phone{position:absolute;left:var(--l);top:var(--t);height:var(--h);aspect-ratio:1320 / 2868;border-radius:13%/6%;overflow:hidden;background:#05080f;box-shadow:0 0 0 3px #0b1e3f,0 22px 36px -14px #0009}.vxs-ov .vxs-phone[data-at]{transform:translateY(18%)}.vxs-ov .vxs-phone[data-at].is-on{transform:none}.vxs-ov .vxs-screen{position:absolute;top:0;right:0;bottom:0;left:0;transform:none;transition:opacity .45s ease}.vxs-screen img{width:100%;height:100%;object-fit:cover;max-width:none}.vxs-snow{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.vxs-ov .vxs-snow{transform:none}.vxs-snow i{position:absolute;top:-100%;width:10px;height:100%;margin-left:-5px;background:radial-gradient(circle at 50% calc(100% - var(--s)),rgba(255,255,255,.95) calc(var(--s) / 2),rgba(255,255,255,0) var(--s));animation:vxsSnow var(--t) linear infinite;animation-delay:var(--dl)}@keyframes vxsSnow{0%{transform:translateZ(0)}50%{transform:translate3d(7px,52%,0)}to{transform:translate3d(-3px,104%,0)}}@media(max-width:989px){.vxs{--vxs-card: clamp(300px, 40vw, 340px)}}@media(max-width:749px){.vxs{--vxs-card: min(82vw, 330px)}.vxs .vxs-head{grid-template-columns:minmax(0,1fr)}.vxs-nav--head{display:none}.vxs-nav--foot{display:flex}.vxs-nav button{width:44px;height:44px}.vxs-rail{padding-bottom:26px}.vxs-foot{margin-top:0}.vxs-body{padding:16px 18px 20px}.vxs-chip,.vxs-pill,.vxs-say{font-size:15px}.vxs-chip{gap:7px;padding-right:12px}.vxs-ico:not(.vxs-ico--lg){width:26px;height:26px}.vxs-ico:not(.vxs-ico--lg) .vx-icon{width:18px;height:18px}.vxs-methods{gap:5px}}@media(prefers-reduced-motion:reduce){.vxs-ov [data-at]{transition:none}.vxs-wait i,.vxs-bars i,.vxs-snow i{animation:none}.vxs-snow i{transform:translateY(calc(30% + var(--s) * 9))}.vxs-track i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/venix-fx-story.css.map */