.liquid-radio{--primary-hue:280;--secondary-hue:320;--tertiary-hue:200;--saturation:45%;--lightness:85%;--border-radius:2em;--transition-duration:0.4s;--scale-factor:1;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) cubic-bezier(.25,.46,.45,.94)}.liquid-radio:hover{--scale-factor:1.03;transform:scale(var(--scale-factor))}.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:linear-gradient(135deg,hsl(var(--primary-hue),var(--saturation),var(--lightness)),hsl(var(--secondary-hue),var(--saturation),var(--lightness)),hsl(var(--tertiary-hue),var(--saturation),var(--lightness)));border:.125em solid hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 20%),.4);transition:all var(--transition-duration) cubic-bezier(.25,.46,.45,.94);box-shadow:0 .25em .5em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 40%),.15),0 .125em .25em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 30%),.2),0 .0625em .125em rgba(0,0,0,.1),inset 0 .125em .25em hsla(0,0%,100%,.6),inset 0 -.0625em .125em hsla(var(--primary-hue),var(--saturation),calc(var(
              --lightness
            ) - 15%),.3)}.liquid-radio .radio-visual:before{content:"";position:absolute;top:50%;left:50%;width:.4em;height:.4em;border-radius:50%;background:radial-gradient(circle at 30% 30%,hsl(var(--primary-hue),calc(var(--saturation) + 25%),calc(var(--lightness) - 25%)),hsl(var(--secondary-hue),calc(var(--saturation) + 20%),calc(var(--lightness) - 35%)),hsl(var(--primary-hue),calc(var(--saturation) + 15%),calc(var(--lightness) - 45%)));transform:translate(-50%,-50%) scale(0);transition:all var(--transition-duration) cubic-bezier(.68,-.25,.265,1.25);opacity:0;box-shadow:0 .0625em .125em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 50%),.4),inset 0 .0312em .0625em hsla(0,0%,100%,.4)}.liquid-radio .radio-visual:after{content:"";position:absolute;top:-.1875em;left:-.1875em;right:-.1875em;bottom:-.1875em;border-radius:calc(var(--border-radius) + .0625em);background:radial-gradient(ellipse at top left,hsla(var(--primary-hue),var(--saturation),var(--lightness),.6),hsla(var(--secondary-hue),var(--saturation),var(--lightness),.4),hsla(var(--tertiary-hue),var(--saturation),var(--lightness),.2));opacity:0;transition:all var(--transition-duration) cubic-bezier(.25,.46,.45,.94);z-index:-1;filter:blur(.125em)}.liquid-radio:hover .radio-visual{--saturation:55%;--lightness:88%;transform:translateY(-.125em);box-shadow:0 .5em 1em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 40%),.2),0 .25em .5em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 30%),.25),0 .125em .25em rgba(0,0,0,.15),inset 0 .1875em .375em hsla(0,0%,100%,.7),inset 0 -.0625em .125em hsla(var(--primary-hue),var(--saturation),calc(var(
              --lightness
            ) - 15%),.4)}.liquid-radio:hover .radio-visual:after{opacity:1;transform:scale(1.1)}.liquid-radio input[type=radio]:focus+.radio-visual{outline:.125em solid hsl(var(--primary-hue),var(--saturation),calc(var(--lightness) - 40%));outline-offset:.125em}.liquid-radio input[type=radio]:checked+.radio-visual{--saturation:65%;--lightness:80%;background:radial-gradient(ellipse at top left,hsl(var(--primary-hue),var(--saturation),calc(var(--lightness) + 5%)),hsl(var(--secondary-hue),var(--saturation),var(--lightness)),hsl(var(--tertiary-hue),var(--saturation),calc(var(--lightness) - 5%)));border-color:hsl(var(--primary-hue),calc(var(--saturation) + 10%),calc(var(--lightness) - 30%));box-shadow:0 .375em .75em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 40%),.25),0 .1875em .375em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 30%),.3),0 .0625em .125em rgba(0,0,0,.2),inset 0 .1875em .375em hsla(0,0%,100%,.8),inset 0 -.0625em .1875em hsla(var(--primary-hue),var(--saturation),calc(var(
              --lightness
            ) - 20%),.4)}.liquid-radio input[type=radio]:checked+.radio-visual:before{transform:translate(-50%,-50%) scale(1);opacity:1;animation:pulseGlow 2s ease-in-out infinite}.liquid-radio input[type=radio]:active+.radio-visual{transform:scale(.96) translateY(.0625em);transition:all .1s cubic-bezier(.25,.46,.45,.94)}@keyframes pulseGlow{0%,to{box-shadow:0 .0625em .125em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 50%),.4),inset 0 .0312em .0625em hsla(0,0%,100%,.4)}50%{box-shadow:0 .0625em .1875em hsla(var(--primary-hue),var(--saturation),calc(var(--lightness) - 50%),.6),0 0 .25em hsla(var(--primary-hue),calc(var(--saturation) + 20%),calc(var(--lightness) - 30%),.3),inset 0 .0312em .0625em hsla(0,0%,100%,.6)}}.liquid-radio .radio-label{color:hsl(var(--primary-hue),25%,45%);font-weight:500;transition:color var(--transition-duration) ease}.liquid-radio:hover .radio-label{color:hsl(var(--primary-hue),35%,35%)}.liquid-radio input[type=radio]:checked~.radio-label{color:hsl(var(--primary-hue),40%,30%)}.liquid-radio.variant-performance{--primary-hue:195;--secondary-hue:220;--tertiary-hue:240}.liquid-radio.variant-iteration{--primary-hue:160;--secondary-hue:180;--tertiary-hue:140}.liquid-radio.variant-style{--primary-hue:280;--secondary-hue:320;--tertiary-hue:260}.liquid-radio.variant-start{--primary-hue:195;--secondary-hue:220;--tertiary-hue:240}.liquid-radio.variant-edit{--primary-hue:160;--secondary-hue:180;--tertiary-hue:140}.liquid-radio.variant-iterate{--primary-hue:280;--secondary-hue:320;--tertiary-hue:260}.liquid-radio.variant-perfect{--primary-hue:15;--secondary-hue:45;--tertiary-hue:340}