vias-tryon{--vt-ink: #263e30;--vt-accent: #712424;--vt-paper: #ffffff;--vt-stage: #eef2ef;--vt-body: #484848;--vt-muted: #767676;--vt-on-ink: #f8f2ea;--vt-ink-a05: rgba(38, 62, 48, .05);--vt-ink-a08: rgba(38, 62, 48, .08);--vt-ink-a10: rgba(38, 62, 48, .1);--vt-ink-a14: rgba(38, 62, 48, .14);--vt-ink-a18: rgba(38, 62, 48, .18);--vt-ink-a32: rgba(38, 62, 48, .32);--vt-ink-a45: rgba(38, 62, 48, .45);--vt-paper-a65: rgba(255, 255, 255, .65);--vt-paper-a78: rgba(255, 255, 255, .78);--vt-paper-a92: rgba(255, 255, 255, .92);--vt-radius-frame: 18px;--vt-radius-stage: 10px;--vt-radius-card: 7px;--vt-card: 78px;--vt-gap: 14px;--vt-stage-ratio: 1 / 1;--vt-max: 560px;--vt-ease: cubic-bezier(.32, .08, .24, 1);--vt-ease-out: cubic-bezier(.2, .6, .2, 1);--vt-font-display: Georgia, "Times New Roman", serif;--vt-font-body: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;display:block;container-type:inline-size;width:100%;color:var(--vt-ink);font-family:var(--vt-font-body);-webkit-font-smoothing:antialiased}@container (max-width: 560px){vias-tryon{--vt-card: 64px;--vt-gap: 11px}}vias-tryon [hidden]{display:none!important}.vt__inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--vt-pad-top, clamp(44px, 7cqw, 88px)) clamp(20px,4.5cqw,64px) var(--vt-pad-bottom, clamp(52px, 7cqw, 96px))}.vt__eyebrow{font-family:var(--vt-font-display);font-style:italic;font-weight:400;font-size:16px;line-height:1.3;color:var(--vt-accent);margin:0}.vt__heading{font-family:var(--vt-font-display);font-weight:400;font-size:clamp(27px,3.2cqw,40px);line-height:1.12;letter-spacing:-.005em;color:var(--vt-ink);margin:12px 0 0;text-wrap:balance}.vt__eyebrow+.vt__heading{margin-top:12px}.vt__inner>.vt__heading:first-child{margin-top:0}.vt__sub{font-size:15px;line-height:1.55;color:var(--vt-body);margin:10px 0 0;max-width:46ch;text-wrap:pretty}.vt__sub p{margin:0}.vt__sub p+p{margin-top:6px}.vt__frameWrap{margin-top:clamp(28px,4cqw,44px);width:100%;max-width:var(--vt-max)}.vt__frame{border:1px solid var(--vt-ink-a32);border-radius:var(--vt-radius-frame);padding:12px;background:var(--vt-paper);box-shadow:0 8px 24px var(--vt-ink-a08),0 2px 6px var(--vt-ink-a05)}.vt__stage{position:relative;aspect-ratio:var(--vt-stage-ratio);border-radius:var(--vt-radius-stage);overflow:hidden;background:var(--vt-stage);isolation:isolate}.vt__poster,.vt__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vt__poster{transition:opacity .48s var(--vt-ease)}.vt__video{transform:scaleX(-1);opacity:0;transition:opacity .48s var(--vt-ease);background:var(--vt-stage)}vias-tryon[data-cam=live] .vt__video{opacity:1}vias-tryon[data-cam=live] .vt__poster{opacity:0}.vt__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.vt__ear{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;opacity:0;will-change:transform,opacity}.vt__ear img{position:absolute;left:0;top:0;height:240px;width:auto;max-width:none;transform:translate(-50%);transform-origin:50% 0;filter:drop-shadow(0 2px 3px var(--vt-ink-a18));pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vt__ear[data-flip="1"] img{transform:translate(-50%) scaleX(-1)}.vt__strip{position:absolute;left:0;right:0;bottom:10px;z-index:3}.vt__rail{overflow-x:auto;display:flex;align-items:center;gap:var(--vt-gap);padding:10px calc(50% - (var(--vt-card) / 2));scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.vt__rail::-webkit-scrollbar{display:none}.vt__card{flex:none;box-sizing:border-box;width:var(--vt-card);height:var(--vt-card);padding:0;border-radius:var(--vt-radius-card);background:var(--vt-paper-a78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--vt-ink-a14);box-shadow:0 2px 6px var(--vt-ink-a10);display:flex;align-items:center;justify-content:center;scroll-snap-align:center;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .18s var(--vt-ease),background .18s var(--vt-ease)}.vt__card:hover{border-color:var(--vt-ink-a45);background:var(--vt-paper-a92)}.vt__card:focus-visible{outline:2px solid var(--vt-ink);outline-offset:2px}.vt__card img{width:54%;height:77%;object-fit:contain;pointer-events:none}.vt__reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--vt-card) + 16px);height:calc(var(--vt-card) + 16px);border:1.5px solid var(--vt-ink);border-radius:calc(var(--vt-radius-card) + 4px);box-shadow:0 0 0 2.5px var(--vt-paper-a65);pointer-events:none}.vt__nudge{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--vt-ink-a14);border-radius:50%;background:var(--vt-paper-a78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--vt-ink);cursor:pointer;padding:0;opacity:0;transition:opacity .18s var(--vt-ease),border-color .18s var(--vt-ease);z-index:2}.vt__nudge svg{width:12px;height:12px;display:block}.vt__nudge[data-dir=prev]{left:6px}.vt__nudge[data-dir=next]{right:6px}.vt__strip:hover .vt__nudge,.vt__nudge:focus-visible{opacity:1}.vt__nudge:hover{border-color:var(--vt-ink-a45)}.vt__nudge:focus-visible{outline:2px solid var(--vt-ink);outline-offset:2px}@media(hover:none){.vt__nudge{display:none}}.vt__caption{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px;min-height:24px}.vt__caption[data-fresh="1"]{animation:vtFadeIn .26s var(--vt-ease-out)}@keyframes vtFadeIn{0%{opacity:0}to{opacity:1}}.vt__name{font-family:var(--vt-font-display);font-style:italic;font-size:18px;line-height:1.3;color:var(--vt-ink)}a.vt__name{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s var(--vt-ease),color .18s var(--vt-ease)}a.vt__name:hover{color:var(--vt-accent);border-bottom-color:var(--vt-accent)}.vt__price{font-family:var(--vt-font-body);font-size:13px;color:var(--vt-muted)}.vt__price s{opacity:.7;margin-right:6px}.vt__actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;min-height:20px}.vt__btn{font-family:var(--vt-font-body);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--vt-ink);background:transparent;border:1px solid var(--vt-ink-a45);border-radius:2px;padding:9px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .18s var(--vt-ease),color .18s var(--vt-ease),border-color .18s var(--vt-ease),transform .18s var(--vt-ease)}.vt__btn:hover{background:var(--vt-ink);color:var(--vt-on-ink);border-color:var(--vt-ink)}.vt__btn:active{transform:scale(.98)}.vt__btn:focus-visible{outline:2px solid var(--vt-ink);outline-offset:2px}.vt__btn[disabled]{opacity:.45;pointer-events:none}.vt__btn--solid{background:var(--vt-ink);color:var(--vt-on-ink);border-color:var(--vt-ink)}.vt__btn--solid:hover{background:var(--vt-accent);border-color:var(--vt-accent);color:var(--vt-on-ink)}.vt__btn--quiet{border-color:transparent;padding:9px 10px;color:var(--vt-muted)}.vt__btn--quiet:hover{background:transparent;color:var(--vt-ink);border-color:var(--vt-ink-a14)}.vt__note{font-size:12px;line-height:1.5;color:var(--vt-muted);margin:0;max-width:42ch}.vt__privacy{font-size:11px;line-height:1.5;color:var(--vt-muted);margin:12px 0 0;display:inline-flex;align-items:center;gap:6px}.vt__privacy svg{width:11px;height:11px;flex:none}.vt__hint{position:absolute;left:50%;top:16px;transform:translate(-50%);z-index:4;font-size:11.5px;letter-spacing:.04em;color:var(--vt-ink);background:var(--vt-paper-a92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--vt-ink-a14);border-radius:999px;padding:6px 14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .24s var(--vt-ease);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.vt__hint[data-show="1"]{opacity:1}.vt__spinner{display:inline-block;width:11px;height:11px;border:1.5px solid var(--vt-ink-a32);border-top-color:var(--vt-ink);border-radius:50%;animation:vtSpin .7s linear infinite;vertical-align:-1px;margin-right:7px}@keyframes vtSpin{to{transform:rotate(360deg)}}.vt__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.vt__editorNote{margin:0 auto;max-width:46ch;border:1px dashed var(--vt-ink-a32);border-radius:8px;padding:18px 20px;font-size:13px;line-height:1.6;color:var(--vt-body);text-align:left}.vt__editorNote strong{color:var(--vt-ink)}.vt__editorNote code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--vt-ink-a05);padding:1px 5px;border-radius:3px}@media(prefers-reduced-motion:reduce){vias-tryon *,vias-tryon *:before,vias-tryon *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/vias-tryon.css.map */