.product-variant-option{display:block}.product-variant-option fieldset{border:none;padding:0;margin:0}.product-variant-option__error{font-size:calc(.875rem * var(--font-body-scale));color:rgba(var(--color-foreground),.7)}.product-variant-option__values{display:flex;flex-wrap:wrap;gap:.5rem}.product-variant-option__values--horizontal{flex-direction:row}.product-variant-option__values--vertical{flex-direction:column}.product-variant-option__values--horizontal .product-variant-option__label{flex:0 0 calc((100% - (var(--items-per-line, 3) - 1) * .5rem) / var(--items-per-line, 3))}.product-variant-option__values--vertical .product-variant-option__label{width:100%}.product-variant-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.product-variant-option__label{position:relative;display:flex;align-items:center;justify-content:center;padding:.625rem 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--button-radius, 4px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;text-align:center;min-height:44px;font-size:calc(.875rem * var(--font-body-scale))}.product-variant-option__values--small .product-variant-option__label{padding:.5rem .75rem;font-size:calc(.8125rem * var(--font-body-scale));min-height:44px}.product-variant-option__values--medium .product-variant-option__label{padding:.625rem 1rem;font-size:calc(.875rem * var(--font-body-scale))}.product-variant-option__values--big .product-variant-option__label{padding:.875rem 1.25rem;font-size:calc(1rem * var(--font-body-scale));font-weight:500;min-height:52px}.product-variant-option__label:hover:not(.disabled){border-color:rgba(var(--color-foreground),.4);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.product-variant-option input[type=radio]:checked+.product-variant-option__label,.product-variant-option__label.selected{border-color:rgb(var(--color-accent-1));background:rgb(var(--color-accent-1));color:rgb(var(--color-background))}.product-variant-option__label.disabled,.product-variant-option input[type=radio]:disabled+.product-variant-option__label{opacity:.5;cursor:not-allowed;pointer-events:none}.product-variant-option input[type=radio]:focus-visible+.product-variant-option__label{outline:2px solid rgb(var(--color-accent-1));outline-offset:2px}.product-variant-option input[type=radio]:checked+.product-variant-option__label--border-selection,.product-variant-option__label--border-selection.selected{border-color:rgb(var(--color-accent-1));border-width:2px;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.product-variant-option--dropdown .product-variant-option__values{display:block}.product-variant-option--dropdown .select{width:100%;max-width:300px}.product-variant-option--image .product-variant-option__label,.product-variant-option__label--image{padding:.25rem;height:auto;border-radius:var(--radius-sm);overflow:hidden}.product-variant-option__label--image.product-variant-option__label--circle{border-radius:50%;aspect-ratio:1}.product-variant-option__swatch{position:relative;display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}.product-variant-option__swatch img{width:100%;height:100%;object-fit:cover}.product-variant-option__swatch-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(.625rem * var(--font-body-scale));font-weight:700;text-transform:uppercase}.product-variant-option__swatch-color{display:block;width:100%;height:100%;border-radius:inherit;min-width:32px;min-height:32px}.product-variant-option__value-text{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-size:calc(.75rem * var(--font-body-scale));white-space:nowrap;opacity:0}.product-variant-option__label:hover .product-variant-option__value-text{opacity:1}@media screen and (max-width:749px){.product-variant-option__values--horizontal{--items-per-line: 2 !important}.product-variant-option__label{font-size:calc(.8125rem * var(--font-body-scale));padding:.5rem .75rem}.product-variant-option--image .product-variant-option__label,.product-variant-option__label--image{padding:.125rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-variant-option.css.map */