:root{--color-primary: #272727;--color-white: #FFFFFF;--color-background: #f2f2f2;--color-brand-100: #FCFEFE;--color-brand-200: #F0FAF9;--color-brand-1800: #6CCDC2;--color-brand-2200: #60B6AC;--color-gray-200: #EDEDED;--color-gray-400: #D2D2D2;--color-gray-1000: #8D8D8D;--color-gray-1800: #585858;--color-gray-border: #D9D9D9;--color-error: #F04438;--color-border: rgba(0, 0, 0, .08);--color-divider: rgba(39, 39, 39, .1);--font-primary: "Maven Pro", sans-serif;--font-heading: "Oxygen", sans-serif;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--radius-sm: 4px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 100px;--shadow-footer: 0px -8px 30px 0px rgba(45, 38, 34, .07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-primary);font-size:14px;line-height:1.5;color:var(--color-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.module-sidebar{display:flex;flex-direction:column;width:520px;height:100vh;background-color:var(--color-white);border-left:1px solid var(--color-border);border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow:hidden}.sidebar-header{display:flex;align-items:center;gap:var(--spacing-20);padding:var(--spacing-20);background-color:var(--color-white);border-bottom:1px solid var(--color-border);flex-shrink:0;position:relative}.sidebar-header:before{content:"";display:none;position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background-color:var(--color-gray-400);border-radius:var(--radius-full)}.back-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12);background-color:var(--color-white);border:1px solid var(--color-gray-400);transition:background-color .2s}.back-btn:hover{background-color:var(--color-gray-200)}.sidebar-title{font-family:var(--font-heading);font-size:20px;font-weight:700;line-height:1.4;color:var(--color-primary)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-20);display:flex;flex-direction:column;gap:var(--spacing-40)}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-20)}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-family:var(--font-primary);font-size:18px;font-weight:600;line-height:1.5;color:var(--color-primary)}.section-body{display:flex;flex-direction:column;gap:var(--spacing-12)}.text-link{font-size:14px;font-weight:600;text-decoration:underline}.module-type-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-8)}.type-item{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-8);width:73px;height:73px;padding:var(--spacing-4);border:1px solid var(--color-border);background-color:var(--color-white);overflow:clip;cursor:pointer;transition:border-color .2s,background-color .2s;flex-shrink:0}.type-item-image{position:relative;width:100%;height:100%;min-width:0;min-height:0}.type-item-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.type-item img{width:100%;height:100%;object-fit:cover}.type-item:hover{border-color:var(--color-gray-400)}.type-item--selected{background-color:var(--color-gray-200);border:2px solid var(--color-gray-1800)}.option-check{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;padding:var(--spacing-4);background-color:var(--color-gray-1800)}.selection-label{font-size:14px}.selection-label strong{font-weight:600}.width-control{display:flex;gap:var(--spacing-8);height:32px}.width-slider{flex:1;display:flex;position:relative;border:1px solid var(--color-gray-400);overflow:hidden;height:32px;cursor:pointer;user-select:none;-webkit-user-select:none}.slider-track{display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-8);height:100%;background-color:var(--color-white);min-width:12px;transition:flex .1s ease-out}.width-slider:active .slider-track{transition:none}.slider-handle{width:4px;height:16px;background-color:var(--color-gray-400);border-radius:999px;flex-shrink:0}.slider-fill{display:block;height:100%;background-color:var(--color-background);min-width:0;transition:flex .1s ease-out}.width-slider:active .slider-fill{transition:none}.slider-value{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-12);font-family:var(--font-primary);font-size:12px;font-weight:600;line-height:1.5;color:var(--color-primary);pointer-events:none}.precision-toggle{display:flex;align-items:center;gap:var(--spacing-32);padding:var(--spacing-8) var(--spacing-12) var(--spacing-8) var(--spacing-8);background-color:#00000005}.precision-info{flex:1;font-size:14px;line-height:1.5}.precision-info p{margin:0}.toggle-control{display:flex;align-items:center;gap:var(--spacing-20)}.toggle-label{font-size:16px;font-weight:600;color:var(--color-gray-1800)}.toggle-label--inactive{opacity:.5;text-decoration:underline}.toggle-switch{position:relative;width:44px;height:24px;background-color:var(--color-gray-400);border-radius:12px;padding:2px;cursor:pointer;transition:background-color .2s}.toggle-switch:hover{background-color:var(--color-gray-1000)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;transition:transform .2s}.toggle-switch.active{background-color:var(--color-brand-1800)}.toggle-switch.active .toggle-knob{transform:translate(20px)}.color-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}.color-item{position:relative;width:73px;height:73px;padding:var(--spacing-4);border:1px solid var(--color-border);background-color:var(--color-white);overflow:hidden;cursor:pointer;transition:border-color .2s}.color-item img{width:100%;height:100%;object-fit:cover}.color-item:hover{border-color:var(--color-gray-400)}.color-item--selected{background-color:var(--color-gray-200);border:2px solid var(--color-gray-1800)}.color-info{display:flex;flex-direction:column;gap:var(--spacing-4);font-size:14px}.color-info strong{font-weight:600}.sidebar-footer{padding:var(--spacing-20);background-color:var(--color-white);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-footer);display:flex;flex-direction:column;gap:var(--spacing-16);flex-shrink:0}.autosave-hint{text-align:center;font-size:12px;color:var(--color-gray-1000);margin-top:8px}.price-row{display:flex;align-items:center;justify-content:space-between}.price-label{font-family:var(--font-heading);font-size:20px;font-weight:700;line-height:1.4}.price-value{font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.4}.footer-actions{display:flex;flex-direction:column;gap:var(--spacing-20);align-items:center}.btn-group{display:flex;gap:var(--spacing-16);width:100%}.btn-group .btn{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-24);font-size:14px;font-weight:600;line-height:1.5;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s}.btn-primary{background-color:var(--color-brand-1800);border-color:var(--color-brand-2200);color:var(--color-brand-100)}.btn-primary:hover{background-color:var(--color-brand-2200)}.btn-outline{background-color:var(--color-white);border-color:var(--color-gray-400);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-gray-200)}.btn-group .btn-outline .btn-label-short{display:none}.btn-group .btn-outline .btn-label-full{display:inline}.payment-methods{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);flex-wrap:wrap}.payment-icon{position:relative;width:35px;height:24px;background-color:var(--color-white);border:1px solid var(--color-gray-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.payment-icon img{max-width:70%;max-height:60%;object-fit:contain}.payment-icon.klarna{background-color:#feb4c7}.payment-icon.amex{background-color:#1f72cd}.payment-icon .gpay-g{position:absolute;left:5px;width:8px;height:auto}.shipping-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);background-color:var(--color-white);font-size:14px;font-weight:500}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--color-gray-400);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-1000)}@media (max-width: 999px){.module-sidebar{width:100%;height:auto;max-height:55vh;min-height:300px;border-left:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--color-border);position:fixed;bottom:0;left:0;right:0}.sidebar-header{padding:var(--spacing-20) var(--spacing-20) var(--spacing-12);padding-top:24px;gap:var(--spacing-16)}.sidebar-header:before{display:block}.back-btn{padding:var(--spacing-8)}.sidebar-title{font-size:18px}.sidebar-content{gap:var(--spacing-24);padding:var(--spacing-16);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.sidebar-section{gap:var(--spacing-12)}.section-title{font-size:14px}.text-link{font-size:12px}.module-type-grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.type-item{width:49px;height:49px;flex-shrink:0}.type-item .option-check svg{width:12px;height:12px}.selection-label{font-size:12px}.width-control,.width-slider{height:32px}.slider-handle{height:16px}.slider-value{font-size:12px}.precision-toggle{flex-direction:row;gap:var(--spacing-20)}.precision-info{font-size:12px}.precision-info p{display:inline}.precision-info p:first-child:after{content:" "}.toggle-control{gap:var(--spacing-8)}.toggle-label{font-size:14px}.color-item{width:49px;height:49px}.color-item .option-check svg{width:12px;height:12px}.color-info{font-size:12px}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-12)}.section-header .text-link{display:none}.mobile-preview-link{display:block}.sidebar-footer{border-radius:0;padding:var(--spacing-8) var(--spacing-20);padding-bottom:calc(var(--spacing-8) + env(safe-area-inset-bottom,8px));box-shadow:none;border-top:1px solid var(--color-border)}.sidebar-footer .btn-group{display:none}.sidebar-footer .autosave-hint{margin-top:0}.price-label{font-size:18px}.price-value{font-size:20px}.footer-actions{gap:var(--spacing-12)}.btn-group .btn{padding:var(--spacing-8) var(--spacing-16);gap:var(--spacing-8)}.btn-group .btn-outline{flex:none}.btn-group .btn-outline .btn-label-full{display:none}.btn-group .btn-outline .btn-label-short{display:inline}.payment-icon{width:23px;height:16px}.shipping-info{font-size:12px;padding:var(--spacing-8)}.shipping-info svg{width:16px;height:16px}}.mobile-preview-link{display:none}
/*# sourceMappingURL=/cdn/shop/t/209/assets/sofa-config-module-edit.css.map */