.liquid-radio{--primary-color:hsl(var(--primary));--border-radius:50%;--transition-duration:0.2s;position:relative;display:inline-flex;align-items:center;cursor:pointer;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-duration) ease}.liquid-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.liquid-radio .radio-visual{position:relative;width:1.2em;height:1.2em;margin-right:0;border-radius:var(--border-radius);background:hsl(var(--card));border:2px solid hsl(var(--border));transition:all var(--transition-duration) ease}.liquid-radio .radio-visual:before{content:"";position:absolute;top:50%;left:50%;width:.4em;height:.4em;border-radius:50%;background:hsl(var(--primary));transform:translate(-50%,-50%) scale(0);transition:all var(--transition-duration) ease;opacity:0}.liquid-radio:hover .radio-visual{border-color:hsl(var(--primary)/.5)}.liquid-radio input[type=radio]:focus+.radio-visual{outline:2px solid hsl(var(--ring));outline-offset:2px}.liquid-radio input[type=radio]:checked+.radio-visual{border-color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.liquid-radio input[type=radio]:checked+.radio-visual:before{transform:translate(-50%,-50%) scale(1);opacity:1}.liquid-radio .radio-visual:after{display:none}.liquid-radio.variant-performance,.liquid-radio.variant-start{--primary:213 94% 68%}.liquid-radio.variant-edit,.liquid-radio.variant-iteration{--primary:142 76% 36%}.liquid-radio.variant-iterate,.liquid-radio.variant-style{--primary:262 83% 58%}.liquid-radio.variant-perfect{--primary:0 84% 60%}.liquid-radio.variant-consistency{--primary:213 94% 68%}.liquid-radio.variant-icg{--primary:142 76% 36%}.liquid-radio.variant-local{--primary:262 83% 58%}.liquid-radio.variant-quality{--primary:213 94% 68%}