.design-overview{display:flex;flex-direction:column;gap:16px}.design-overview .overview-header .title{font-size:20px;margin-bottom:8px}.design-overview .overview-content,.design-overview .overview-content .overview-card-list{display:flex;flex-direction:column;gap:16px}.design-overview .overview-preview{width:100%;aspect-ratio:1;height:100%;border:1px solid #75757a4d;border-radius:12px;position:relative}.design-overview .overview-preview img{width:100%;height:100%;object-fit:cover}.design-overview .steps-track{border:1px solid #f6f7f9;border-radius:12px;padding:2px;width:fit-content;min-width:100%;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;display:flex}.design-overview .steps-track::-webkit-scrollbar{display:none}.design-overview .steps-track .step-btn{color:#141415;font-size:14px;font-weight:400;padding:12px;letter-spacing:.3px;border-radius:12px;outline:none;border:none;background:none}.design-overview .steps-track .step-btn.selected{background-color:#f6f7f9;font-weight:600;letter-spacing:0}.design-overview .overview-card{background-color:#f6f7f9;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px}.design-overview .overview-card.hide-card{display:none}.design-overview .overview-card .selection-row{display:flex;flex-direction:row;justify-content:space-between}.design-overview .overview-card .selection-row.hide-row{display:none}.design-overview .overview-card .overview-card--header{display:flex;flex-direction:row;justify-content:space-between}.design-overview .overview-card .overview-card--header h6{font-weight:600;color:#141415;font-size:18px;line-height:150%;margin:0}.design-overview .overview-card .selection-row p{font-size:14px;font-weight:400;color:#505054;margin:0}.design-overview .overview-card .selection-row p.selection-view{font-weight:600}.design-overview .toggle-container{padding:4px;background-color:#f6f7f9;border:1px solid #75757a33;position:absolute;width:fit-content;border-radius:40px;right:10px;top:10px;display:flex;justify-content:space-evenly;gap:4px;align-items:center;height:52px;width:100px;z-index:2}.design-overview .toggle-container .view-icon{height:44px;width:44px;z-index:2;display:flex;justify-content:center;align-items:center;cursor:pointer}.design-overview .toggle-container .toggle-slider{background-color:var(--color-primary);height:44px;width:44px;border-radius:50%;position:absolute;left:4px;right:auto;top:0;bottom:0;margin-block:auto;transition:all .3s ease;z-index:1}.floor-plan-switch{display:flex;border:1px solid #75757A33;border-radius:8px;background-color:#f3f3f3;width:fit-content;position:relative}.floor-plan-switch button{display:flex;border-radius:8px;padding:4px 16px;color:#141415;font-size:16px;font-weight:400;border:none;cursor:pointer;line-height:150%;z-index:1;background:none}.floor-plan-switch div{position:absolute;z-index:0;display:flex;border:1px solid #75757A33;background-color:#fff;border-radius:8px;height:100%;width:50%;left:0;transition:all .3s ease}@media screen and (min-width: 768px){.design-overview .overview-header .title{font-size:32px}}@media screen and (min-width: 900px){.design-overview{gap:40px}.design-overview .overview-header .title{font-size:40px}.design-overview .overview-content{flex-direction:row}.design-overview .overview-card,.design-overview .overview-card-list{width:100%}.design-overview .overview-card.hide-card{display:flex}.design-overview .steps-track{display:none}}.overview-int__preview{display:flex;flex-direction:column;height:100%}.overview-int__preview .ext__preview-item{display:flex;flex:1;height:50%}.overview-int__preview .ext__preview-item:first-child,.overview-int__preview .ext__preview-item:first-child img{border-top-left-radius:12px;border-top-right-radius:12px}.overview-int__preview .ext__preview-item:last-child,.overview-int__preview .ext__preview-item:last-child img{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.overview-ext__preview__layer,.overview-ext__preview__layer img{position:absolute;left:0;right:0;bottom:0;top:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/design_section-overview.css.map */