.customizer-drawer{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none}.customizer-drawer.is-open{visibility:visible;pointer-events:auto}.customizer-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:block!important;background-color:#00000080;opacity:0;transition:opacity .3s ease}.customizer-drawer.is-open .customizer-drawer__overlay{opacity:1}.customizer-drawer__inner{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:1000px;z-index:2;background:#fff;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026;overflow:hidden}.customizer-drawer.is-open .customizer-drawer__inner{transform:translate(0)}.customizer-drawer__topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e5e5}.customizer-drawer__title{margin:0}.customizer-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer}.customizer-drawer__close:hover{background:#0000000d;border-radius:50%}.customizer-drawer__close .svg-wrapper{width:20px;height:20px}.customizer-drawer__header{position:sticky;top:0;z-index:10;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e5e5}.customizer-drawer__header-content{flex:1;min-width:0}.customizer-drawer__product-form{width:100%}.customizer-drawer__form{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.customizer-drawer__price-column{display:flex;flex-direction:column;gap:0}.customizer-drawer__price-column .price{margin:0}.customizer-drawer__price-column .price-item--regular{font-size:18px;font-weight:400;line-height:1.2}.customizer-drawer__unit-price,.customizer-drawer__per-label{font-size:12px;font-weight:400;color:#666;line-height:1.2}.customizer-drawer__actions-column{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.customizer-drawer__inline-dropdown{flex-shrink:0}.customizer-drawer__inline-dropdown .select{min-width:130px}.customizer-drawer__inline-dropdown .select .svg-wrapper{right:1rem}.customizer-drawer__submit{min-width:140px;padding:.75rem 1.5rem;flex-shrink:0}.customizer-drawer__content{flex:1;display:grid;grid-template-columns:60% 40%;gap:0;overflow:hidden}.customizer-drawer__content[data-layout=short]{grid-template-columns:70% 30%}.customizer-drawer__content[data-layout=long]{grid-template-columns:50% 50%}.customizer-drawer__preview-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#f9f9f9;padding:2rem;overflow:auto}.customizer-drawer__preview-column .product-customizer-preview{width:100%;display:flex;justify-content:center}.customizer-drawer__preview-column .customizer-canvas-wrapper{margin:0 auto}.customizer-drawer__preview-column canvas{max-width:100%;height:auto!important}.customizer-drawer__controls-column{padding:2rem;overflow-y:auto;background:#fff;border-left:1px solid #e5e5e5}.customizer-drawer__controls-column .product-customizer-controls{max-width:100%}.customizer-drawer__controls-column .field__input,.customizer-drawer__controls-column .select__select{background-color:#fff}.customizer-drawer__controls-column .field__input:focus,.customizer-drawer__controls-column .select__select:focus{background-color:#fff}@media screen and (max-width: 899px){.customizer-drawer__inner{max-width:100%}.customizer-drawer__content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.customizer-drawer__preview-column{padding:1rem;min-height:300px;max-height:50vh}.customizer-drawer__controls-column{padding:1.5rem;border-left:none;border-top:1px solid #e5e5e5}.customizer-drawer__header,.customizer-drawer__topbar{padding:.75rem 1rem}.customizer-drawer__form{flex-direction:column;align-items:stretch;gap:1rem}.customizer-drawer__price-column{order:1}.customizer-drawer__actions-column{order:2;flex-wrap:wrap;justify-content:center}.customizer-drawer__submit{min-width:100%;padding:.75rem 1rem;font-size:.875rem}.customizer-drawer__inline-dropdown{flex:1;min-width:45%}.customizer-drawer__inline-dropdown .select{width:100%}}.customizer-drawer__properties{display:none}.customizer-drawer .customizer-canvas-wrapper canvas{display:block}.customizer-drawer__submit.loading .loading-overlay__spinner{display:block}html:has(.customizer-drawer),body:has(.customizer-drawer){overflow-x:hidden}
/*# sourceMappingURL=/cdn/shop/t/9/assets/customizer-drawer.css.map */