sa-customize-main{--sa-container-max-width: 1400px;--sa-container-padding: 20px;--sa-container-gap: 40px;--sa-preview-top: 20px;--sa-options-width: 540px;--sa-options-gap: 32px;--sa-title-size: 24px;--sa-section-title-size: 18px;--sa-section-title-margin: 0 0 8px;--sa-title-line-height: 32px;--sa-section-title-line-height: 26px;--sa-option-card-gap: 8px;--sa-option-card-min-width: 100px;--sa-option-card-height: 100px;--sa-option-card-padding: 10px;--sa-finish-grid-gap: 16px;--sa-finish-option-padding: 16px;--sa-finish-option-size: 16px;--sa-finish-option-line-height: 24px;--sa-slot-tabs-gap: 8px;--sa-slot-tabs-margin-bottom: 16px;--sa-slot-tab-padding: 8px;--sa-slot-tab-height: 65px;--sa-slot-tab-inner-gap: 12px;--sa-tab-preview-border-radius: 50%;--sa-tab-preview-size: 46px;--sa-tab-title-size: 16px;--sa-tab-title-line-height: 24px;--sa-tab-active-title-size: 18px;--sa-tab-subtitle-size: 14px;--sa-tab-subtitle-line-height: 20px;--sa-color-list-gap: 12px;--sa-swatch-size: 46px;--sa-swatch-border-radius: 50%;--sa-bar-padding: 24px 64px;--sa-bar-right-gap: 16px;--sa-total-size: 24px;--sa-total-line-height: 20px;--sa-price-text-size: 24px;--sa-price-text-line-height: 32px;--sa-btn-height: 54px;--sa-btn-padding: 16px 24px;--sa-btn-size: 18px;--sa-header-margin: 32px 0 16px;--sa-logo-name-size: 16px;--sa-logo-name-line-height: 24px;--sa-select-container-margin-bottom: 16px;--sa-select-padding: 8px 12px;--sa-select-gap: 12px;--sa-select-height: 56px;--sa-select-value-gap: 8px;--sa-select-icon-size: 20px;--sa-select-text-size: 14px;--sa-select-options-max-height: 300px;--sa-select-option-gap: 8px;--sa-select-option-padding: 8px 12px;--sa-style-grid-gap: 16px;--sa-style-card-width: 160px;--sa-style-card-height: 160px;--sa-style-card-margin-bottom: 16px;--sa-style-card-padding: 0 16px;--sa-style-label-size: 16px;--sa-style-label-line-height: 24px;--sa-style-price-size: 14px;--sa-style-price-line-height: 18px;--sa-form-group-margin-bottom: 1.5rem;--sa-file-upload-padding: 1rem 1.5rem;--sa-file-icon-size: 2.5rem;--sa-file-icon-padding: .6rem;--sa-file-text-size: .875rem;--sa-file-text-line-height: 1.25rem;--sa-file-hint-size: .75rem;--sa-file-hint-line-height: 1.125rem;--sa-textarea-padding: 1rem;--sa-loading-icon-size: clamp(70px, calc(70px + (100 - 70) * ((100vw - 375px) / (1920 - 375))), 100px);--sa-loading-text-color: #222;--sa-loading-text-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 375px) / (1920 - 375))), 24px);--sa-loading-text-weight: 700;--sa-loading-text-margin-top: 16px;--sa-loading-overlay-bg: rgba(0, 0, 0, .1);--sa-loading-backdrop-blur: 10px;--sa-modal-z-index: 1000;--sa-modal-bg: #fff;--sa-modal-padding: 24px;--sa-modal-width: 544px;--sa-modal-backdrop-bg: #0C111D;--sa-modal-backdrop-opacity: .7;--sa-modal-backdrop-blur: 8px;--sa-modal-title-size: 18px;--sa-modal-title-line-height: 28px;--sa-modal-body-size: 14px;--sa-modal-body-line-height: 18px}.sa-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--sa-modal-z-index);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sa-modal-wrapper.open{opacity:1;visibility:visible}.sa-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--sa-modal-backdrop-bg);opacity:var(--sa-modal-backdrop-opacity);backdrop-filter:blur(var(--sa-modal-backdrop-blur));-webkit-backdrop-filter:blur(var(--sa-modal-backdrop-blur))}.sa-modal-dialog{position:relative;background:var(--sa-modal-bg);width:100%;max-width:var(--sa-modal-width);margin:20px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;z-index:2}.sa-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sa-modal-padding) var(--sa-modal-padding) 0}.sa-modal-title{font-size:var(--sa-modal-title-size);font-weight:500;line-height:28px;color:#101828;margin:0}.sa-modal-close{background:none;border:none;padding:4px;cursor:pointer;color:#667085;transition:color .2s;display:flex;align-items:center;justify-content:center}.sa-modal-close:hover{color:#101828}.sa-modal-body{padding:0 var(--sa-modal-padding) var(--sa-modal-padding);font-size:var(--sa-modal-body-size);line-height:var(--sa-modal-body-line-height);color:#000}.sa-modal-body p{margin:0 0 calc(var(--sa-modal-padding) / 2)}.sa-modal-list{margin:0 0 calc(var(--sa-modal-padding) / 2);padding-left:var(--sa-modal-padding);list-style-type:disc}.sa-modal-list li{margin-bottom:4px}.sa-modal-footer{padding:0 var(--sa-modal-padding) var(--sa-modal-padding);display:flex;justify-content:flex-end;gap:12px}.sa-modal-btn{padding:10px 16px;font-size:16px;font-weight:600;line-height:24px;cursor:pointer;transition:all .2s}.sa-modal-btn--secondary{background:#fff;border:1px solid #E3E1DE;color:#000}.sa-modal-btn--primary{background:#000;border:1px solid #000;color:#fff}.sa-desktop-hidden{display:none}.hidden{display:none!important}.sa-customize-main{position:relative;display:flex;flex-direction:row;align-items:flex-start;max-width:var(--sa-container-max-width);margin:0 auto;padding:var(--sa-container-padding);gap:var(--sa-container-gap)}#sa-preview-sentinel{position:absolute;top:0;left:0;width:100%;height:1px;visibility:hidden;pointer-events:none}.sa-preview{flex:1;position:sticky;top:var(--sa-preview-top);width:100%;z-index:1}.sa-preview-container{position:relative;width:100%;aspect-ratio:2960 / 2240;background-color:#fafaf9;overflow:hidden}#sa-preview-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.konvajs-content{width:100%!important;height:100%!important}.konvajs-content canvas{width:100%!important;height:100%!important}.sa-preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;transition:opacity .3s ease}.sa-preview-note{color:#363732;font-size:clamp(11px,calc(11px + (14 - 10) * ((100vw - 375px) / (1920 - 375))),14px);font-weight:400;line-height:18px}.sa-color-description-note{margin-top:16px}.sa-zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E5E5E5;border-radius:40px;padding:8px 16px;box-shadow:0 4px 12px #00000014;z-index:1}.sa-zoom-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;color:#363732;padding:0}.sa-zoom-btn:hover{color:#000}.sa-zoom-slider-wrapper{display:flex;align-items:center;width:100px}.sa-zoom-slider{-webkit-appearance:none;width:100%;height:4px;background:#e5e5e5;border-radius:2px;outline:none;padding:0;margin:0}.sa-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#363732;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.sa-zoom-slider::-moz-range-thumb{width:16px;height:16px;background:#363732;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.sa-options{max-width:100%;width:var(--sa-options-width);display:flex;flex-direction:column;gap:var(--sa-options-gap)}.sa-title{font-size:var(--sa-title-size);font-weight:700;line-height:var(--sa-title-line-height);color:#363732;margin:0}.sa-section-title{color:#363732;font-size:var(--sa-section-title-size);font-weight:400;line-height:var(--sa-section-title-line-height);margin:var(--sa-section-title-margin)}.sa-logo-type-list{display:flex;flex-wrap:wrap;gap:var(--sa-option-card-gap)}.sa-option-card{flex:1;min-width:var(--sa-option-card-min-width);height:var(--sa-option-card-height);border:1px solid #D2D2D2;padding:var(--sa-option-card-padding);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.sa-option-card:hover,.sa-option-card--active{border-color:#000}.sa-option-image{max-width:100%;max-height:100%;width:auto;height:auto;margin-bottom:0;display:block}.sa-customize-finish-picker__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sa-finish-grid-gap)}.sa-customize-finish-picker__option{display:flex;padding:var(--sa-finish-option-padding);flex-direction:column;justify-content:center;align-items:center;border:1px solid #D2D2D2;cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:var(--sa-finish-option-size);font-weight:400;line-height:var(--sa-finish-option-line-height)}.sa-customize-finish-picker__option:hover,.sa-customize-finish-picker__option--active{border-color:#000}.sa-slot-tabs{display:flex;gap:var(--sa-slot-tabs-gap);margin-bottom:var(--sa-slot-tabs-margin-bottom)}.sa-slot-tab{flex:1;min-width:0;padding:var(--sa-slot-tab-padding);display:flex;align-items:center;gap:var(--sa-slot-tab-inner-gap);min-height:var(--sa-slot-tab-height);background:#fff;border:1px solid #D2D2D2;cursor:pointer;-webkit-tap-highlight-color:transparent}.sa-slot-tab:hover,.sa-slot-tab--active{border-color:#000}.sa-slot-tab--active .sa-tab-title{font-size:var(--sa-tab-active-title-size);font-weight:700}.sa-tab-preview{width:var(--sa-tab-preview-size);height:var(--sa-tab-preview-size);border-radius:var(--sa-tab-preview-border-radius);border:1px solid #E3E1DE;background-color:#fff;overflow:hidden;flex-shrink:0;position:relative}.sa-tab-preview-img{width:100%;height:100%;object-fit:cover;display:block}.sa-tab-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:100%}.sa-tab-title{display:block;font-size:var(--sa-tab-title-size);font-weight:400;line-height:var(--sa-tab-title-line-height)}.sa-tab-subtitle{display:block;font-size:var(--sa-tab-subtitle-size);font-weight:400;line-height:var(--sa-tab-subtitle-line-height);width:100%}.sa-palette{display:none}.sa-palette--active{display:block}.sa-color-list{display:flex;flex-wrap:wrap;gap:var(--sa-color-list-gap)}.sa-swatch{width:var(--sa-swatch-size);height:var(--sa-swatch-size);border-radius:var(--sa-swatch-border-radius);border:1px solid #E3E1DE;cursor:pointer;-webkit-tap-highlight-color:transparent;background-size:cover;background-position:center;position:relative;display:block}.sa-swatch img{width:100%;height:100%;object-fit:cover;display:block}.sa-swatch--active{border-color:#000;box-shadow:0 0 0 1px #000}.sa-swatch-tooltip{display:none}.sa-bar{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #e5e5e5;padding:var(--sa-bar-padding);display:flex;justify-content:space-between;align-items:center;z-index:991;box-shadow:8px 0 40px #1018281a}.sa-total{display:block;font-size:var(--sa-total-size);font-weight:700;line-height:var(--sa-total-line-height);color:#363732}.sa-bar-right{display:flex;align-items:center;gap:var(--sa-bar-right-gap)}.sa-price-text{font-size:var(--sa-price-text-size);font-weight:700;line-height:var(--sa-price-text-line-height);color:#363732}.sa-add-btn{display:flex;height:var(--sa-btn-height);padding:var(--sa-btn-padding);justify-content:center;align-items:center;background:#000;color:#fff;border:none;font-size:var(--sa-btn-size);font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.sa-add-btn:disabled{opacity:.5;cursor:not-allowed}.sa-header{display:flex;justify-content:space-between;align-items:center;margin:var(--sa-header-margin)}.sa-header.logo{margin:var(--sa-header-logo-margin)}.sa-header .sa-section-title{margin-bottom:0}.sa-logo-color-name{font-size:var(--sa-logo-name-size);font-weight:400;line-height:var(--sa-logo-name-line-height);color:#363732;margin:0}.sa-select-container{position:relative;width:100%;margin-bottom:var(--sa-select-container-margin-bottom)}.sa-custom-select{position:relative;-webkit-user-select:none;user-select:none}.sa-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--sa-select-padding);border:1px solid #D2D2D2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;gap:var(--sa-select-gap);height:var(--sa-select-height)}.sa-select-value{display:flex;align-items:center;gap:var(--sa-select-value-gap)}.sa-select-icon{width:var(--sa-select-icon-size);height:var(--sa-select-icon-size);object-fit:contain}.sa-select-text{font-size:var(--sa-select-text-size);color:#333}.sa-select-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #D2D2D2;box-shadow:0 4px 12px #0000001a;z-index:1;display:none;max-height:var(--sa-select-options-max-height);overflow-y:auto}.sa-select-options.open{display:block}.sa-select-option{display:flex;align-items:center;gap:var(--sa-select-option-gap);padding:var(--sa-select-option-padding);cursor:pointer;transition:background .2s}.sa-select-option:hover{background:#f5f5f5}.sa-select-option.selected{background:#f0f0f0;font-weight:500}.sa-style-picker-wrapper{position:relative;display:flex;align-items:center}.sa-customize-style-picker__grid{position:relative;display:flex;gap:var(--sa-style-grid-gap);overflow-x:auto;padding-bottom:0;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sa-customize-style-picker__grid::-webkit-scrollbar{display:none}.sa-style-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#000;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1;padding:0;transition:opacity .3s ease}.sa-style-nav-btn--prev{left:-12px}.sa-style-nav-btn--prev img{transform:rotate(180deg)}.sa-style-nav-btn--next{right:-12px}.sa-style-nav-btn.hidden{opacity:0;pointer-events:none}.sa-style-nav-btn img{width:12px;height:12px;display:block}.sa-customize-style-picker__card{display:flex;flex-direction:column;flex:0 0 var(--sa-style-card-width);width:var(--sa-style-card-width);height:var(--sa-style-card-height);padding:var(--sa-style-card-padding);justify-content:center;align-items:center;color:#363732;border:1px solid #D2D2D2;cursor:pointer;text-decoration:none;background:#fff;transition:border-color .2s}.sa-customize-style-picker__card:hover,.sa-customize-style-picker__card--active{border-color:#000}.sa-customize-style-picker__image{max-width:100%;height:auto;display:block;margin-bottom:var(--sa-style-card-margin-bottom)}.sa-customize-style-picker__label{font-size:var(--sa-style-label-size);font-weight:400;line-height:var(--sa-style-label-line-height);text-align:center;color:inherit}.sa-customize-style-picker__price{font-size:var(--sa-style-price-size);font-weight:400;line-height:var(--sa-style-price-line-height);color:inherit}.sa-preview{transition:box-shadow .3s ease,transform .3s ease}.sa-preview.sa-scroll-hidden{transform:translateY(-100%)}.sa-bar{transition:transform .3s ease}.sa-bar.sa-scroll-hidden{transform:translateY(100%)}@media (max-width: 767px){sa-customize-main{--sa-container-padding: 0px;--sa-container-gap: 0px;--sa-preview-top: 0px;--sa-options-width: 100%;--sa-options-gap: 1.5rem;--sa-title-size: 1.5rem;--sa-section-title-size: 1rem;--sa-section-title-margin: 0 0 .5rem;--sa-title-line-height: 2rem;--sa-section-title-line-height: 1.5rem;--sa-option-card-gap: .5rem;--sa-option-card-min-width: auto;--sa-option-card-height: 6.25rem;--sa-option-card-padding: 0;--sa-finish-grid-gap: 1rem;--sa-finish-option-padding: .62rem 1rem;--sa-finish-option-size: 1rem;--sa-finish-option-line-height: 1.5rem;--sa-slot-tabs-gap: 1rem;--sa-slot-tabs-margin-bottom: 1rem;--sa-slot-tab-padding: .5rem;--sa-slot-tab-height: 4.4rem;--sa-slot-tab-inner-gap: .5rem;--sa-tab-preview-size: 3rem;--sa-tab-title-size: 1rem;--sa-tab-title-line-height: 1.5rem;--sa-tab-active-title-size: 1rem;--sa-tab-subtitle-size: .75rem;--sa-tab-subtitle-line-height: 1.25rem;--sa-color-list-gap: 1rem;--sa-swatch-size: calc((100% - (1rem * 5)) / 6);--sa-bar-padding: 1.5rem 1rem;--sa-bar-right-gap: 16px;--sa-total-size: 1.25rem;--sa-total-line-height: 1.75rem;--sa-price-text-size: 1.125rem;--sa-price-text-line-height: 1.625rem;--sa-btn-height: 2.63rem;--sa-btn-padding: 1rem 1.5rem;--sa-btn-size: 1.125rem;--sa-header-margin: .5rem 0 1rem;--sa-logo-name-size: .78rem;--sa-logo-name-line-height: 120%;--sa-select-container-margin-bottom: .5rem;--sa-select-padding: .62rem 1rem;--sa-select-height: 2.88rem;--sa-select-value-gap: .5rem;--sa-select-icon-size: 1.5rem;--sa-select-text-size: 1rem;--sa-select-option-gap: .5rem;--sa-select-option-padding: .62rem 1rem;--sa-style-grid-gap: 1rem;--sa-style-card-width: 8rem;--sa-style-card-height: 8.32rem;--sa-style-card-margin-bottom: .4rem;--sa-style-card-padding: 0 .5rem .5rem;--sa-style-label-size: .9rem;--sa-style-label-line-height: 1.5rem;--sa-style-price-size: .875rem;--sa-style-price-line-height: 1.125rem;--sa-form-group-margin-bottom: 32px;--sa-file-upload-padding: 16px 24px;--sa-file-icon-size: 40px;--sa-file-icon-padding: 10px;--sa-file-text-color: #535353;--sa-file-text-size: 14px;--sa-file-text-line-height: 20px;--sa-file-hint-size: 12px;--sa-file-hint-line-height: 18px;--sa-textarea-padding: 10px;--sa-textarea-min-height: 100px;--sa-modal-padding: 20px}.sa-desktop-hidden{display:block}.sa-preview{z-index:83}.sa-preview.is-stuck{box-shadow:0 4px 12px #00000014}.sa-mobile-hidden{display:none!important}.sa-customize-main{flex-direction:column}.sa-options{padding:1rem}.sa-style-picker-wrapper{margin-left:-1rem;margin-right:-1rem;overflow:hidden}.sa-customize-style-picker__grid{padding:0 1rem}.sa-slot-tabs:has(>:nth-child(3)) .sa-slot-tab{flex-direction:column;align-items:flex-start}.sa-slot-tabs:has(>:nth-child(3)) .sa-tab-info{justify-content:flex-start}.sa-bar{gap:.87rem;flex-direction:column;align-items:flex-start}.sa-bar-right{width:100%;justify-content:space-between}.sa-add-to-cart{width:100%}.sa-logo-type-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.sa-logo-type-list::-webkit-scrollbar{display:none}.sa-logo-type-list .sa-option-card{flex:0 0 auto;width:auto;aspect-ratio:75 / 43;padding:0}.sa-logo-type-list .sa-option-image{width:100%;height:100%;object-fit:contain}}.sa-form-group{margin-bottom:var(--sa-form-group-margin-bottom)}.sa-file-upload{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #D2D2D2;padding:var(--sa-file-upload-padding);transition:border-color .3s ease,background-color .3s ease;background:#fff;cursor:pointer}.sa-file-upload:hover,.sa-file-upload.drag-over{border-color:#000;background-color:#fafafa}.sa-file-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sa-file-icon{width:var(--sa-file-icon-size);height:var(--sa-file-icon-size);padding:var(--sa-file-icon-padding);border-radius:8px;border:1px solid #EAECF0;box-shadow:0 1px 2px #1018280d}.sa-file-icon img{width:100%;height:100%;object-fit:cover;display:block}.sa-file-text{color:var(--sa-file-text-color);font-size:var(--sa-file-text-size);font-weight:400;line-height:var(--sa-file-text-line-height);margin:0}.sa-file-link{color:#363732;font-weight:600;text-decoration:none;margin-right:4px}.sa-file-hint{color:var(--sa-file-text-color);font-size:var(--sa-file-hint-size);font-weight:400;line-height:var(--sa-file-hint-line-height);margin:0}.sa-textarea{width:100%;border:1px solid #D2D2D2;padding:var(--sa-textarea-padding);color:var(--sa-file-text-color);font-size:var(--sa-file-text-size);font-weight:400;line-height:var(--sa-file-text-line-height);min-height:var(--sa-textarea-min-height);outline:none;resize:none;transition:border-color .3s ease}.sa-textarea:focus{border-color:#000;outline:none;box-shadow:none}.sa-file-preview{display:flex;align-items:center;justify-content:space-between;background:#f9f9f9;padding:10px 15px;border-radius:6px}.sa-file-preview.hidden{display:none}.sa-file-name{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.sa-file-remove{background:none;border:none;cursor:pointer;padding:5px;color:#666;display:flex;align-items:center}.sa-file-remove svg{width:14px;height:14px}.sa-file-remove:hover{color:#000}.sa-preview-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--sa-loading-overlay-bg);-webkit-backdrop-filter:blur(var(--sa-loading-backdrop-blur));backdrop-filter:blur(var(--sa-loading-backdrop-blur));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .3s ease}.sa-preview-loading.hidden{opacity:0;pointer-events:none;display:flex!important}.sa-preview-loading-icon{width:var(--sa-loading-icon-size);height:var(--sa-loading-icon-size);animation:sa-spin 1s linear infinite}.sa-preview-loading-text{color:var(--sa-loading-text-color);font-size:var(--sa-loading-text-size);font-weight:var(--sa-loading-text-weight);line-height:normal}@keyframes sa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/sa-customize-main.css.map */