.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.card__color-swatches{--card-color-swatches-max: calc(100% - 12px) ;position:absolute;right:0;bottom:0;z-index:3;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;gap:4px;width:max-content;max-width:var(--card-color-swatches-max);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;pointer-events:auto;touch-action:pan-x}.card__color-swatches--meta{position:static;right:auto;bottom:auto;z-index:auto;width:100%;max-width:none;margin-top:0!important;overflow:visible;gap:3px}.card__color-name{margin:0;color:rgba(var(--color-foreground),.7);font-size:1.3rem;font-weight:200;line-height:1.2;letter-spacing:0;text-transform:uppercase}.card__identity .card__heading{margin:0}.product-card-wrapper .card__color-name{font-family:HelveticaNeue,sans-serif}.card__color-swatches::-webkit-scrollbar{height:3px}.card__color-swatches::-webkit-scrollbar-thumb{background:#00000059;border-radius:2px}.card__color-swatch{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:center;position:relative;padding:0 0 2px;margin:0;border:0;background:transparent;cursor:pointer;text-decoration:none;appearance:none;-webkit-appearance:none}.card__color-swatch-fill,.card__color-swatches--meta .card__color-swatch img{display:block;width:1.4rem;height:1.4rem;border:1px solid rgba(0,0,0,1);object-fit:cover;pointer-events:none}.card__color-swatches:not(.card__color-swatches--meta) .card__color-swatch img{display:block;width:69px;height:85px;object-fit:contain;pointer-events:none}.card__color-swatch-fill--empty{background:#e5e5e5}.card__color-swatch--active .card__color-swatch-fill,.card__color-swatch--active img{border-color:#000}.card__color-swatch:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:transparent}.card__color-swatch--active:after{background:#000;display:none}.card__color-swatch:focus-visible{outline:2px solid #000;outline-offset:2px}.card__swatch-toggle{display:inline-flex;align-items:center;border:none;background:transparent;padding:0;cursor:pointer;font-size:14px;font-weight:400;color:#000;line-height:1;flex-shrink:0}@media screen and (max-width:1399px){.card__color-swatches:not(.card__color-swatches--meta){right:0;bottom:0;gap:4px}.card__color-swatches:not(.card__color-swatches--meta) .card__color-swatch img{width:35px;height:43px}}@media screen and (max-width:749px){.card__color-name{font-size:7px}.card__color-swatch-fill,.card__color-swatches--meta .card__color-swatch img{width:1rem;height:1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-swatch.css.map */