.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;text-transform:uppercase;font-size:.875em;margin-bottom:.5em}.variant-wrapper fieldset legend:after{content:':'}.variant-wrapper fieldset .variant-options{display:flex;flex-wrap:wrap;gap:.5em}.variant-wrapper fieldset .variant-options label{display:block;background-color:rgba(var(--color-white),1);border:1px solid #002152;cursor:pointer;padding:.5em 1.125em;position:relative;overflow:hidden;border-radius:.5em;text-align:center;line-height:1}@media (max-width:440px){.variant-wrapper fieldset .variant-options label{padding:8px 16px}}.variant-wrapper fieldset .variant-options label.active{background-color:rgba(var(--color-primary),1);border-color:rgba(var(--color-primary),1);color:rgba(var(--color-white),1)}.variant-wrapper fieldset .variant-options label span{position:relative;z-index:2;font-size:.875em;text-transform:uppercase}@media (max-width:440px){.variant-wrapper fieldset .variant-options label span{font-size:14px}}.variant-wrapper fieldset .variant-options label.disabled:after{content:'';width:4em;height:1px;background-color:rgba(var(--color-grey),1);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:rgba(var(--color-black),1);stroke-linecap:round;stroke-miterlimit:10}.variant-wrapper fieldset .variant-options input{display:none}.variant-wrapper .variant-error{color:rgba(var(--color-failure),1);line-height:1}.variant-wrapper .variant-error>span{font-size:.75em}.variant-wrapper .variant-error.hidden{display:none}