.msp-finish-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px;justify-items:center;max-width:480px;margin:14px 0 6px}.msp-swatch-cell{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.msp-swatch{position:relative;width:100%;max-width:58px;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid #e9ecef;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.msp-swatch:hover{border-color:#8cc63f;transform:scale(1.08);box-shadow:0 4px 12px #00000026;z-index:2}.msp-swatch.is-primary{border-color:#8cc63f;box-shadow:0 0 0 1px #8cc63f}.msp-swatch__chip{position:absolute;top:0;right:0;bottom:0;left:0}.msp-swatch__chip img{width:100%;height:100%;object-fit:cover;display:block}.msp-swatch-code{font-size:11px;font-weight:700;letter-spacing:.3px;color:#495057;text-transform:uppercase;text-align:center;line-height:1.1}.msp-swatch--unavailable{opacity:.5;filter:grayscale(60%)}.msp-swatch--unavailable .msp-swatch-code{color:#adb5bd}.msp-swatch--unavailable .msp-swatch__chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1.5px),#6c757d calc(50% - 1.5px),#6c757d calc(50% + 1.5px),transparent calc(50% + 1.5px))}.msp-swatch-enlarged{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:9999;align-items:center;justify-content:center;flex-direction:column}.msp-swatch-enlarged.active{display:flex}.msp-swatch-enlarged img{max-width:300px;max-height:300px;border-radius:8px;box-shadow:0 8px 32px #0000004d}.msp-swatch-enlarged-name{color:#fff;font-size:18px;font-weight:600;margin-top:16px}.msp-swatch-enlarged-close{position:absolute;top:20px;right:20px;color:#fff;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a}.msp-swatch-enlarged-close:hover{background:#fff3}@media(max-width:600px){.msp-finish-swatches{gap:12px 8px}.msp-swatch{max-width:48px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/msp-finish-grid.css.map */