.di-config-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#1c2c3b;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;margin:15px 0;transition:background .2s;width:100%;justify-content:center}.di-config-btn:hover{background:#2a4055}.di-config-btn i{font-size:18px}.di-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:99999;justify-content:center;align-items:center;padding:20px}.di-modal-overlay.active{display:flex}.di-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.di-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.di-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1c2c3b}.di-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:4px 8px;line-height:1;border-radius:4px}.di-modal-close:hover{background:#f5f5f5;color:#1c2c3b}.di-modal-body{padding:24px}.di-input-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.di-input-group{flex:1;min-width:120px}.di-input-group label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.di-input-group input[type=number]{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s}.di-input-group input[type=number]:focus{border-color:#1c2c3b;outline:none}.di-unit-toggle{display:flex;background:#f0f0f0;border-radius:6px;overflow:hidden;height:42px}.di-unit-toggle button{flex:1;border:none;background:transparent;padding:0 16px;font-size:14px;font-weight:600;cursor:pointer;color:#777;transition:all .2s}.di-unit-toggle button.active{background:#1c2c3b;color:#fff}.di-preview-area{position:relative;background:#f8f8f8;border:2px dashed #ddd;border-radius:8px;overflow:hidden;margin-bottom:12px;min-height:200px;display:flex;align-items:center;justify-content:center}.di-preview-area.has-image{border-style:solid;border-color:#eee;min-height:0;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px}.di-crop-frame{background:#000}.di-crop-frame img{pointer-events:none}.di-pattern-preview{width:100%;background-repeat:repeat;background-position:center}.di-price-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f0f4f7;border-radius:8px;margin-bottom:16px}.di-price-label{font-size:13px;color:#555;font-weight:600}.di-price-value{font-size:18px;font-weight:700;color:#1c2c3b}.di-price-unit{font-size:12px;color:#888;font-weight:400}.di-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#1c2c3b;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;width:100%;transition:background .2s}.di-save-btn:hover{background:#2a4055}.di-dimension-overlay{position:absolute;bottom:10px;right:10px;background:#1c2c3bd9;color:#fff;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:600;pointer-events:none}.di-drag-hint{text-align:center;font-size:13px;color:#888;margin-bottom:12px}.di-drag-hint i{margin-right:4px}.di-placeholder{text-align:center;color:#999;padding:40px}.di-placeholder i{font-size:48px;display:block;margin-bottom:12px}@media(max-width:767px){.di-modal{border-radius:0;max-height:100vh}.di-modal-overlay{padding:0}.di-input-row{flex-direction:column;gap:10px}.di-input-group{min-width:100%}.di-price-row{flex-direction:column;gap:4px;text-align:center}}.di-viz-btn-slot{display:flex;flex-direction:column;margin-left:10px}.di-viz-btn-spacer{display:block;visibility:hidden;pointer-events:none;font-size:inherit;line-height:1.2}.di-viz-btn-slot .di-config-btn{width:auto;margin:0;white-space:nowrap;padding:0 16px;font-size:13px;height:36px;line-height:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}@media(max-width:820px){.new_div_flex.stretch{flex-wrap:wrap}.di-viz-btn-slot{width:100%;flex-basis:100%;margin-left:0;margin-top:10px;order:99}.di-viz-btn-spacer{display:none}.di-viz-btn-slot .di-config-btn{width:100%;white-space:normal}}.di-panel-hint--top{margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media(max-width:600px){.di-panel-hint--top{white-space:normal;font-size:11px}}.di-crop-container{position:relative}.di-panel-overlay{position:absolute;pointer-events:none;overflow:hidden;z-index:100}.di-panel-line{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed #ff4d9e;opacity:.9}.di-panel-hint{text-align:center;font-size:12px;color:#888;font-style:italic}.di-inline-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;background:#fffffffa;display:none}.di-inline-img-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.di-inline-img-wrapper img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.di-inline-banner{position:absolute;bottom:12px;left:12px;right:12px;background:#1c2c3beb;color:#fff;padding:10px 14px;font-size:12px;border-radius:4px;text-align:center;pointer-events:none;z-index:20;line-height:1.5}.di-inline-banner--below{position:relative;bottom:auto;left:auto;right:auto;margin:28px 0 0;background:#f7f5f0;color:#1c2c3b;border:1px solid #e2dfd6;border-radius:4px;text-align:center;font-size:12px;padding:10px 14px;line-height:1.5;display:none}body.di-is-cropping .di-inline-banner--below{display:block}.di-inline-overlay .cropper-container{width:100%!important;height:100%!important}.di-inline-overlay .cropper-view-box,.di-inline-overlay .cropper-face{outline:2px solid #fff;outline-color:#ffffffe6}.di-inline-overlay .cropper-line,.di-inline-overlay .cropper-point{display:none}.di-inline-overlay .cropper-modal{background-color:#000;opacity:.5}@media(max-width:767px){.di-inline-banner{font-size:11px;padding:6px 10px}}body.di-is-cropping .thumbnails-wrapper{display:none!important}body.di-is-cropping .product-single__photos .primgSlider{width:100%!important;max-width:100%!important}body.di-is-cropping .product-single__photos{transition:width .2s ease}@media(prefers-reduced-motion:reduce){body.di-is-cropping .product-single__photos{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/220/assets/dimension-configurator.css.map */