.custom-variant-picker__options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}@media screen and (min-width:750px){.custom-variant-picker__options{gap:1rem}}.custom-variant-picker__option fieldset{border:none;padding:0;margin:0;align-items:baseline;width:fit-content;display:flex;gap:.75rem;flex-direction:column;padding:.5rem .75rem;border-radius:.75rem;transition:background-color .25s ease-in-out;will-change:background-color}@media screen and (min-width:750px){.custom-variant-picker__option fieldset{padding:.75rem 1rem 1rem}}.custom-variant-picker__option fieldset:focus-within{background-color:#f1f1f1}.custom-variant-picker__option fieldset:hover{background-color:#f4f4f4}.custom-variant-picker__options legend{visibility:hidden}.custom-variant-picker__option-title{margin:0}.custom-variant-picker__fieldset-group{flex-wrap:wrap;display:flex;flex-direction:flex-start;gap:1.25rem}.option-variant{display:flex;align-items:flex-end;position:relative}.option-variant input{clip:rect(0,0,0,0);overflow:clip;position:absolute;height:1px;width:1px}.option-variant label.swatch .color-name{opacity:0;position:absolute;background-color:rgba(var(--color-foreground),.75);color:#fff;border-radius:1rem;padding:.25rem 1rem;font-size:12px;top:125%;width:max-content;left:50%;transform:translate(-50%);transition:opacity .3s ease}.option-variant label.swatch:focus-within .color-name,.option-variant label.swatch:hover .color-name{opacity:1}.option-variant label.swatch:hover{z-index:1}.option-variant label.swatch:hover .color-name{background-color:rgb(var(--color-foreground))}.option-variant label.swatch .extra-price{opacity:1;position:absolute;top:-1.55rem;color:var(--color-foreground);border-radius:1rem;font-size:12px;width:max-content;left:50%;transform:translate(-50%);transition:opacity .3s ease;bottom:unset}.option-variant label.swatch{width:40px;height:40px;border-radius:100%;cursor:pointer;box-shadow:0 0 rgba(var(--color-foreground),.5);opacity:.9;transition:opacity .2s ease-in-out,box-shadow .2s ease-in-out;will-change:opacity,box-shadow,scale}.option-variant label.swatch:focus-within,.option-variant label.swatch:hover{box-shadow:0 0 0 4px rgba(var(--color-foreground),.2)}.option-variant label.swatch:has(>input:checked){opacity:.9;box-shadow:0 0 0 4px rgba(var(--color-foreground),.75);will-change:outline,opacity;transition:outline .1s ease-in-out,opacity .1s ease-in-out}.option-variant label.pill{position:relative;display:flex;align-items:center;justify-content:center;padding:0 15px;border-radius:2.5rem;background-color:transparent;border:1px solid rgba(var(--color-border),.2);cursor:pointer;height:40px;text-align:center;line-height:normal;scale:1;box-shadow:0 0 #00000024;transition:background-color .1s ease-in-out,border .1s ease-in-out,color .1s ease-in-out,scale .1s ease-in-out,box-shadow .3s ease-in-out;will-change:background-color,border,color,scale,box-shadow}.option-variant label.pill:hover{box-shadow:0 0 0 .4rem #00000024;border-color:#00000024}.option-variant label.pill:hover:active{scale:.99}.option-variant label.pill:has(input:checked){border:1px solid black;background:#000;scale:1}.option-variant label.pill:has(input:checked) .color-name{color:#fff}.option-variant label.pill .extra-price{position:absolute;top:-25px;bottom:unset;font-size:12px;left:50%;transform:translate(-50%)}.option-variant:has(.extra-price){margin-top:1.5rem}@media(min-width:768px){.custom-variant-picker{margin:20px 0}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/custom-variant-picker.css.map */