.variant-size-guide-wrapper{justify-content:space-between;align-items:center;margin-top:.75em;margin-bottom:2em;display:flex}.variant-size-guide-wrapper .option-name{margin-bottom:0}.option-name{text-transform:capitalize;margin-bottom:2em;display:block}.select-wrap{position:relative}.select-wrap select{border:1px solid var(--color-black);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;color:var(--color-black);padding:0 1em;font-size:.75em}.select-wrap .icon{pointer-events:none;position:absolute;top:50%;right:1em;transform:translateY(-50%)}.variant-error{color:var(--color-failure)}.variant-error span{font-size:.75em}.variant-error.hidden{display:none}.variant-radios{border:none;flex-flow:wrap;gap:1em;display:flex}.variant-radios .variant-radio-label{cursor:pointer;text-align:center;width:70px;min-width:70px;height:40px;position:relative}.variant-radios .variant-radio-label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;width:100%;height:100%;position:absolute;left:0}.variant-radios .variant-radio-label input:before{display:none!important}.variant-radios .variant-radio-label .icon-notify{pointer-events:none;background-color:var(--color-tertiary);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-10px;right:-10px}.variant-radios .variant-radio-label svg{max-width:75%}.variant-radios .variant-radio-label .variant-radio-name{border:1px solid var(--color-black);justify-content:center;align-items:center;height:100%;padding:.5em;font-size:.875em;transition:all .3s ease-in-out;display:flex;position:relative}.variant-radios .variant-radio-label .variant-radio-name--unavailable{opacity:.3}.variant-radios .variant-radio-label .variant-radio-name:hover{color:var(--color-white);background-color:#2f2f2f}.variant-radios .variant-radio-label input:checked+span{background-color:var(--color-black);color:var(--color-white)}