variant-radios{display:block}.option-swatch{display:inline-block;position:relative}.option-swatch input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.option-swatch input+label{border:var(--variant-pills-border-width) solid rgba(var(--color-primary),var(--variant-pills-border-opacity));background-color:rgb(var(--color-background));color:rgba(var(--color-on-background));border-radius:var(--buttons-inputs-radius);color:rgb(var(--color-on-background));display:inline-block;padding:10px 20px;font-size:1.5rem;line-height:1;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative}.option-swatch input+label:before,.option-swatch input:checked+label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-inputs-radius)}.option-swatch.option-swatch--without-shadow input+label:before{box-shadow:none}.option-swatch input+label:hover{border-color:rgb(var(--color-primary))}.option-swatch input:checked+label{background-color:rgb(var(--color-highlight));color:rgb(var(--color-on-highlight))}.option-swatch input:checked+label:after{box-shadow:0 0 0 calc(1px + var(--variant-pills-border-width)) rgb(var(--color-primary));z-index:0}.option-swatch input:checked+label::selection{background-color:rgba(var(--color-background),.3)}.option-swatch input:disabled+label{opacity:.5;border-color:rgba(var(--color-on-background),.1);color:rgba(var(--color-on-background),.4);text-decoration:line-through}.option-swatch input:focus-visible+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-on-background),.55)}.option-swatch.option-swatch--color input+label{display:block;cursor:pointer;transition:border-color .2s;border:var(--variant-pills-border-width) solid transparent;border-radius:50%;padding:.7rem;width:3.6rem;height:3.6rem}.option-swatch.option-swatch--color input+label:before{border-radius:50%}.option-swatch.option-swatch--color input+label:hover{border-color:rgba(var(--color-on-background),.1)}.option-swatch.option-swatch--color input+label .option-swatch__option{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width .2s,height .2s;border-radius:50%;background-color:rgba(var(--color-primary),.1);width:3rem;height:3rem}.option-swatch.option-swatch--color input:checked+label{background-color:transparent;border-color:rgb(var(--color-primary))}.option-swatch.option-swatch--color input:checked+label .option-swatch__option{width:2.4rem;height:2.4rem}.option-swatch.option-swatch--color input:checked+label:after{border-radius:50%}.option-swatch__options{display:flex;flex-wrap:wrap;gap:4px}.option-swatch__options.option-swatch__options--grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px}@media screen and (min-width: 750px){.option-swatch__options.option-swatch__options--grid{grid-template-columns:repeat(4,1fr)}}.option-swatch__options .option-swatch label{width:100%}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-option-swatch.css.map */