cv-size{display:block}.cv-size__head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(18px,3vw,60px);align-items:end;padding-block-end:clamp(14px,1.6vw,22px);box-shadow:inset 0 -1px 0 0 var(--cv-line-strong)}.cv-size__head .cv-shead__main{gap:15px}.cv-size__title{font-size:clamp(2rem,3.5vw,3.3rem);line-height:calc(1.02 + var(--cv-lh-plus))}.cv-size__lede{max-width:var(--cv-measure-copy);color:var(--cv-text-slate);font-size:var(--cv-body-md-size);line-height:calc(var(--cv-body-lh) + var(--cv-lh-plus))}.cv-size__board{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);margin-block-start:clamp(22px,2.6vw,42px);overflow:hidden;border-radius:var(--cv-r-panel);background:var(--cv-white);box-shadow:var(--cv-sh-panel)}.cv-size__room{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;overflow:hidden;padding:var(--cv-stage-pad);background:var(--cv-oat-stage)}.cv-size__bar{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}.cv-size__plate{display:flex;flex-direction:column;gap:4px;font-family:var(--cv-font-mono);font-size:var(--cv-ui-size);text-transform:uppercase}.cv-size__plate-no{color:var(--cv-blue-on-tint);letter-spacing:.22em}.cv-size__plate-scale{color:var(--cv-text-on-oat);letter-spacing:.16em}.cv-size__cmp-toggle{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 16px;border-radius:var(--cv-r-pill);background:#ffffffb3;box-shadow:inset 0 0 0 1px var(--cv-line-pill);color:var(--cv-ink);font-family:var(--cv-font-mono);font-size:var(--cv-ui-size);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.cv-size__cmp-toggle:hover{background:var(--cv-white)}.cv-size__cmp-dot{width:7px;height:7px;border-radius:var(--cv-r-round);background:#0a1e3040;transition:background-color .4s}.cv-size__cmp-state{color:var(--cv-text-muted)}.cv-size__cmp-toggle[aria-pressed=true] .cv-size__cmp-dot{background:var(--cv-blue)}.cv-size__cmp-toggle[aria-pressed=true] [data-off],.cv-size__cmp-toggle[aria-pressed=false] [data-on]{display:none}.cv-size__scene{position:relative;width:720px;max-width:100%;margin:clamp(34px,3.2vw,50px) auto 0}.cv-size__floor{position:absolute;inset-inline:-80vw;inset-block-start:77%;height:200vh;background:var(--cv-floor);box-shadow:inset 0 1px #0a1e300d}.cv-size__stage{position:relative;width:100%;aspect-ratio:720 / 348}.cv-size__sofa{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.cv-size__sofa-back{fill:var(--cv-dune)}.cv-size__sofa-cush{fill:var(--cv-oat);stroke:#0a1e300f}.cv-size__sofa-arm{fill:#e8dfd1;stroke:#0a1e3012}.cv-size__sofa-seat{fill:var(--cv-chip-warm);stroke:#0a1e3012}.cv-size__sofa-base{fill:#dcd1c0}.cv-size__sofa-leg{fill:#5e4330}.cv-size__line{position:absolute;inset-inline:-2%;inset-block-end:var(--y);height:1px;opacity:0;background:repeating-linear-gradient(90deg,rgba(10,30,48,.2) 0 4px,transparent 4px 8px);transition:inset-block-end var(--cv-t-move) var(--cv-ease-glide),opacity .4s ease}.cv-size__line[data-shown]{opacity:1}.cv-size__line[data-on]{background:repeating-linear-gradient(90deg,rgba(27,116,180,.6) 0 4px,transparent 4px 8px)}.cv-size__line-label{position:absolute;inset-block-start:50%;inset-inline-start:0;padding:2px 6px;border-radius:var(--cv-r-pill);background:var(--cv-chip-warm);box-shadow:inset 0 0 0 1px var(--cv-line);color:var(--cv-text-muted);font-family:var(--cv-font-mono);font-size:var(--cv-kicker-size);line-height:1;letter-spacing:var(--cv-index-track);text-transform:uppercase;transform:translateY(-50%)}.cv-size__line[data-end] .cv-size__line-label{inset-inline:auto 0}.cv-size__line[data-on] .cv-size__line-label{color:var(--cv-blue)}.cv-size__piece{position:absolute;inset-inline-start:var(--x, calc(50% - var(--w) / 2));inset-block-end:45.402%;width:var(--w);height:var(--h);visibility:hidden;transition:inset-inline-start var(--cv-t-move) var(--cv-ease-glide),width var(--cv-t-move) var(--cv-ease-glide),height var(--cv-t-move) var(--cv-ease-glide),visibility 0s .4s}.cv-size__stage:not([data-laid]) .cv-size__piece[data-on],.cv-size__piece[data-shown]{visibility:visible;transition-delay:0s}.cv-size__piece-shadow{position:absolute;inset-inline-start:-10%;inset-block-end:-8%;width:120%;height:16%;background:radial-gradient(50% 50% at 50% 50%,#281e1480,#281e1438 48%,#281e1400 72%);opacity:0;transition:opacity .4s ease}.cv-size__piece[data-shown] .cv-size__piece-shadow,.cv-size__stage:not([data-laid]) .cv-size__piece[data-on] .cv-size__piece-shadow{opacity:1}.cv-size__piece-face{position:absolute;top:0;right:0;bottom:0;left:0}.cv-size__piece-face .cv-img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;mix-blend-mode:multiply;opacity:0;transform:rotate(calc(var(--r, -1deg) * var(--cv-dir)));transform-origin:50% 100%;transition:transform .9s var(--cv-ease-sway),opacity .4s ease}.cv-size__piece[data-shown] .cv-img,.cv-size__stage:not([data-laid]) .cv-size__piece[data-on] .cv-img{opacity:1}.cv-size__piece-tag{position:absolute;inset-block-end:calc(100% + 10px);inset-inline-start:50%;display:flex;flex-direction:column;align-items:center;gap:6px;white-space:nowrap;pointer-events:none;translate:calc(-50% * var(--cv-dir)) 0}.cv-size__piece-tag>span{padding:5px 10px;border-radius:var(--cv-r-pill);background:var(--cv-glass-chip);box-shadow:inset 0 0 0 1px var(--cv-line-pill);color:var(--cv-text-slate);font-family:var(--cv-font-mono);font-size:var(--cv-ui-size);letter-spacing:var(--cv-index-track);text-transform:uppercase;transition:background-color .4s,color .4s}.cv-size__piece-tag:after{content:"";display:block;width:1px;height:10px;background:#0a1e304d}.cv-size__piece[data-on] .cv-size__piece-tag>span{background:var(--cv-ink);box-shadow:none;color:var(--cv-white)}.cv-size__span{position:relative;display:flex;align-items:center;gap:10px;width:81.4%;margin-block-start:10px;margin-inline-start:9.3%}.cv-size__span>span:nth-child(odd):not(:nth-child(3)){width:1px;height:9px;background:#0a1e3066}.cv-size__span>span:nth-child(2),.cv-size__span>span:nth-child(4){flex:1 1 auto;height:1px;background:#0a1e3042}.cv-size__span>span:nth-child(3){color:var(--cv-text-slate);font-family:var(--cv-font-mono);font-size:var(--cv-ui-size);letter-spacing:.16em}.cv-size__controls{position:relative;display:flex;flex-direction:column;gap:10px;margin-block-start:clamp(18px,1.8vw,26px)}.cv-size__ladder{display:flex;align-items:flex-end;justify-content:safe center;gap:clamp(4px,1vw,18px);overflow-x:auto;padding:4px 2px 6px}.cv-size__step{flex:none;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:44px;padding:6px 2px;cursor:pointer}.cv-size__step-box{position:relative;display:block;width:calc(var(--w) * clamp(1.4px,.18vw,2.4px));height:calc(var(--h) * clamp(1.4px,.18vw,2.4px));border:1px solid var(--cv-line-link);border-radius:8%;background:#ffffff57;transition:border-color .4s}.cv-size__step-box .cv-img{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);mix-blend-mode:multiply;opacity:0;transition:opacity .45s ease}.cv-size__step[data-cmp] .cv-size__step-box{border:1.5px dashed rgba(10,30,48,.5)}.cv-size__step:is([aria-checked=true],[data-show]) .cv-size__step-box{border-color:transparent}.cv-size__step:is([aria-checked=true],[data-show]) .cv-img{opacity:1}@media(hover:hover){.cv-size__step:hover .cv-size__step-box{border-color:transparent}.cv-size__step:hover .cv-img{opacity:1}}.cv-size__step-label{display:flex;align-items:center;gap:6px;color:var(--cv-text-on-oat);font-family:var(--cv-font-mono);font-size:12px;letter-spacing:.04em;white-space:nowrap;transition:color .4s}.cv-size__step-label:before{content:"";width:4px;height:4px;border-radius:var(--cv-r-round);background:var(--cv-blue);opacity:0;transition:opacity .4s}.cv-size__step[aria-checked=true] .cv-size__step-label{color:var(--cv-ink)}.cv-size__step[aria-checked=true] .cv-size__step-label:before{opacity:1}.cv-size__hint{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;padding-block-start:12px;box-shadow:inset 0 1px 0 0 var(--cv-line);color:var(--cv-text-on-oat);font-family:var(--cv-font-mono);font-size:var(--cv-ui-size);letter-spacing:.14em;text-transform:uppercase}.cv-size__cmp-line{color:var(--cv-ink)}.cv-size__detail{display:flex;flex-direction:column;gap:clamp(14px,1.4vw,20px);min-width:0;padding:clamp(20px,2vw,30px)}.cv-size__sel{display:flex;align-items:center;gap:11px;color:var(--cv-blue);font-family:var(--cv-font-mono);font-size:var(--cv-ui-size);letter-spacing:.22em;text-transform:uppercase}.cv-size__sel:before{content:"";flex:none;width:5px;height:5px;border-radius:var(--cv-r-round);background:currentColor}.cv-size__sel-rule{flex:1 1 auto;height:1px;background:var(--cv-line-strong)}.cv-size__sel-n{color:var(--cv-text-muted)}.cv-size__panel{display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(14px,1.4vw,20px)}.cv-size__about{display:flex;flex-direction:column;gap:12px}.cv-size__tag{color:var(--cv-blue);font-family:var(--cv-font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.cv-size__name{font-family:var(--cv-font-display);font-size:clamp(1.8rem,2.4vw,2.4rem);font-weight:300;line-height:calc(1 + var(--cv-lh-plus));letter-spacing:-.03em}.cv-size__copy{color:var(--cv-text-slate);font-size:var(--cv-body-md-size);line-height:calc(var(--cv-body-md-lh) + var(--cv-lh-plus))}.cv-size__cloth{display:flex;flex-direction:column;gap:12px}.cv-size__shown{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.cv-size__key,.cv-size__spec dt{flex:none;color:var(--cv-text-muted);font-family:var(--cv-font-mono);font-size:var(--cv-ui-size);letter-spacing:.2em;text-transform:uppercase}.cv-size__piece-name{overflow:hidden;min-width:0;color:var(--cv-ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.cv-size__piece-name:hover{color:var(--cv-blue)}.cv-size__swatches{display:flex;flex-wrap:wrap;gap:10px}.cv-size__swatch{position:relative;width:38px;height:38px;overflow:hidden;border-radius:var(--cv-r-round);box-shadow:0 0 0 1px var(--cv-line-field);cursor:pointer;transition:box-shadow .35s ease}.cv-size__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--cv-white),0 0 0 3px var(--cv-ink)}.cv-size__swatch .cv-img{position:absolute;inset-block-start:50%;inset-inline-start:50%;width:200%;height:200%;max-width:none;translate:calc(-50% * var(--cv-dir)) -50%}.cv-size__cloth-note{color:var(--cv-text-muted);font-size:13px}.cv-size__spec{display:flex;flex-direction:column;box-shadow:inset 0 1px 0 0 var(--cv-line)}.cv-size__spec>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:9px 0;box-shadow:inset 0 -1px 0 0 var(--cv-line)}.cv-size__spec dt{letter-spacing:.18em}.cv-size__spec dd{margin:0;color:var(--cv-ink);font-size:14px;line-height:1.4;text-align:end}.cv-size__shop{justify-content:space-between;min-height:50px;margin-block-start:auto;padding:0 24px}.cv-size__shop .cv-icon{font-size:13px}.cv-size__foot{color:var(--cv-text-muted);font-size:13px;line-height:calc(1.6 + var(--cv-lh-plus));text-align:center}@media(max-width:860px){.cv-size__head,.cv-size__board{grid-template-columns:minmax(0,1fr)}.cv-size__lede{max-width:none}}.cv-size__piece[data-cloth] .cv-img{object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 10px 12px rgba(40,30,20,.24)) drop-shadow(0 2px 3px rgba(40,30,20,.18))}.cv-size__step[data-cloth] .cv-size__step-box .cv-img{object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 6px 8px rgba(40,30,20,.22))}.cv-size__swatch[data-cloth]{background:var(--cv-oat)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/cv-size.css.map */