.compare-shade-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}.compare-shade-modal[aria-hidden=false]{display:flex}.compare-shade-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.compare-shade-modal-content{position:relative;background:#fff;width:90%;max-width:100%;height:90%;max-height:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-radius:10px}.compare-shade-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.compare-shade-modal-title{margin:0;font-size:20px;font-weight:600;color:#111827}.compare-shade-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background-color .2s}.compare-shade-modal-close:hover{background-color:#f3f4f6;color:#374151}.compare-shade-modal-body{padding:16px;height:85%}.selected-variant-section{margin-bottom:32px;text-align:center}.selected-variant-image-wrapper{margin-bottom:16px}.selected-variant-image{width:fit-content!important;object-fit:cover;display:flex!important;height:auto;margin:0 auto}.selected-variant-name{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827;text-align:center}.selected-variant-price{margin:0;font-size:16px;color:#6b7280}.all-variants-section{border-top:1px solid #e5e7eb;padding-top:24px}.all-variants-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.variants-swatches-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-height:70%;padding:8px 0}.variant-swatch-item{position:relative;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s;flex:0 0 auto}.variant-swatch-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.variant-swatch-item.selected{border:.5px solid black}.variant-swatch-item.sold-out{opacity:.5;cursor:not-allowed}.variant-swatch-label{width:100%;height:100%;display:block;border-radius:50%;cursor:pointer;border:2px solid #e5e7eb;background-size:cover;background-position:center;background-repeat:no-repeat;transition:border-color .2s,transform .2s}.variant-swatch-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.variant-swatch-item:hover .variant-swatch-tooltip{opacity:1}.sold-out-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:9px;padding:1px 3px;border-radius:3px;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/521/assets/compare-all-shade-popup.css.map */