.swatch-grid{display:grid;grid-template-columns:repeat(5,76px);gap:12px;margin-top:10px}.swatch-chip{position:relative;display:block;width:76px;height:76px;border-radius:18px;cursor:pointer;padding:2px}.swatch-chip__input{position:absolute;opacity:0;width:1px;height:1px}.swatch-chip__thumb{display:block;width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014;transition:transform .12s ease,box-shadow .12s ease}.swatch-chip__img{width:100%;height:100%;object-fit:cover;display:block}.swatch-chip__color{display:block;width:100%;height:100%;background:var(--swatch-color)}.swatch-chip:hover .swatch-chip__thumb{transform:translateY(-2px)}.swatch-chip--active .swatch-chip__thumb{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3.5px rgb(var(--color-foreground))}.swatch-chip--soldout{opacity:.35;cursor:not-allowed}.swatch-chip--soldout:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(to top right,transparent 47%,currentColor 49%,currentColor 51%,transparent 53%);border-radius:12px;pointer-events:none}@media screen and (max-width:749px){.swatch-grid{grid-template-columns:repeat(5,64px);gap:10px}.swatch-chip{width:64px;height:64px;border-radius:16px}}
/*# sourceMappingURL=/cdn/shop/t/237/compiled_assets/styles.css.map */