body.backdrop-modal-open{overflow:hidden!important}#backdrop-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c2;z-index:99999;overflow:hidden;touch-action:none}#backdrop-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #000;border-radius:28px;width:94%;max-width:860px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000002e;z-index:100000;overflow:hidden;touch-action:auto}.bm-body{display:flex;flex:1;min-height:0;overflow:hidden}.bm-preview-panel{flex:1;min-width:0;padding:20px 24px;border-left:1px solid #e5e5e5;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fafafa;overflow:hidden;order:2}.bm-main-col{flex:0 0 380px;display:flex;flex-direction:column;min-height:0;order:1}.bm-preview-box{width:100%;max-width:calc(86vh - 260px);display:flex;background-color:#eee;border-radius:28px;transition:background-color .3s ease,background-image .3s ease;flex-shrink:0;line-height:0}.bm-preview-box--gradient{background-image:linear-gradient(to top,#fff,#fff0 50%)}.bm-preview-img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:28px;transition:opacity .15s ease}.bm-preview-img--loading{opacity:0}.bm-preview-box{position:relative}.bm-preview-box:has(.bm-preview-img--loading):after{content:"Loading preview\2026";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#eee;color:#666;font-size:13px;letter-spacing:.02em;z-index:1;animation:bm-preview-pulse 1.2s ease-in-out infinite}@keyframes bm-preview-pulse{0%,to{opacity:.6}50%{opacity:1}}.bm-preview-caption{margin-top:12px;text-align:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6a6a6a;min-height:16px;line-height:1.4}.bm-preview-caption strong{font-weight:600;color:#0b0b0b}.bm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.bm-title{margin:0;font-size:15px;font-weight:600;letter-spacing:.04em;line-height:1.2;font-family:var(--FONT-STACK-BODY, inherit);text-transform:none}.bm-close{background:none;border:none;line-height:1;cursor:pointer;color:#555;padding:0;margin-left:12px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease}.bm-close .icon-close{width:33px;height:33px;display:block}.bm-close:hover{color:#000}.bm-search-wrap{padding:12px 20px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.bm-search{width:100%;padding:9px 16px;border:1px solid #ccc;border-radius:30px;font-size:14px;box-sizing:border-box;outline:none;font-family:var(--FONT-STACK-BODY, inherit)}.bm-search:focus{border-color:#000}#bm-scrollable{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:10px 12px 0}#bm-scrollable::-webkit-scrollbar{width:5px}#bm-scrollable::-webkit-scrollbar-track{background:#f4f4f4}#bm-scrollable::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.bm-gallery-link-wrap{text-align:center;background:#f9f9f9;border-radius:14px;padding:10px 14px 12px;margin-bottom:10px}.bm-gallery-link{color:#000;text-decoration:underline;font-size:14px;font-weight:600}.bm-gallery-note{font-size:11px;color:#999;margin:4px 0 0}#bm-colors-list{display:grid;gap:2px;padding-bottom:10px}.backdrop-color-option{display:flex;align-items:center;padding:9px 12px;cursor:pointer;border:1px solid transparent;border-radius:10px;transition:background .12s,border-color .12s;user-select:none;-webkit-user-select:none}.backdrop-color-option input[type=radio]{display:none}.backdrop-color-option:hover{background:#f0f0f0}.backdrop-color-option.selected{background:#000;border-color:#000;color:#fff}.backdrop-color-option.selected .bm-label{color:#fff}.bm-swatch{display:inline-block;width:26px;height:26px;min-width:26px;border:1px solid rgba(0,0,0,.15);border-radius:6px;margin-right:12px;background:#ccc;flex-shrink:0}.bm-label{font-size:13px;font-weight:500;color:#222;font-family:var(--FONT-STACK-BODY, inherit)}.bm-footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #e5e5e5;flex-shrink:0}.bm-btn{flex:1;padding:11px 18px;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;border:1px solid #000;border-radius:30px;transition:background .2s ease,color .2s ease;white-space:nowrap;font-family:var(--FONT-STACK-BUTTON, var(--FONT-STACK-BODY, inherit))}.bm-btn--cancel{background:#fff;color:#000}.bm-btn--cancel:hover{background:#000;color:#fff}.bm-btn--confirm:disabled{background:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}.bm-btn--confirm:not(:disabled){background:#000;border-color:#000;color:#fff;cursor:pointer}.bm-btn--confirm:not(:disabled):hover{background:transparent;color:#000}.cart-drawer,[data-cart-drawer]{z-index:9998!important}.cart__item__image{position:relative}.cart__item__backdrop-preview{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;z-index:2;background-color:#ccc}.cart__item__backdrop-preview--gradient{background-image:linear-gradient(to top,#fff,#fff0 50%)}.cart__item__backdrop-preview-img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.backdrop-select-wrap{margin:10px 0 4px;width:100%}.backdrop-select-button{display:block;width:100%;padding:9px 16px;background:#fff;color:#000;border:1px solid #000;border-radius:30px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;text-align:center;white-space:normal;transition:background .2s ease,color .2s ease;line-height:1.3;font-family:var(--FONT-STACK-BUTTON, var(--FONT-STACK-BODY, inherit));transform:translateZ(0);-webkit-font-smoothing:antialiased}.backdrop-select-button:hover{background:#000;color:#fff}.backdrop-selected-wrap{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin:10px 0 4px}.backdrop-swatch-dot{display:inline-block;width:24px;height:24px;min-width:24px;border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#ccc;flex-shrink:0}.backdrop-selected-info{display:flex;flex-direction:column;gap:3px;min-width:0}.backdrop-colour-label{font-size:12px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.backdrop-selected-actions{display:flex;gap:10px;align-items:center}.backdrop-change-button,.backdrop-remove-button{background:none;border:none;font-size:11px;font-weight:600;text-decoration:underline;cursor:pointer;padding:0;color:#666;white-space:nowrap;line-height:1}.backdrop-change-button:hover{color:#000}.backdrop-remove-button:hover{color:red}.backdrop-remove-button:disabled{opacity:.5;cursor:wait}[data-terms-error-message]:empty,[data-backdrop-error-message]:empty{display:none!important}[data-backdrop-error-message].is-visible{display:block;font-size:13px;color:red;margin:6px 0 0}.cart__buttons--disabled [data-cart-checkout-button],.cart__buttons--disabled .cart__checkout{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:768px){#backdrop-modal{width:96%;max-width:96%;max-height:92vh}.bm-body{flex-direction:column}.bm-preview-panel{order:0;flex:0 0 auto;border-left:none;border-bottom:1px solid #e5e5e5;padding:10px 16px}.bm-preview-box{width:28vh;max-width:100%;margin:0 auto}.bm-preview-caption{display:none}.bm-main-col{order:1;flex:1;min-height:0;width:100%}#bm-scrollable{flex:1}.bm-btn--cancel{display:none}.bm-footer{flex-direction:column;gap:0}.bm-btn{flex:none;width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/259/assets/backdrop-selector.css.map */