.color-photo-swatch{display:inline-flex;vertical-align:top;margin:0 10px 10px 0}.color-photo-swatch__card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border-radius:14px;border:2px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease}.color-photo-swatch__image-wrap{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;background:#f2f2f2;border:1px solid rgba(0,0,0,.08);transition:box-shadow .25s ease,transform .2s ease}.color-photo-swatch__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.color-photo-swatch__placeholder{display:block;width:100%;height:100%;background:#e5e5e5}.color-photo-swatch__card:hover .color-photo-swatch__image-wrap{box-shadow:0 8px 18px #00000029;transform:translateY(-2px)}.color-photo-swatch__card:hover .color-photo-swatch__image{transform:scale(1.06)}.color-photo-swatch__radio:checked+.color-photo-swatch__card{border-color:#111}.color-photo-swatch__radio:checked+.color-photo-swatch__card .color-photo-swatch__image-wrap{box-shadow:0 2px 10px #00000024}.color-photo-swatch__radio:focus-visible+.color-photo-swatch__card{outline:2px solid #111111;outline-offset:2px}.color-photo-swatch__name{font-size:12px;font-weight:500;color:#222;text-align:center;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-photo-swatch__card--unavailable{opacity:.4}.color-photo-swatch__card--unavailable .color-photo-swatch__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(0,0,0,.55),transparent calc(50% + 1px))}@media screen and (max-width:749px){.color-photo-swatch__image-wrap{width:58px;height:58px}.color-photo-swatch__name{font-size:11px;max-width:66px}}.card-color-swatch-list__item:hover,.card-color-swatch-list__item:focus-visible{filter:brightness(1.05)}.card__badge{top:10px!important;right:10px!important;bottom:auto!important;left:auto!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-color-photo-swatch.css.map */