.variant-wrapper{display:flex;flex-direction:column;gap:1em}.variant-wrapper fieldset{border:none}.variant-wrapper fieldset.disabled{opacity:.25;pointer-events:none}.variant-wrapper fieldset legend{display:block;margin-bottom:.25em}.variant-wrapper fieldset .variant-options{display:flex;flex-wrap:wrap;gap:.25em}.variant-wrapper fieldset .variant-options label{display:block;background-color:var(--color-white);border:1px solid var(--color-black);cursor:pointer;padding:.5em .75em;position:relative;overflow:hidden}.variant-wrapper fieldset .variant-options label.active{background-color:var(--color-black);color:var(--color-white)}.variant-wrapper fieldset .variant-options label span{position:relative;z-index:2}.variant-wrapper fieldset .variant-options label.disabled:after{content:'';width:4em;height:1px;background-color:var(--color-grey-dark);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.variant-wrapper fieldset .variant-options label svg{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1;opacity:.5}.variant-wrapper fieldset .variant-options label svg line{fill:none;stroke:var(--color-black);stroke-linecap:round;stroke-miterlimit:10}.variant-wrapper fieldset .variant-options input{display:none}.variant-wrapper .variant-error{color:var(--color-failure)}.variant-wrapper .variant-error>span{font-size:.75em}.variant-wrapper .variant-error.hidden{display:none}