material-swatches.card-material-swatches{display:block;width:fit-content;order:-1}.card-material-swatches__row{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-block:.5rem .25rem}.card-material-swatch{display:inline-block;width:1.15rem;height:1.15rem;border-radius:50%;background-color:var(--swatch-color);border:1px solid rgb(0 0 0 / 14%);padding:0;flex-shrink:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card-material-swatch:hover{transform:scale(1.1)}.card-material-swatch:focus-visible{outline:2px solid #1c1c1c;outline-offset:2px}.card-material-swatch.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #1c1c1c}@media screen and (max-width:699px){.card-material-swatches__row{gap:.4rem}.card-material-swatch{width:1rem;height:1rem}}.template-collection .collection__main material-swatches.card-material-swatches{order:0;width:100%}.template-collection .collection__main .card-material-swatches__row{justify-content:flex-start;align-items:center;gap:0;margin-block:-4px 0}.template-collection .collection__main .card-material-swatch{position:relative;width:28px;height:28px;border:0;border-radius:0;background:none;transition:none}.template-collection .collection__main .card-material-swatch:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;translate:0 -50%;width:12px;height:12px;border-radius:50%;background-color:var(--swatch-color);border:1px solid rgb(0 0 0 / 16%);transition:box-shadow .15s ease}.template-collection .collection__main .card-material-swatch:hover{transform:none}.template-collection .collection__main .card-material-swatch:hover:after{box-shadow:0 0 0 1px #fff,0 0 0 2px #1a1b1b59}.template-collection .collection__main .card-material-swatch.is-selected{box-shadow:none}.template-collection .collection__main .card-material-swatch.is-selected:after{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--collection-ink, #1a1b1b)}.template-collection .collection__main .card-material-swatch:focus-visible{outline:2px solid var(--collection-ink, #1a1b1b);outline-offset:-6px;border-radius:50%}.template-collection .collection__main .card-material-swatches__label{margin:6px 0 0;font-family:var(--text-font-family);font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--collection-ink-subdued, rgb(26 27 27 / 68%))}@media screen and (max-width:999px){.template-collection .collection__main .card-material-swatch{width:44px;height:44px}.template-collection .collection__main .card-material-swatches__row{margin-block:-12px -8px}}@media(pointer:coarse){.template-collection .collection__main .card-material-swatch{width:44px;height:44px}.template-collection .collection__main .card-material-swatches__row{margin-block:-12px -8px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/card-material-swatches.css.map */