.vs-size-trigger{width:100%;min-height:44px;margin-top:10px;border:1px solid #111827;border-radius:8px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:13px;font-weight:750;letter-spacing:.01em;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.vs-size-trigger:hover{background:#fff;color:#111827;transform:translateY(-1px)}.vs-size-trigger svg{width:16px;height:16px}body.vs-size-is-open{overflow:hidden}.vs-size__dialog{width:min(1020px,calc(100% - 40px));height:min(680px,calc(100dvh - 40px));max-width:none;max-height:none;padding:0;border:0;border-radius:22px;overflow:hidden;background:#fff;color:#111827;box-shadow:0 32px 90px #00000052}.vs-size__dialog::backdrop{background:#000000a3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vs-size__shell{height:100%;display:grid;grid-template-columns:39% 61%}.vs-size__visual{position:relative;overflow:hidden;background:#e5e7eb}.vs-size__visual>img{width:100%;height:100%;object-fit:cover}.vs-size__visual:after{content:"";position:absolute;top:42%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0f0f0fc2)}.vs-size__visual-copy{position:absolute;z-index:1;left:30px;right:30px;bottom:28px;color:#fff;display:grid;gap:5px}.vs-size__visual-copy span{font-size:11px;letter-spacing:.18em}.vs-size__visual-copy strong{font-size:24px;line-height:1.05}.vs-size__visual-copy small{opacity:.84}.vs-size__panel{min-width:0;min-height:0;padding:0 34px 24px;background:linear-gradient(180deg,#f4f5f7 0 112px,#fff 112px);display:flex;flex-direction:column;overflow:hidden}.vs-size__topbar{position:relative;min-height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.vs-size__wordmark{grid-column:2;display:block;width:130px;height:auto}.vs-size__back,.vs-size__close{border:0;background:transparent;color:#4b5563;font:inherit;cursor:pointer}.vs-size__back{grid-column:1;justify-self:start;min-height:38px;padding:0 6px;font-size:12px;font-weight:650}.vs-size__close{grid-column:3;justify-self:end;width:38px;height:38px;padding:9px;border-radius:50%}.vs-size__close:hover{background:#1118270f}.vs-size__close svg{width:100%;height:100%}.vs-size__progress{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;height:3px}.vs-size__progress i{display:block;border-radius:999px;background:#d9dde3;transition:background .2s ease}.vs-size__progress i.is-complete,.vs-size__progress i.is-active{background:#111827}.vs-size__form{min-height:0;flex:1;display:flex;flex-direction:column}.vs-size__step{min-height:0;flex:1;padding:25px 0 0;border:0;display:flex;flex-direction:column}.vs-size__step legend{width:100%;margin:0;padding:0;color:#111827;text-align:center;font-size:clamp(20px,2.3vw,27px);font-weight:500;line-height:1.2;letter-spacing:-.025em}.vs-size__unit-switch{align-self:center;margin-top:15px;padding:3px;border-radius:999px;background:#e5e7eb;display:flex}.vs-size__unit-switch button{min-width:64px;min-height:30px;padding:4px 12px;border:0;border-radius:999px;background:transparent;color:#6b7280;font:inherit;font-size:11px;font-weight:650;cursor:pointer}.vs-size__unit-switch button.is-active{background:#fff;color:#111827;box-shadow:0 1px 5px #0000001a}.vs-size__unit-switch.is-prompting button{animation:vs-size-unit-attention .7s ease-in-out 3}.vs-size__unit-switch.is-prompting button:nth-child(2){animation-delay:.08s}.vs-size__wheel{min-height:0;flex:1;display:flex;align-items:center;justify-content:center}.vs-size__wheel>button{width:44px;height:44px;padding:0;border:0;background:transparent;color:#6b7280;font:inherit;font-size:25px;cursor:pointer}.vs-size__wheel--vertical{flex-direction:column}.vs-size__wheel--horizontal{flex-direction:row;gap:8px}.vs-size__ruler{position:relative;overflow:hidden;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.vs-size__ruler.is-dragging{cursor:grabbing}.vs-size__ruler--vertical{width:min(320px,86%);height:315px}.vs-size__ruler--horizontal{width:min(430px,calc(100% - 88px));height:210px}.vs-size__ticks{position:absolute;pointer-events:none;opacity:.9;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.vs-size__ruler--vertical .vs-size__ticks{top:0;right:52px;bottom:0;left:52px;background:repeating-linear-gradient(to bottom,transparent 0 25px,#d7dbe1 25px 27px)}.vs-size__ruler--horizontal .vs-size__ticks{top:38px;right:0;bottom:38px;left:0;background:repeating-linear-gradient(to right,transparent 0 33px,#d7dbe1 33px 35px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.vs-size__ruler input[type=range]{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:.001;cursor:grab}.vs-size__ruler input[type=range]:active{cursor:grabbing}.vs-size__ruler--vertical input[type=range]{writing-mode:vertical-lr;direction:rtl}.vs-size__ruler output{position:absolute;z-index:1;left:50%;top:50%;min-width:142px;padding:8px 15px;transform:translate(-50%,-50%);background:#fff;color:#111827;text-align:center;font-size:19px;font-weight:700;line-height:1;white-space:nowrap}.vs-size__ruler output:before,.vs-size__ruler output:after{content:"";position:absolute;top:50%;width:38px;height:2px;background:#111827}.vs-size__ruler output:before{right:100%}.vs-size__ruler output:after{left:100%}.vs-size__choices{width:min(520px,100%);margin:30px auto 0;display:grid;gap:11px}.vs-size__choices label{display:block;cursor:pointer}.vs-size__choices input{position:absolute;opacity:0;pointer-events:none}.vs-size__choices label>span{min-height:82px;padding:10px 18px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;box-shadow:0 3px 11px #11182717;display:grid;grid-template-columns:72px 1fr 18px;align-items:center;gap:14px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.vs-size__choices label:hover>span{transform:translateY(-1px);box-shadow:0 6px 16px #1118271f}.vs-size__choices input:checked+span,.vs-size__choices input:focus-visible+span{border-color:#111827;box-shadow:0 0 0 1px #111827}.vs-size__choices strong{color:#374151;font-size:15px;font-weight:500}.vs-size__choices em{color:#6b7280;font-size:26px;font-style:normal}.vs-size__choices--two{max-width:440px;margin-top:42px}.vs-size__choices--two label>span{grid-template-columns:1fr 18px;min-height:78px}.vs-size__choices--compression{max-width:500px;margin-top:28px}.vs-size__choices--compression label>span{min-height:96px;grid-template-columns:1fr 18px}.vs-size__choice-copy{display:grid;gap:7px}.vs-size__choice-copy small{color:#6b7280;font-size:12px;line-height:1.4}.vs-size__body-illustration{display:block;width:68px;height:54px;overflow:visible}.vs-size__body-illustration .vs-body-fill{fill:#f5f6f7}.vs-size__body-illustration .vs-body{fill:#fbfbfa;stroke:#cbd1d8;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.vs-size__body-illustration .vs-detail{fill:none;stroke:#c1c8d0;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.vs-size__body-illustration .vs-guide{fill:none;stroke:#e7a25d;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:2 4}.vs-size__hint{width:min(460px,100%);margin:12px auto 0;color:#6b7280;text-align:center;font-size:14px;line-height:1.5}.vs-size__analysis{min-height:0;flex:1;padding-top:72px;text-align:center}.vs-size__analysis-card{width:min(320px,86%);min-height:180px;margin:0 auto;padding:28px 24px 24px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;box-shadow:0 5px 18px #11182712;display:flex;flex-direction:column;align-items:center;justify-content:center}.vs-size__analysis-icon{width:42px;height:42px;margin-top:-50px;margin-bottom:20px;border:12px solid #111827;border-right-color:transparent;border-radius:50%;animation:vs-size-spin .85s linear infinite}.vs-size__analysis-card p{min-height:48px;margin:0;color:#374151;font-size:16px;line-height:1.35}.vs-size__analysis-bar{width:100%;height:5px;margin-top:24px;overflow:hidden;border-radius:999px;background:#dbe4ec}.vs-size__analysis-bar i{display:block;width:8%;height:100%;border-radius:inherit;background:#1976b9;transition:width .85s ease}.vs-size__analysis-proof{margin:22px 0 0;color:#7c8490;font-size:12px}.vs-size__analysis-stages{width:min(320px,86%);margin:64px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr)}.vs-size__analysis-stages li{position:relative;height:2px;background:#d9dde3}.vs-size__analysis-stages li:before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:28px;height:28px;border-radius:50%;transform:translate(-50%,-50%);background:#d9dde3}.vs-size__analysis-stages li.is-active,.vs-size__analysis-stages li.is-complete{background:#111827}.vs-size__analysis-stages li.is-active:before,.vs-size__analysis-stages li.is-complete:before{background:#111827}.vs-size__result{min-height:0;flex:1;padding-top:16px;overflow:auto;text-align:center}.vs-size__result-product{display:grid;justify-items:center;gap:8px}.vs-size__result-product img{width:170px;height:180px;border-radius:8px;object-fit:cover;object-position:center top}.vs-size__result-product small{color:#6b7280;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.vs-size__kicker{margin:16px 0 5px;color:#8a929e;font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.vs-size__result>strong{display:block;color:#111827;font-size:62px;font-weight:750;line-height:.95}.vs-size__match-copy,.vs-size__result>p[data-result-copy]{max-width:440px;margin:9px auto 0;color:#58708a;font-size:12px;line-height:1.45}.vs-size__result>p[data-result-copy]{color:#6b7280}.vs-size__notice{max-width:450px;margin:10px auto 0;padding:10px 12px;border-radius:8px;background:#eff4f8;color:#4b5563;font-size:12px;line-height:1.45}.vs-size__notice--strong{background:#fff0e8;color:#8a3d1d}.vs-size__disclaimer{max-width:440px;margin:12px auto 0;color:#8a929e;font-size:10px;line-height:1.45}.vs-size__error{margin:8px 0 0;color:#a52a37;text-align:center;font-size:12px}.vs-size__footer{flex:0 0 auto;padding-top:14px}.vs-size__footer button{width:100%;min-height:50px;padding:12px 20px;border:0;border-radius:7px;background:#111827;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.vs-size__footer button:hover:not(:disabled){transform:translateY(-1px)}.vs-size__footer button:disabled{background:#aeb3ba;cursor:not-allowed}.vs-size [hidden]{display:none!important}@keyframes vs-size-spin{to{transform:rotate(360deg)}}@keyframes vs-size-unit-attention{0%,to{transform:translate(0) scale(1)}20%{transform:translate(-3px) scale(1.03)}40%{transform:translate(3px) scale(1.03)}60%{transform:translate(-2px) scale(1.02)}80%{transform:translate(2px) scale(1.02)}}@media(max-width:749px){.vs-size-trigger{min-height:42px}.vs-size__dialog{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;margin:0;max-width:none;max-height:none;border-radius:0}.vs-size__shell{display:block}.vs-size__visual{display:none}.vs-size__panel{height:100dvh;padding:0 20px max(16px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#f4f5f7 0 132px,#fff 132px)}.vs-size__topbar{min-height:60px}.vs-size__wordmark{width:118px}.vs-size__back{margin-left:-6px;font-size:11px}.vs-size__close{margin-right:-7px}.vs-size__progress{margin:0 -20px;gap:2px}.vs-size__step{padding-top:28px}.vs-size__step legend{max-width:330px;margin-inline:auto;font-size:clamp(22px,6.4vw,25px);font-weight:650;line-height:1.22}.vs-size__unit-switch{margin-top:13px}.vs-size__ruler--vertical{width:min(290px,94%);height:min(330px,43dvh)}.vs-size__ruler--horizontal{width:calc(100% - 72px);height:min(230px,34dvh)}.vs-size__wheel--horizontal{gap:0}.vs-size__wheel>button{flex:0 0 36px;width:36px}.vs-size__choices{margin-top:32px;gap:12px}.vs-size__choices label>span{min-height:75px;padding:9px 12px;grid-template-columns:66px 1fr 16px;gap:10px}.vs-size__body-illustration{width:62px;height:50px}.vs-size__choices--two{margin-top:34px}.vs-size__choices--two label>span{grid-template-columns:1fr 16px}.vs-size__choices--compression{margin-top:26px}.vs-size__choices--compression label>span{min-height:102px;grid-template-columns:1fr 16px}.vs-size__analysis{padding-top:min(92px,11dvh)}.vs-size__analysis-card{min-height:175px}.vs-size__analysis-stages{margin-top:min(84px,11dvh)}.vs-size__result{padding-top:9px}.vs-size__result-product img{width:min(190px,52vw);height:min(210px,25dvh)}.vs-size__result>strong{font-size:58px}.vs-size__footer{padding-top:12px}}@media(prefers-reduced-motion:reduce){.vs-size__unit-switch.is-prompting button{animation:none}}@media(max-height:700px)and (max-width:749px){.vs-size__panel{padding-bottom:max(10px,env(safe-area-inset-bottom))}.vs-size__step{padding-top:18px}.vs-size__ruler--vertical{height:255px}.vs-size__choices{margin-top:20px;gap:8px}.vs-size__choices label>span{min-height:64px}.vs-size__result-product img{height:150px}.vs-size__kicker{margin-top:8px}.vs-size__result>strong{font-size:48px}}@media(prefers-reduced-motion:reduce){.vs-size__analysis-icon{animation:none}.vs-size-trigger,.vs-size__choices label>span,.vs-size__analysis-bar i,.vs-size__progress i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/veroshape-size-finder.css.map */