.t8-sgp__head{margin-bottom:3.2rem}.t8-sgp__vis{display:grid;grid-template-columns:minmax(0,1fr) 36rem;gap:3.2rem;align-items:start;max-width:134.4rem;margin-inline:auto}.t8-sgp__stage{position:relative;aspect-ratio:1024 / 838;border-radius:var(--radius-card);overflow:hidden;background:#e9e2d8;-webkit-user-select:none;user-select:none}.t8-sgp__room{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.t8-sgp__frame{position:absolute;display:block;box-sizing:border-box;overflow:hidden;border:6px solid #1c1c1f;box-shadow:0 0 0 1px var(--sgp-edge, #1c1c1f),0 2px 0 0 var(--sgp-edge, #1c1c1f),0 1.8rem 3.6rem #3223143d,0 .4rem 1rem #32231433;transition:left .45s var(--t-ease),top .45s var(--t-ease),width .45s var(--t-ease),height .45s var(--t-ease),border-width .45s var(--t-ease)}.t8-sgp__art{display:block;width:100%;height:100%;object-fit:cover}.t8-sgp__art--land,.t8-sgp__frame[data-orient=landscape]:has(.t8-sgp__art--land) .t8-sgp__art:not(.t8-sgp__art--land){display:none}.t8-sgp__frame[data-orient=landscape] .t8-sgp__art--land{display:block}.t8-sgp__frame[data-finish=natural]{background-color:#c9ad8c;--sgp-edge: #c9ad8c;border-color:#c9ad8c;border-image:url(t8-frame-v3-natural.jpg) 7.27% 9.96% 7.54% 10.08% stretch}.t8-sgp__frame[data-finish=black]{background-color:#1c1c1f;--sgp-edge: #1c1c1f;border-color:#1c1c1f;border-image:url(t8-frame-v3-black.jpg) 5.39% 7.75% 5.66% 7.63% stretch}.t8-sgp__frame[data-finish=white]{background-color:#ecebe8;--sgp-edge: #ecebe8;border-color:#ecebe8;border-image:url(t8-frame-v3-white.jpg) 5.9% 8.79% 6.15% 7.9% stretch}.t8-sgp__frame[data-finish=brown]{background-color:#3b2a25;--sgp-edge: #3b2a25;border-color:#3b2a25;border-image:url(t8-frame-v3-brown.jpg) 6.95% 9.92% 7.21% 9.8% stretch}.t8-sgp__frame[data-finish=gold]{background-color:#a8844c;--sgp-edge: #a8844c;border-color:#a8844c;border-image:url(t8-frame-v3-gold.jpg) 7.01% 9.62% 7.36% 9.62% stretch}.t8-sgp__frame[data-finish=silver]{background-color:#b9b4ad;--sgp-edge: #b9b4ad;border-color:#b9b4ad;border-image:url(t8-frame-v3-silver.jpg) 5.98% 8.01% 6.15% 8.01% stretch}.t8-sgp__chip{position:absolute;padding:.6rem 1.2rem;border-radius:10rem;background:#ffffffeb;font-size:1.2rem;line-height:1;color:var(--t-ink-600);white-space:nowrap;box-shadow:0 .2rem .8rem #2d20161f}.t8-sgp__chip--frame{translate:-50% 0;transition:left .45s var(--t-ease),top .45s var(--t-ease)}.t8-sgp__chip--sofa{left:50%;bottom:3%;translate:-50% 0}.t8-sgp__controls{display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem;border-radius:var(--radius-card);background:var(--t-ivory-100)}.t8-sgp__group{display:flex;flex-direction:column;gap:1.2rem}.t8-sgp__label{margin:0;font-size:var(--t-body-m);line-height:1;color:var(--t-ink-600)}.t8-sgp__label span{color:var(--t-ink-3);font-size:var(--t-body-s)}.t8-sgp__pills{display:flex;flex-wrap:wrap;gap:.8rem}.t8-sgp__pill{padding:1rem 1.4rem;border:.8px solid var(--t-gold-200);border-radius:.4rem;background:transparent;font-family:var(--t-font-body);font-size:var(--t-body-s);line-height:1;color:var(--t-ink-2);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.t8-sgp__pill:hover{border-color:var(--t-accent)}.t8-sgp__pill.is-active{background:var(--t-accent);border-color:var(--t-accent);color:#fff}.t8-sgp__sw{width:4.4rem;height:4.4rem;padding:.2rem;box-sizing:border-box;border:1px solid var(--t-gold-200);border-radius:.8rem;background:transparent;cursor:pointer;transition:border-color .2s}.t8-sgp__sw img{display:block;width:100%;height:100%;object-fit:cover;border-radius:.6rem}.t8-sgp__group:has(.t8-sgp__sw) .t8-sgp__pills{gap:.6rem;flex-wrap:nowrap}.t8-sgp__sw:hover{border-color:var(--t-accent)}.t8-sgp__sw.is-active{border:2px solid var(--t-accent)}.t8-sgp__read{display:flex;flex-direction:column;gap:.8rem;padding-top:1.6rem;border-top:1px solid var(--t-gold-100)}.t8-sgp__size{margin:0;font-family:var(--t-font-display);font-weight:var(--t-w-display);font-size:2.4rem;line-height:1.2;color:var(--t-neutral-600)}.t8-sgp__fit{margin:0;font-size:var(--t-body-s);line-height:var(--t-lh-body);color:var(--t-ink-3)}.t8-sgp__cta{align-self:stretch}.t8-sgp__h2{margin:0 0 2.4rem;text-align:center}.t8-sgp__chart{max-width:134.4rem;margin:6.4rem auto 0;display:flex;flex-direction:column;gap:2rem}.t8-sgp__chart .t8-sg__tablewrap{border-radius:var(--radius-card);background:var(--t-ivory-100)}.t8-sgp__chart .t8-sg__table th,.t8-sgp__chart .t8-sg__table td{padding:1.4rem 1.6rem}.t8-sgp__tips{max-width:134.4rem;margin:6.4rem auto 0}.t8-sgp__tipgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.t8-sgp__tip{padding:2.4rem;border-radius:var(--radius-card);background:var(--t-ivory-100)}.t8-sgp__tipnum{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.14em;color:var(--t-accent)}.t8-sgp__tiptitle{margin:0 0 .8rem;font-family:var(--t-font-body);font-weight:var(--t-w-regular);font-size:1.8rem;line-height:1.3;letter-spacing:-.01em;color:var(--t-ink-600);word-break:normal}.t8-sgp__tiptext{margin:0;font-size:var(--t-body-s);line-height:var(--t-lh-body);color:var(--t-ink-3)}@media(max-width:1024px){.t8-sgp__vis{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.t8-sgp__controls{padding:1.6rem;gap:2rem}.t8-sgp__chip{font-size:1rem;padding:.4rem .8rem}.t8-sgp__chart,.t8-sgp__tips{margin-top:4rem}.t8-sgp__tipgrid{grid-template-columns:1fr}.t8-sgp__chart .t8-sg__table th,.t8-sgp__chart .t8-sg__table td{padding:.8rem .6rem}}@media(prefers-reduced-motion:reduce){.t8-sgp__frame,.t8-sgp__chip--frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/t8-size-guide-page.css.map */