.variant-wrapper{display:flex;flex-direction:column;gap:1em}.variant-wrapper fieldset{border:none;position:relative}.variant-wrapper fieldset.disabled{opacity:.25;pointer-events:none}.variant-wrapper fieldset .header{display:flex}.variant-wrapper fieldset .toggle-size-guide{margin-left:auto}.variant-wrapper fieldset .toggle-size-guide span{font-size:.8125em;text-transform:none;letter-spacing:normal;display:block;line-height:1;text-underline-offset:2px}.variant-wrapper fieldset legend{font-size:.8125em;display:block;margin-bottom:.61538461538em}.variant-wrapper fieldset .variant-options{display:flex;flex-wrap:wrap;gap:0;border-right:1px solid #000;border-bottom:1px solid #000}.variant-wrapper fieldset .variant-options label{display:block;background-color:#fff;border:1px solid #000;border-right:none;border-bottom:none;cursor:pointer;text-align:center;padding:.75em 1em;width:5.5em;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;position:relative;overflow:hidden;border-radius:0;flex:1}.variant-wrapper fieldset .variant-options label:hover{background-color:#f5d259}.variant-wrapper fieldset .variant-options label.active{background-color:#000;color:#fff}.variant-wrapper fieldset .variant-options label span{position:relative;z-index:2;font-size:.8125em;text-transform:uppercase}.variant-wrapper fieldset .variant-options label svg{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6.25em;height:6.25em}.variant-wrapper fieldset .variant-options label svg line{fill:none;stroke:#000;stroke-width:1;stroke-miterlimit:10}.variant-wrapper fieldset .variant-options label.disabled{opacity:1}.variant-wrapper fieldset .variant-options label.disabled svg{display:block}.variant-wrapper fieldset .variant-options label.disabled.active svg line{stroke:#fff}.variant-wrapper fieldset .variant-options input{display:none}.variant-wrapper fieldset.variant-group-colour{border:none}.variant-wrapper fieldset.variant-group-colour .variant-options{gap:.5em;border:none}.variant-wrapper fieldset.variant-group-colour label{width:2em;min-width:2em;height:2em;min-height:2em;background-color:transparent;border:1px solid rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center;padding:0;flex:0}.variant-wrapper fieldset.variant-group-colour label span{display:block;width:1.5em;height:1.5em;text-indent:-99999px;overflow:hidden;font-size:1em;border:1px solid rgba(0,0,0,.025)}.variant-wrapper fieldset.variant-group-colour label:hover{background-color:transparent}.variant-wrapper fieldset.variant-group-colour label.active{background-color:transparent;border-color:#000}.variant-wrapper fieldset.variant-group-colour label.disabled{opacity:.5}.variant-wrapper fieldset.variant-group-colour label.disabled:after{background-color:#fff}.variant-wrapper .variant-error{color:#e23a3a}.variant-wrapper .variant-error>span{font-size:.75em}.variant-wrapper .variant-error.hidden{display:none}