.field-color-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 3rem;border:1px solid rgba(var(--color-foreground),.1);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;background:rgba(var(--color-background),1);min-width:12rem;flex:1}.field-color-card--radius{border-radius:1.2rem}.field-color-card:hover{border-color:rgba(var(--color-foreground),.3)}.field-color-card--selected{border-color:rgba(var(--color-foreground),1)}.field-color-card__input{display:none}.field-color-card__content{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.field-color-card__swatch{width:2.4rem;height:2.4rem;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.1)}.field-color-card__swatch img{width:100%;height:100%;object-fit:cover}.field-color-card__swatch--image{width:12rem;height:6rem;border-radius:0;background:transparent;box-shadow:none}.field-color-card__swatch--image img{object-fit:contain}.field-color-card__label{font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground),.8);text-align:center}.field-color-card--selected .field-color-card__label{color:rgba(var(--color-foreground),1)}.field-color-card--unavailable{opacity:.5;cursor:not-allowed;pointer-events:none}.xo-product-variant__inner--color-cards{display:flex;gap:1.5rem;flex-wrap:wrap}@media (max-width: 767px){.field-color-card{min-width:calc(33.333% - 1rem);padding:1.5rem 1rem}.field-color-card__label{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/field-color-card.css.map */