.variant-wrapper{display:flex;flex-direction:column;gap:1.25em;margin:1.5em 0}.variant-wrapper fieldset{border:none}.variant-wrapper fieldset.disabled{opacity:.25;pointer-events:none}.variant-wrapper fieldset .variant-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em;line-height:1.1;text-transform:uppercase;font-size:.85em}.variant-wrapper fieldset legend{display:block;font-weight:500;text-transform:uppercase}.variant-wrapper fieldset .popup-link{text-transform:none;position:relative;display:block}.variant-wrapper fieldset .popup-link .popup-content{display:none;position:absolute;z-index:2;right:0;bottom:100%;background-color:var(--color-milk);border:2px solid var(--color-black-coffee);padding:1em;border-radius:.35em;box-shadow:0 .25em .5em rgba(0,0,0,.1);width:100vw;max-width:300px}.variant-wrapper fieldset .popup-link .popup-content p{margin:0;display:flex;flex-wrap:wrap;gap:.5em}.variant-wrapper fieldset .popup-link .popup-content p .title{font-size:1em}.variant-wrapper fieldset .popup-link .popup-content p .title strong{font-weight:600}.variant-wrapper fieldset .popup-link .popup-content p span{font-size:.9em;display:block;width:100%}.variant-wrapper fieldset .popup-link:hover .popup-content{display:block}.variant-wrapper fieldset .variant-options{display:flex;flex-wrap:wrap;gap:.25em;justify-content:flex-start}.variant-wrapper fieldset .variant-options label{display:block;background-color:var(--color-milk);border:2px solid var(--color-counter-top);cursor:pointer;position:relative;overflow:hidden;border-radius:.35em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;text-transform:none;flex:0 0 auto}.variant-wrapper fieldset .variant-options label:hover{border-color:var(--color-black-coffee)}.variant-wrapper fieldset .variant-options label.active{border-color:var(--color-black-coffee);background-color:var(--color-black-coffee);color:var(--color-milk)}.variant-wrapper fieldset .variant-options label>span{display:flex;position:relative;z-index:2;padding:1em 2em;justify-content:center;align-items:center;white-space:nowrap;font-size:.95em;font-weight:400;text-transform:none}.variant-wrapper fieldset .variant-options label>span .save-badge{position:absolute;top:.875em;left:50%;transform:translateX(-50%);color:var(--color-orange);font-size:.875em;font-weight:500;line-height:1;text-transform:none}.variant-wrapper fieldset .variant-options label.disabled:after{content:"";width:4em;height:1px;background-color:#a0a0a0;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-coffee);stroke-linecap:round;stroke-miterlimit:10}.variant-wrapper fieldset .variant-options input{display:none}.variant-wrapper fieldset.variant-group-1 .variant-options label>span{width:6.5em;height:5.25em;padding:.75em 1em}.variant-wrapper .variant-error{color:var(--color-failure)}.variant-wrapper .variant-error>span{font-size:.75em}.variant-wrapper .variant-error.hidden{display:none}