.card-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 6px}.card-swatch{display:inline-block;flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:1px solid var(--ink, #111);background:var(--dr-swatch-color, #ddd);background-size:cover;background-position:center}.card-swatch:hover{outline:2px solid var(--ink, #111);outline-offset:2px}.card-swatch-more{font-family:Jost,Inter,Arial,sans-serif;font-size:11px;font-weight:600;line-height:14px;color:var(--ink, #111);opacity:.65}.variant-wrapper--color{position:relative}.dr-swatch-row{position:relative!important;display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;align-items:flex-start;gap:14px 12px!important;padding-top:28px!important;margin-top:2px}.dr-swatch-row:before{content:"Color: ";position:absolute;top:1px;left:0;font-family:Jost,Inter,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink, #111);opacity:.6}.dr-swatch-item{display:inline-flex;flex:0 0 auto}.dr-swatch-label{display:inline-flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border-radius:50%!important;border:1px solid var(--ink, #111);background:var(--dr-swatch-color, #ddd)!important;background-size:cover;background-position:center;cursor:pointer;overflow:hidden}.dr-swatch-input:checked+.dr-swatch-label{outline:2px solid var(--ink, #111);outline-offset:2px;color:inherit}.dr-swatch-input:focus-visible+.dr-swatch-label{outline:2px solid var(--ink, #111);outline-offset:3px}.dr-swatch-name-text{position:absolute;top:1px;left:56px;max-width:calc(100% - 60px);font-family:Jost,Inter,Arial,sans-serif;font-size:12px;font-weight:600;color:var(--ink, #111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .12s ease}.dr-swatch-input:checked~.dr-swatch-name-text{opacity:1}.dr-swatch-label--image{background-size:cover;background-position:center}.dr-swatch-label--image img{width:32px;height:32px;min-width:32px;min-height:32px;display:block;object-fit:cover;border-radius:50%;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dr-swatches.css.map */