.variant-select .variant-container{display:flex;flex-direction:column;gap:.5em}.variant-select .select-error{margin:1em 0 0 0;display:block;font-size:.8em;color:var(--color-failure);font-weight:700}.variant-select .select-error.hidden{display:none}.variant-select legend{display:block;font-size:.8em;font-weight:700;margin-bottom:.5em}.variant-select fieldset{border:none;margin:0;padding:0}.variant-select fieldset .options{display:flex;flex-wrap:wrap;gap:.4em}.variant-select fieldset label{display:flex;padding:.5em .8em;justify-content:center;align-items:center;text-align:center;cursor:pointer;min-width:2.5em;min-height:2.5em;line-height:1;background-color:var(--color-white);border:1px solid var(--color-black);color:var(--color-black)}.variant-select fieldset label.active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.variant-select fieldset label input{display:none}.variant-select fieldset label span{font-size:1em}.variant-select fieldset label.disabled{color:var(--color-grey-dark);border-color:var(--color-grey-dark);opacity:1;overflow:hidden;position:relative}.variant-select fieldset label.disabled.active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white);opacity:.25}.variant-select fieldset label.disabled.active::before{display:none}.variant-select fieldset label.disabled span{position:relative;z-index:1}.variant-select fieldset label.disabled::before{content:'';position:absolute;width:128px;height:1px;top:50%;left:50%;z-index:0;background:url(icon-variant-disabled.gif) 0 0 repeat;transform:translate(-50%,-50%) rotate(-45deg)}