.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:#856404}.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) * 0.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:36px}.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 rgba(0,0,0,.1)}.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 input[type=radio]:disabled+.product-variant-option__label,.product-variant-option__label.disabled{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:4px;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__value-text{position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-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}}