.variant-picker__option--image .variant-picker__option-info,.variant-picker__option--image .variant-picker__option-info>.h-stack{display:contents}.variant-picker__option--image legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.variant-picker__option--image .variant-picker__option-values{order:1;gap:.5rem}.variant-picker__option--image .variant-picker__option-info>.h-stack>span{order:2;color:rgb(var(--text-color) / .65)}.variant-picker__option--image .thumbnail-swatch{--swatch-size: 3rem;width:var(--swatch-size);height:auto;aspect-ratio:4 / 5;border:0;border-radius:var(--input-border-radius);padding:0;cursor:pointer}.variant-picker__option--image .thumbnail-swatch>img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.variant-picker__option--image .thumbnail-swatch:hover{outline:1px solid rgb(var(--text-color) / .4);outline-offset:-1px}.variant-picker__option--image :checked+.thumbnail-swatch,.variant-picker__option--image .thumbnail-swatch.is-selected{outline:1px solid rgb(var(--text-color));outline-offset:-1px}.variant-picker__option:not(.variant-picker__option--image):has(.block-swatch) .variant-picker__option-values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 1px 1px 0}.variant-picker__option:not(.variant-picker__option--image) .variant-picker__option-values .block-swatch{box-sizing:border-box;display:flex;align-items:flex-end;justify-content:flex-start;position:relative;width:auto;min-width:0;height:3rem;margin:0 -1px -1px 0;padding:.4rem .6rem;border:1px solid rgb(var(--text-color) / .15);border-radius:0;background:transparent;color:rgb(var(--text-color));font-size:.75rem;line-height:1.2;text-align:left;cursor:pointer}.variant-picker__option:not(.variant-picker__option--image) .variant-picker__option-values .block-swatch:hover{z-index:1;border-color:rgb(var(--text-color) / .4)}.variant-picker__option:not(.variant-picker__option--image) .variant-picker__option-values :checked+.block-swatch,.variant-picker__option:not(.variant-picker__option--image) .variant-picker__option-values .block-swatch.is-selected{z-index:1;border-color:rgb(var(--text-color));background:transparent;color:rgb(var(--text-color))}buy-buttons .button{box-sizing:border-box;height:3rem;padding-block:0}
/*# sourceMappingURL=/cdn/shop/t/18/assets/variant-cards.css.map */