.benjamin-moore-color-picker-container{margin:20px 0;position:relative}.benjamin-moore-color-picker-container.color-required-error{padding:12px;border:2px solid #dc2626;border-radius:8px;background-color:#fef2f2;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.benjamin-moore-color-picker-container.color-required-error:after{content:"\26a0  Please select a paint color before adding to cart";display:block;margin-top:8px;color:#dc2626;font-size:13px;font-weight:500}.form__label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.benjamin-moore-color-picker-container.color-required-error .form__label{color:#dc2626}.selected-color-display{display:flex;align-items:center;gap:15px;padding:10px;border:1px solid #e6e6e6;border-radius:4px;background:#f9f9f9}.color-swatch{width:40px;height:40px;border-radius:50%;display:inline-block;box-shadow:0 2px 4px #0000001a}.color-name{flex-grow:1;font-weight:500;font-size:1.1em}.btn-open-picker{background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-open-picker:hover{background-color:#333}.bm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999999;display:none;justify-content:center;align-items:center;isolation:isolate;will-change:transform}.bm-modal-overlay.open{display:flex}.bm-modal-content{background-color:#fff;width:100%;max-width:100%;height:100vh;border-radius:0;display:flex;flex-direction:column;box-shadow:none;overflow:hidden}.bm-modal-header{padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative}.bm-modal-header h2{margin:0;font-size:1.875rem;font-weight:600;color:#111827;text-align:center}.bm-close-modal{background:none;border:none;font-size:3rem;cursor:pointer;line-height:1;color:#6b7280;transition:color .2s;padding:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.bm-close-modal:hover{color:#111827}.bm-modal-body{padding:32px;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background-color:#f9fafb}.bm-filter-section{width:100%;max-width:1400px;background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;position:relative;z-index:10}.bm-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bm-color-count{font-size:15px;color:#6b7280;font-weight:500}.bm-clear-filters{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline;padding:4px 8px}.bm-clear-filters:hover{color:#2563eb}.bm-filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;width:100%}.bm-search-input{flex:1;width:100%;padding:12px 20px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s}.bm-search-input:focus{outline:none;border-color:#3b82f6}.bm-family-label{font-weight:600;color:#111827;font-size:15px;margin-bottom:12px;text-align:center}.bm-family-buttons{display:flex;flex-direction:column;gap:12px;width:100%;-webkit-overflow-scrolling:touch}.bm-family-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.bm-family-row--series{padding-bottom:12px;margin-bottom:4px;border-bottom:2px solid #3b82f6;align-items:center}.bm-series-label{font-weight:600;color:#374151;font-size:14px;margin-right:8px}.bm-series-btn{padding:8px 16px;border:2px solid #d1d5db;border-radius:20px;background-color:#fff;color:#374151;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease-out}.bm-series-btn:hover{border-color:#3b82f6;color:#3b82f6}.bm-series-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.bm-family-row--collections{padding-top:8px;border-top:1px solid #e5e7eb}.bm-family-btn--collection{border:2px dashed #9ca3af;background-color:#f3f4f6!important;color:#374151!important}.bm-family-btn{padding:12px 20px;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out;white-space:nowrap;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.bm-family-btn:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026;border-color:#111}.bm-family-btn.active{box-shadow:0 0 0 3px #3b82f64d}.bm-colors-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:0;width:100%;max-width:1400px;padding-bottom:20px;position:relative;z-index:1}.bm-color-item{cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out;background:#fff;height:120px;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.bm-color-item:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026;border-color:#111}.bm-color-preview{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:12px}.bm-color-info{text-align:center;display:flex;flex-direction:column;gap:4px}.bm-color-code{display:block;font-size:1.2rem;font-weight:500}.bm-color-name{display:block;font-weight:700;font-size:1.4rem;line-height:1.2}.bm-loading{grid-column:1 / -1;text-align:center;padding:60px 20px;font-size:1.125rem;color:#6b7280;font-weight:500}.bm-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-bottom:24px}.bm-pagination button{padding:8px 16px;border:2px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;color:#374151}.bm-pagination button:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.bm-pagination button:disabled{opacity:.5;cursor:not-allowed}.bm-pagination button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.bm-pagination-info{font-size:14px;color:#6b7280;font-weight:500;padding:0 12px}@media (max-width: 768px){.bm-modal-header{padding:20px 24px}.bm-modal-header h2{font-size:1.5rem}.bm-modal-body{padding:24px 16px}.bm-filter-section{padding:16px}.bm-colors-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px}.bm-color-item{height:100px}.bm-search-input{min-width:200px}.bm-family-buttons{gap:8px}.bm-family-btn{padding:8px 16px;font-size:13px}}.bm-tintable-option .swatch{background:linear-gradient(135deg,red,#ff7f00 17%,#ff0 33%,#0f0,#00f 67%,indigo 83%,#9400d3)!important;border:2px solid #333;position:relative}.bm-tintable-option input:checked+label .swatch{box-shadow:0 0 0 3px #0003;transform:scale(1.1);border-color:#000}.bm-tintable-option .swatch:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.benjamin-moore-color-picker-container{transition:opacity .3s ease,max-height .3s ease,margin .3s ease;overflow:hidden}.benjamin-moore-color-picker-container[style*="display: none"]{opacity:0;max-height:0;margin:0}.benjamin-moore-color-picker-container.tintable-mode{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/benjamin-moore-color-picker.css.map */