.color-picker-grid{padding:16px 0;margin-top:var(--pt, 0px);margin-bottom:var(--pb, 0px)}.color-picker-grid.has-top-border{border-top:1px solid #efefef}.color-picker-grid.has-bottom-border{border-bottom:1px solid #efefef}.color-picker-grid__header{display:flex;align-items:center;gap:4px;margin-bottom:16px}.color-picker-grid__label,.color-picker-grid__value{font-size:12px;font-weight:350;line-height:1;letter-spacing:.48px;text-transform:uppercase}.color-picker-grid__value{color:#6b6b6b}.color-picker-grid__grid{display:flex;flex-wrap:wrap}.color-picker-grid__grid--color{gap:4px}.color-picker-grid__swatch{position:relative;display:block;width:48px;height:60px;padding:0;margin:0;box-sizing:border-box;background:none;cursor:pointer}.color-picker-grid__swatch img{display:block;width:100%;height:100%;object-fit:cover}.color-picker-grid__swatch-color{display:block;width:100%;height:100%;background-color:var(--swatch--color)}.color-picker-grid__swatch:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(7,7,7,.35);pointer-events:none}.color-picker-grid__swatch.is-active:before,.color-picker-grid__swatch:hover:before,.color-picker-grid__swatch:focus:before{border-color:#070707}.color-picker-grid__swatch.is-sold-out img,.color-picker-grid__swatch.is-sold-out .color-picker-grid__swatch-color{opacity:.35}.color-picker-grid__swatch.is-sold-out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .5px),rgba(7,7,7,.35) calc(50% - .5px),rgba(7,7,7,.35) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.color-picker-grid__grid--color .color-picker-grid__swatch{width:40px;height:20px;padding:2px}@media screen and (min-width:1024px){.color-picker-grid{margin-top:var(--pt-desktop, 0px);margin-bottom:var(--pb-desktop, 0px)}.color-picker-grid__swatch{width:54px;height:68px}.color-picker-grid__grid--color .color-picker-grid__swatch{width:40px;height:20px;padding:2px}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/color-picker-grid.css.map */