.variant-swatches{display:flex;flex-wrap:wrap;gap:6px;width:100%}.variant-swatches--text{gap:8px}.variant-swatch{flex:0 1 calc(16.66% - 6px)}.variant-swatches--small{column-gap:14px;row-gap:10px}.variant-swatches--small .variant-swatch{flex:0 1 calc(10% - 50px);border-radius:100%}.variant-swatches--small .variant-swatch:after{border-radius:100%}.variant-swatches--small .variant-swatch__image{width:30px;height:30px;padding-bottom:0;border-radius:100%}.variant-swatches--large .variant-swatch__image{width:80px;height:107px;padding-bottom:0}.variant-swatches--large{gap:30px}.variant-swatch{position:relative;display:flex;flex-direction:column;align-items:center;padding:3px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .2s ease;flex:0 1 auto}.variant-swatches--text .variant-swatch{min-width:120px;padding:12px;flex:1;max-width:calc(25% - 6px)}.variant-swatch:hover{border-color:var(--Medium-Grey, #e5e5e5);transform:translateY(-1px)}.variant-swatch--selected{border-color:var(--Black, #000);background-color:var(--Light-Grey, #f8f8f8)}.variant-swatch--unavailable{opacity:.6;position:relative}.variant-swatch--unavailable:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}.variant-swatch__image{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:var(--Light-Grey, #f8f8f8)}@supports (aspect-ratio: 1/1){.variant-swatch__image{aspect-ratio:1/1;padding-bottom:0;display:flex;align-items:center;justify-content:center}}.variant-swatch__image>*{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.variant-swatches--text .variant-swatch__image{width:100%;height:60px;min-height:60px;padding-bottom:0}.variant-swatch__image img{width:100%;height:100%;object-fit:cover}.variant-swatch__color{width:100%;height:100%;border-radius:100%}.variant-swatch__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--Medium-Grey, #e5e5e5);color:var(--Black, #000);font-weight:600;font-size:18px;border-radius:3px}.variant-swatches--text .variant-swatch__placeholder{background-color:var(--Light-Grey, #f8f8f8);font-size:14px;font-weight:500}.variant-swatch__text{font-family:var(--font-family-primary, Arial, sans-serif);font-weight:600}.variant-swatches--text .variant-swatch__text{font-size:16px;font-weight:500;text-align:center;line-height:1.2}.pdp__variant-selectors:not(:nth-of-type(1)){margin-top:16px}.pdp__variant-selectors__label{display:flex;gap:25px}@media screen and (min-width: 768px){.variant-swatches--small .variant-swatch__image{width:43px;height:43px}.variant-swatches--small{column-gap:12px;row-gap:12px}}.variant-swatch:focus{outline:2px solid var(--Black, #000);outline-offset:2px}.variant-swatch:focus:not(:focus-visible){outline:none}.variant-swatch:focus-visible{outline:2px solid var(--Black, #000);outline-offset:2px}.pdp__variant-selectors.pdp__variant_swatch{flex-direction:column;align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/7/assets/variant-swatches.css.map */