.card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none}.card--center .card__swatches{justify-content:center}.card__swatch{position:relative;display:block;width:1.125rem;height:1.125rem;border:1px solid var(--border-color);border-radius:50%;background:var(--card-swatch, rgb(var(--color-foreground) / .08)) center / cover no-repeat}a.card__swatch:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%}.card__swatch--selected{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.card__swatch-more{color:rgb(var(--color-foreground) / .65);font-size:var(--text-xs)}.card__swatch--multi{background:conic-gradient(from 210deg,#d64545,#d69a45,#c9d645,#45d67a,#45b8d6,#5445d6,#b845d6,#d64545)}.card__swatch--pattern{background:repeating-linear-gradient(-45deg,rgb(var(--color-foreground) / .55) 0 2px,rgb(var(--color-foreground) / .12) 2px 5px)}.card__options{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-2)}.card--center .card__options{align-items:center}.card__option-values{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.card--center .card__option-values{justify-content:center}.card__option-label{display:block;padding:3px;cursor:pointer}.card__option-input:checked+.card__option-label .card__swatch{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.card__option-input:focus-visible+.card__option-label .card__swatch{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media(hover:hover){.card__option-input:not(:checked)+.card__option-label:hover .card__swatch{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground) / .35)}}.card__option-input[data-unavailable]+.card__option-label .card__swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:linear-gradient(to top right,transparent calc(50% - .5px),rgb(var(--color-foreground) / .7) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}.card__option-input[data-unavailable]+.card__option-label{opacity:.65}.card__option-select{min-height:2.5rem;padding-block:.375rem;padding-inline:.625rem 2rem;background-position:right .5rem center}[dir=rtl] .card__option-select{background-position:left .5rem center}.no-js .card__option{display:none}.no-js .card:has(.card__options) .card__quick-add-form{display:none}.card[data-variant-unavailable] .price,.card[data-variant-unavailable] .card__media{opacity:.5}.card__sku{color:rgb(var(--color-foreground) / .65)}.card__sku:has([data-card-sku]:empty){display:none}.card__quick-add{position:relative;z-index:2;margin-top:auto;padding-top:var(--space-1)}.card__quick-add-form{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-2)}.card__quantity{display:inline-flex;flex-shrink:0;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-input)}.card__quantity-button{display:grid;place-items:center;width:2rem;height:2.25rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.card__quantity-button[disabled]{cursor:not-allowed;opacity:.4}.card__quantity-button svg{width:.875rem;height:.875rem}.card__quantity-input.card__quantity-input{width:2.25rem;min-height:2.25rem;padding:0;border:0;background:none;text-align:center}.card__quantity-input::-webkit-outer-spin-button,.card__quantity-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.card__quick-add-form .button{flex:1 1 0;width:auto}.card__quick-add-error{margin-top:var(--space-1);color:rgb(var(--color-error));font-size:var(--text-xs)}.card__quick-add-error:empty{display:none}.card--collection .card__heading{font-size:var(--text-h5)}.card--collection-overlay{display:grid;gap:0}.card--collection-overlay .card__media,.card--collection-overlay .card__content{grid-area:1 / 1}.card--collection-overlay .card__content{position:relative;z-index:1;align-self:end;padding:var(--space-4);border-radius:0 0 var(--radius-card) var(--radius-card);background-image:linear-gradient(to top,#000000b3,#0000);color:#fff}.card--collection-overlay .card__meta,.card--collection-overlay .card__description{color:#fffc}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */