model-viewer{width:100%;aspect-ratio:1;height:100%;border-radius:12px;position:relative;max-width:500px}@media screen and (min-width: 1012px){model-viewer{max-width:none}}.exterior-design .ext-wrapper{display:flex;flex-direction:column;gap:24px;margin-top:40px;position:relative}.ext__preview{position:sticky;top:0;width:100%;height:30vh;background:#fff;display:flex;justify-content:center}.ext__preview img{max-width:100%;max-height:100%}interior-selector .ext__preview,interior-selector interior-view{display:flex;gap:10px;max-height:fit-content;height:unset}interior-selector .ext__preview-item{border-radius:24px;width:50%}interior-selector .ext__preview img{border-radius:24px}.ext__preview__kitchen,.ext__preview__bath{position:relative}.ext__preview__layer,.ext__preview__layer img{position:absolute;left:0;right:0;top:0;bottom:0}.ext__options{width:100%;display:flex;flex-direction:column;gap:24px}.ext__question-group{display:flex;flex-direction:column}.ext__question__title{font-size:16px;color:#141415;margin-bottom:8px}.ext__options-group{width:100%;display:flex;flex-direction:column;gap:8px}.btn.btn--option .color-indicator{width:30px;height:30px;border-radius:50%;border:1px solid #75757a4d}.btn.btn--option .span-height{height:30px;display:flex;align-items:center}.ext__sub-options-track{margin-top:8px}.ext__sub-options{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;gap:8px}.ext-sub-divider{width:1px;height:35px;background-color:var(--color-text-secondary);display:flex}.ext-sub-divider span{width:1px}.btn.btn--option.ext-option{width:100%}.btn.btn--chip img,.btn.btn--chip .color-indicator{width:30px;height:30px;border:1px solid #75757a4d;border-radius:50%}.btn.btn--chip:hover img,.btn.btn--chip:hover .color-indicator{border:1px solid #75757a52}.btn.btn--chip.selected img,.btn.btn--chip.selected .color-indicator{border:1px solid var(--color-primary)}@media screen and (min-width: 768px){.ext__options-group{width:100%;display:flex;flex-direction:row;gap:24px;flex-wrap:wrap}.btn.btn--option.ext-option{width:fit-content}.ext__sub-options-track{margin-top:16px}.ext__sub-options{display:flex;justify-content:flex-start;align-items:center;gap:8px}}@media screen and (min-width: 1012px){.exterior-design .ext-wrapper{flex-direction:row}.ext__preview{width:50%;height:unset;height:100%}interior-selector interior-view{flex-direction:column}interior-selector .ext__preview-item,interior-selector .ext__preview img{height:300px;width:100%}.ext__options{width:50%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/design_section-exterior.css.map */