.dimension-proportions-control{background:#f8f9fa;border-radius:6px;padding:1rem;border:1px solid #e9ecef}.dimension-proportions-control .form-check{margin-bottom:.5rem}.dimension-proportions-control .form-check-input{margin-top:.125rem}.dimension-proportions-control .form-check-label{font-weight:500;color:#495057}.artwork-dimension-preview{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;margin-top:1rem}.artwork-dimension-preview .preview-label{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.artwork-dimension-preview .preview-image-container{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;padding:1rem;transition:all .3s ease;min-height:120px;display:flex;align-items:center;justify-content:center}.artwork-dimension-preview .preview-image{border-radius:4px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;max-height:150px}.artwork-dimension-preview .preview-dimensions{background:#e9ecef;border-radius:4px;padding:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.artwork-dimension-preview .dimension-text{font-weight:600;color:#495057}.cl-po--wrapper[data-blocked=true]{position:relative}.cl-po--wrapper[data-blocked=true]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff75;z-index:10;border-radius:6px}.cl-po--wrapper[data-blocked=true]:after{content:attr(data-overlay-label);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:.75rem 1.5rem;border-radius:20px;box-shadow:0 4px 12px #00000026;font-weight:500;color:#000;z-index:11;font-size:.875rem;white-space:nowrap}.cl-po--wrapper:not([data-blocked]):after{display:none}button[data-dimension-blocked=true]{background-color:#6c757d!important;border-color:#6c757d!important;cursor:not-allowed!important;opacity:.7}button[data-dimension-blocked=true]:hover{background-color:#6c757d!important;border-color:#6c757d!important}@media (max-width: 768px){.dimension-proportions-control,.artwork-dimension-preview{padding:.75rem}.artwork-dimension-preview .preview-image-container{padding:.75rem;min-height:100px}.artwork-dimension-preview .preview-image{max-height:120px}}.cl-po--wrapper{transition:opacity .3s ease,filter .3s ease}.artwork-dimension-preview{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dimension-proportions-control .form-check-input:focus{box-shadow:0 0 0 .2rem #007bff40}.artwork-dimension-preview .preview-image-container.loading{background:linear-gradient(90deg,#f8f9fa,#e9ecef,#f8f9fa);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cl-po--preview canvas{width:100%!important;height:100%!important}.cl-po--wrapper~.new-product__option-select-wrapper.position-relative,.cl-po--wrapper~.new-product__option-name{display:none!important}.dimension-app-loaded .new-product__option-select-wrapper.position-relative,.dimension-app-loaded .new-product__option-name,.dimension-app-loaded .new-product__add-to-cart-btn{display:none!important}.dimension-app-loaded [data-live-validate]{display:block!important}[data-live-validate]{width:100%}.cl-po--dimension-item .cl-po--label{font-size:18px!important;min-height:54px}.dimension-app-loaded .cl-po--dimension-container{position:relative}.dimension-loading .cl-po--dimension-container input{opacity:.5;cursor:not-allowed}.dimension-loader{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border.text-primary{color:#0d6efd}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.cl-po--error:after{display:none}}.artwork-dimension-price{margin-top:5px}.artwork-dimension-price:before{content:"Price:"}
/*# sourceMappingURL=/cdn/shop/t/43/assets/dimension-app-integration.css.map */