.custom-swatch-modal--hidden{display:none!important}.custom-swatch-modal__trigger{appearance:none;-webkit-appearance:none;background:#fff;color:#000;text-transform:none;box-shadow:none;outline:none}.custom-swatch-modal__selector .opt-label{color:#000}.custom-swatch-modal__trigger:focus,.custom-swatch-modal__trigger:focus-visible{outline:none;box-shadow:none}.custom-swatch-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f73;display:none;align-items:center;justify-content:center;padding:24px;z-index:50}.custom-swatch-modal__overlay.is-active{display:flex}.custom-swatch-modal__dialog{width:min(900px,100%);max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 18px 60px #0000002e;display:flex;flex-direction:column;overflow:hidden}.custom-swatch-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid #ececec}.custom-swatch-modal__title{font-size:18px;font-weight:700}.custom-swatch-modal__close{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:inherit}.custom-swatch-modal__content{padding:20px 24px 28px;overflow:auto}.custom-swatch-modal__grid{display:grid;gap:16px 12px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.custom-swatch-modal__item{display:flex;flex-direction:column;gap:10px}.custom-swatch-modal__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.custom-swatch-modal__image{width:84px;height:84px;border-radius:14px;overflow:hidden;border:1px solid #e3e3e3;background:#fff;display:flex;align-items:center;justify-content:center}.custom-swatch-modal__image img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}.custom-swatch-modal__image img.is-loaded{opacity:1}.custom-swatch-modal__image-fallback{width:100%;height:100%;background:#f2f2f2;border-radius:inherit}.custom-swatch-modal__label{font-size:12px;text-align:center;line-height:1.2;max-height:2.4em;overflow:hidden}.custom-swatch-modal__body--locked{overflow:hidden}@media (max-width: 749px){.custom-swatch-modal__overlay{padding:16px}.custom-swatch-modal__dialog{border-radius:12px}.custom-swatch-modal__header{padding:16px 18px 10px}.custom-swatch-modal__content{padding:16px 18px 20px}.custom-swatch-modal__grid{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/342/assets/custom-swatch-modal.css.map */