.card-swatches{display:flex;flex-direction:column;gap:.5rem;padding:.8rem 0 .4rem;position:relative;z-index:1}.card-swatches__group{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.card-swatches__group::-webkit-scrollbar{display:none}.card-swatches__swatch{width:2.4rem;height:2.4rem;min-width:2.4rem;border-radius:50%;border:2px solid rgba(0,0,0,.08);background:var(--card-swatch-bg, #ccc);background-size:cover;background-position:center;cursor:pointer;padding:0;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;position:relative;outline:none;z-index:2}.card-swatches__swatch:hover{border-color:#00000080;transform:scale(1.15);z-index:3}.card-swatches__swatch:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.card-swatches__swatch--active{border-color:#000;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #000}.card-swatches__swatch--unavailable{opacity:.3;cursor:not-allowed}.card-swatches__swatch--unavailable:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1.5px;background:#0009;transform:rotate(-45deg);pointer-events:none}.card-swatches__swatch--unavailable:hover{transform:none;border-color:#00000014}.card-swatches__text{padding:.4rem .8rem;font-size:1.1rem;line-height:1.2;border:1px solid rgba(0,0,0,.12);border-radius:2rem;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;white-space:nowrap;font-family:inherit;position:relative;z-index:2}.card-swatches__text:hover{border-color:#0009;background:#00000008}.card-swatches__text:focus-visible{outline:2px solid #000;outline-offset:1px}.card-swatches__text--active{border-color:#000;background:#000;color:#fff}.card-swatches__text--active:hover{background:#222}.card-swatches__text--unavailable{opacity:.35;text-decoration:line-through;cursor:not-allowed}.card-swatches__text--unavailable:hover{border-color:#0000001f;background:transparent}.card-swatches__overflow{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .5rem;font-size:1.1rem;font-weight:600;color:#00000080;border:1px dashed rgba(0,0,0,.2);border-radius:2rem;text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s;position:relative;z-index:2}.card-swatches__overflow:hover{border-color:#00000080;color:#000c}.card-swatches__group--dropdown{flex-direction:column;align-items:flex-start;gap:.3rem}.card-swatches__dropdown-label{font-size:1rem;color:#00000073;letter-spacing:.02em}.card-swatches__select{width:100%;max-width:100%;padding:.5rem 2rem .5rem .8rem;font-size:1.2rem;border:1px solid rgba(0,0,0,.12);border-radius:.5rem;background:transparent;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;font-family:inherit;transition:border-color .2s;position:relative;z-index:2}.card-swatches__select:hover,.card-swatches__select:focus{border-color:#00000080;outline:none}@media screen and (max-width:749px){.card-swatches__swatch{width:2rem;height:2rem;min-width:2rem}.card-swatches__text{padding:.3rem .6rem;font-size:1rem}.card-swatches__overflow{min-width:2rem;height:2rem;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-card-swatches.css.map */