.vlx-frame-measurements,.vlx-frame-measurements__dialog{--fit-ink: #19332e;--fit-muted: #55635e;--fit-line: rgb(188 200 195 / 65%);--fit-wash: rgb(9 48 36 / 4%);--fit-action: rgb(var(--color-button, 9, 48, 36));color:var(--fit-ink);font-family:var(--font-body-family, sans-serif);font-size:1.4rem;line-height:1.55;letter-spacing:normal}.vlx-frame-measurements{display:block;margin-block:1.6rem 1.2rem}.vlx-frame-measurements [hidden],.vx-pdp-offer [data-frame-fit-faq] [hidden],.vlx-frame-measurements__dialog [hidden]{display:none!important}.vlx-frame-measurements__faq-button{display:inline-flex;align-items:center;gap:.8rem;max-width:100%;min-height:4.4rem;margin-top:.4rem;padding:.8rem 0;border:0;color:inherit;background:transparent;font:inherit;font-weight:600;line-height:1.45;text-align:start;text-transform:none;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.vlx-frame-measurements__faq-button svg{flex-shrink:0}.vlx-frame-measurements__faq-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.vlx-frame-measurements__entry{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:6.8rem;padding:1.1rem 0;border-block:1px solid var(--fit-line);list-style:none;cursor:pointer;transition:background-color .16s ease}.vlx-frame-measurements__entry::-webkit-details-marker,.vlx-frame-measurements__compare>summary::-webkit-details-marker{display:none}.vlx-frame-measurements__entry-main{display:grid;gap:.2rem;min-width:0}.vlx-frame-measurements__entry-label{font-size:1.4rem;font-weight:600}.vlx-frame-measurements__entry-description{color:var(--fit-muted);font-size:1.2rem;font-variant-numeric:tabular-nums}.vlx-frame-measurements__fit-value{color:var(--fit-ink);font-size:1.3rem;font-weight:600}.vlx-frame-measurements__entry-action{display:inline-flex;align-items:center;flex:0 0 auto;gap:.7rem;font-size:1.3rem;font-weight:600}.vlx-frame-measurements__entry-action svg{transition:transform .16s ease}.vlx-frame-measurements__entry:focus-visible,.vlx-frame-measurements__panel button:focus-visible,.vlx-frame-measurements__compare>summary:focus-visible{outline:2px solid var(--fit-ink);outline-offset:4px}.vlx-frame-measurements__dialog{position:fixed;inset:0 0 0 auto;width:min(50rem,100%);height:100%;height:100dvh;max-width:100%;max-height:100%;margin:0;padding:0;border:0;background:#fff;box-shadow:-1rem 0 6rem #0930241f;overflow:hidden;overscroll-behavior:contain}.vlx-frame-measurements__dialog::backdrop{background:#0e1a1659}.vlx-frame-measurements__dialog[open]{animation:vlx-fit-enter .22s cubic-bezier(.2,.7,.3,1) both}.vlx-frame-measurements__dialog .vlx-frame-measurements__panel{display:flex;flex-direction:column;height:100%;min-height:0}.vlx-frame-measurements__header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:1rem;padding:2.4rem 2.8rem 2rem;border-bottom:1px solid var(--fit-line)}.vlx-frame-measurements__eyebrow{margin:0 0 .6rem;color:var(--fit-muted);font-size:1.1rem;font-weight:500;letter-spacing:.06em}.vlx-frame-measurements__heading{margin:0;color:var(--fit-ink);font-family:var(--font-heading-family, serif);font-size:2.6rem;font-weight:400;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.vlx-frame-measurements__close{display:grid;place-items:center;flex:0 0 4.4rem;width:4.4rem;height:4.4rem;padding:0;border:1px solid var(--fit-line);border-radius:50%;color:var(--fit-ink);background:#fff;cursor:pointer}.vlx-frame-measurements__body{min-height:0;padding:2.4rem 2.8rem max(2.8rem,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.vlx-frame-measurements__product{display:flex;align-items:center;gap:1.6rem;margin-bottom:2.4rem}.vlx-frame-measurements__image{display:block;flex:0 0 auto;width:10.4rem;height:7.2rem;object-fit:contain}.vlx-frame-measurements__fit-title,.vlx-frame-measurements__tryon h3{margin:0 0 .6rem;color:var(--fit-ink);font-family:inherit;font-size:1.5rem;font-weight:600;line-height:1.4;letter-spacing:normal}.vlx-frame-measurements__product p{margin:0;color:var(--fit-muted);font-size:1.25rem;line-height:1.6;text-wrap:pretty}.vlx-frame-measurements__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 2.4rem;padding:0 0 2rem;border-bottom:1px solid var(--fit-line)}.vlx-frame-measurements__specs dt{margin-bottom:.35rem;color:var(--fit-muted);font-size:1.2rem}.vlx-frame-measurements__specs dd{margin:0;font-size:2.5rem;font-weight:500;line-height:1.3;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.vlx-frame-measurements__specs dd>span{font-size:1.1rem;font-weight:400;letter-spacing:normal}.vlx-frame-measurements__specs .vlx-frame-measurements__spec-note{margin-top:.5rem;color:var(--fit-muted);font-size:1.05rem;font-weight:400;line-height:1.4;letter-spacing:normal}.vlx-frame-measurements__tryon{margin-bottom:1.2rem;padding:2rem;border-radius:.4rem;background:var(--fit-wash)}.vlx-frame-measurements__tryon p{margin:0 0 1.6rem;font-size:1.3rem;line-height:1.6;text-wrap:pretty}.vlx-frame-measurements__tryon strong{font-weight:500}.vlx-frame-measurements__tryon-button{display:flex;align-items:center;justify-content:center;gap:1.2rem;width:100%;min-height:4.8rem;padding:1.2rem 1.6rem;border:1px solid var(--fit-action);border-radius:var(--buttons-radius, .2rem);color:#fff;background:var(--fit-action);font-family:inherit;font-size:1.35rem;font-weight:600;line-height:1.4;cursor:pointer;transition:background-color .16s ease}.vlx-frame-measurements__compare>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5.2rem;padding-block:1.4rem;list-style:none;font-size:1.3rem;font-weight:600;cursor:pointer}.vlx-frame-measurements__chevron{flex-shrink:0;transition:transform .16s ease}.vlx-frame-measurements__compare[open] .vlx-frame-measurements__chevron{transform:rotate(180deg)}.vlx-frame-measurements__instructions{margin:0 0 1.6rem;color:var(--fit-muted);font-size:1.25rem;line-height:1.65}.vlx-frame-measurements__sample{white-space:nowrap;color:var(--fit-ink);font-weight:500;font-variant-numeric:tabular-nums}.vlx-frame-measurements__comparison{min-width:0;margin:0;padding:0;border:0}.vlx-frame-measurements__table-head,.vlx-frame-measurements__row{display:grid;grid-template-columns:minmax(0,1fr) 6rem 9.2rem;align-items:center;column-gap:1rem}.vlx-frame-measurements__table-head{padding-bottom:.8rem;color:var(--fit-muted);font-size:1.05rem}.vlx-frame-measurements__row{padding-block:1.2rem;border-top:1px solid var(--fit-line)}.vlx-frame-measurements__row label{font-size:1.25rem;font-weight:500}.vlx-frame-measurements__current{font-size:1.5rem;font-variant-numeric:tabular-nums;white-space:nowrap}.vlx-frame-measurements__current>span:not(.visually-hidden){color:var(--fit-muted);font-size:1rem}.vlx-frame-measurements__input-wrap{position:relative}.vlx-frame-measurements__input-wrap input{display:block;box-sizing:border-box;width:100%;min-height:4.4rem;margin:0;padding:.8rem 2.7rem .8rem 1rem;border:1px solid var(--fit-line);border-radius:.3rem;outline-offset:2px;color:var(--fit-ink);background:#fff;font-family:inherit;font-size:1.6rem;font-variant-numeric:tabular-nums;line-height:1.5}.vlx-frame-measurements__input-wrap input::placeholder{color:#738079;opacity:1}.vlx-frame-measurements__input-wrap input:focus{border-color:var(--fit-ink);outline:1px solid var(--fit-ink)}.vlx-frame-measurements__input-wrap>span{position:absolute;top:50%;right:.8rem;transform:translateY(-50%);color:var(--fit-muted);font-size:1rem;pointer-events:none}.vlx-frame-measurements__result{grid-column:1 / -1;margin:.7rem 0 0;color:var(--fit-muted);font-size:1.2rem;line-height:1.5}.vlx-frame-measurements__row[data-compared] .vlx-frame-measurements__result{color:var(--fit-ink);font-weight:500}.vlx-frame-measurements__row[data-invalid] .vlx-frame-measurements__result,.vlx-frame-measurements__tryon .vlx-frame-measurements__error{color:#923b2b}.vlx-frame-measurements__row[data-invalid] input{border-color:#923b2b}.vlx-frame-measurements__tryon .vlx-frame-measurements__error{margin:1rem 0 0}.vlx-frame-measurements__band{margin:1.6rem 0 .4rem;padding:1.6rem;border-radius:.4rem;background:var(--fit-wash)}.vlx-frame-measurements__band-label{margin:0 0 1.6rem;color:var(--fit-muted);font-size:1.15rem}.vlx-frame-measurements__band-track{position:relative;height:1rem;border-radius:.5rem;background:#19332e1a}.vlx-frame-measurements__band-zone{position:absolute;inset-block:0;left:calc(50% - var(--fit-band-zone, 20%) / 2);width:var(--fit-band-zone, 20%);border-radius:.5rem;background:#b9dcc6}.vlx-frame-measurements__band-zone--soft{left:calc(50% - var(--fit-band-soft, 40%) / 2);width:var(--fit-band-soft, 40%);background:#e0eee5}.vlx-frame-measurements__band-marker{position:absolute;top:50%;left:var(--fit-band-position, 50%);width:.4rem;height:2.4rem;border-radius:.2rem;background:var(--fit-ink);box-shadow:0 0 0 .2rem #fff;transform:translate(-50%,-50%);transition:left .35s cubic-bezier(.16,1,.3,1)}.vlx-frame-measurements__band-scale{display:flex;justify-content:space-between;margin-top:.9rem;color:var(--fit-muted);font-size:1.05rem}.vlx-frame-measurements__band-verdict{margin:1.4rem 0 .3rem;font-size:1.45rem;font-weight:600;line-height:1.4}.vlx-frame-measurements__band[data-state=match] .vlx-frame-measurements__band-verdict{color:#2d6a4a}.vlx-frame-measurements__band-detail{margin:0;color:var(--fit-muted);font-size:1.25rem;line-height:1.55;text-wrap:pretty}.vlx-frame-measurements__tryon-button--band{margin-top:1.4rem}.vlx-frame-measurements__reset{min-height:4.4rem;margin:0;padding:0;border:0;color:var(--fit-muted);background:transparent;font:inherit;font-size:1.15rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.vlx-frame-measurements__note{margin:1.2rem 0 0;padding-top:1.6rem;border-top:1px solid var(--fit-line);color:var(--fit-muted);font-size:1.15rem;line-height:1.65;text-wrap:pretty}.vlx-frame-measurements__body:has(.vlx-frame-measurements__compare[open]) .vlx-frame-measurements__specs,.vlx-frame-measurements__body:has(.vlx-frame-measurements__compare[open]) .vlx-frame-measurements__product p,.vlx-frame-measurements__body:has(.vlx-frame-measurements__compare[open]) .vlx-frame-measurements__tryon h3,.vlx-frame-measurements__body:has(.vlx-frame-measurements__compare[open]) .vlx-frame-measurements__tryon p:not(.vlx-frame-measurements__error){display:none}.vlx-frame-measurements__body:has(.vlx-frame-measurements__compare[open]) .vlx-frame-measurements__product{margin-bottom:1.2rem}.vlx-frame-measurements__body:has(.vlx-frame-measurements__compare[open]) .vlx-frame-measurements__tryon{margin-bottom:.8rem;padding:0;background:transparent}.vlx-frame-measurements__body:has(.vlx-frame-measurements__compare[open]) .vlx-frame-measurements__tryon-button{min-height:4.4rem;border-color:var(--fit-line);color:var(--fit-ink);background:#fff}.vlx-frame-measurements__body .vlx-frame-measurements__band[data-fit-band] .vlx-frame-measurements__tryon-button--band{border-color:var(--fit-action);color:#fff;background:var(--fit-action)}html.vlx-fit-open{overflow:hidden}@media(hover:hover){.vlx-frame-measurements__entry:hover{background:var(--fit-wash)}.vlx-frame-measurements__entry:hover .vlx-frame-measurements__entry-action svg{transform:translate(3px)}.vlx-frame-measurements__close:hover{background:var(--fit-wash)}.vlx-frame-measurements__tryon-button:hover,.vlx-frame-measurements__body .vlx-frame-measurements__band[data-fit-band] .vlx-frame-measurements__tryon-button--band:hover{background:#19332e}}@media(max-width:599px){.vlx-frame-measurements__dialog{inset:auto 0 0;width:100%;height:auto;max-height:92vh;max-height:92dvh;border-radius:1.6rem 1.6rem 0 0}.vlx-frame-measurements__dialog .vlx-frame-measurements__panel{max-height:92vh;max-height:92dvh}.vlx-frame-measurements__header{padding:2rem 2rem 1.6rem}.vlx-frame-measurements__heading{font-size:2.3rem}.vlx-frame-measurements__body{padding:2rem 2rem max(2.4rem,env(safe-area-inset-bottom))}.vlx-frame-measurements__product{gap:1.2rem;margin-bottom:2rem}.vlx-frame-measurements__image{width:8.4rem;height:6.4rem}.vlx-frame-measurements__tryon{padding:1.6rem}.vlx-frame-measurements__dialog[open]{animation-name:vlx-fit-rise}}@keyframes vlx-fit-enter{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes vlx-fit-rise{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.vlx-frame-measurements__dialog[open]{animation:none}.vlx-frame-measurements__entry,.vlx-frame-measurements__entry-action svg,.vlx-frame-measurements__chevron,.vlx-frame-measurements__band-marker,.vlx-frame-measurements__tryon-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/visiloox-frame-measurements.css.map */