.radio-group{display:flex;flex-direction:column;row-gap:7px}.label-radio{display:flex;align-items:center;column-gap:7px;cursor:pointer;transition:transform .2s ease-out}.label-radio:hover:not(.disabled)>h4{color:var(--font-1);transition:color .2s ease-out}.label-radio:active{transform:scale(.9)}.label-radio input[type=radio].radio{width:16px;height:16px;display:flex;flex-shrink:0;border-radius:24px;border:2px solid var(--stroke);position:relative;transition-property:border background-color;transition-duration:.2s;transition-timing-function:ease-out}.label-radio:not(.disabled) input[type=radio].radio{cursor:pointer}.label-radio:not(.disabled) input[type=radio].radio:hover{background-color:var(--bg-2)}.label-radio input[type=radio].radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:60%;height:60%;border-radius:50%;background-color:var(--active-color);opacity:0;transition-property:transform opacity;transition-duration:.2s;transition-timing-function:ease-out}.label-radio input[type=radio].radio:checked{border:2px solid var(--active-color)}.label-radio input[type=radio].radio:checked:after{transform:translate(-50%,-50%) scale(1);opacity:1}.label-radio.disabled{opacity:.8;cursor:not-allowed}.label-radio.disabled input[type=radio].radio{cursor:not-allowed!important}.radio-card{display:flex;align-items:center;justify-content:space-between;padding:var(--pad-xl);border-radius:var(--radius-l);background-color:var(--bg-2);border:2px solid var(--bg-2);column-gap:24px;transition:transform .2s ease-out;cursor:pointer}.radio-card:not(.disabled):active{transform:scale(.95)}.radio-card:hover{background-color:var(--bg-3)}.radio-card .radio-left-content{display:flex;column-gap:var(--pad-m)}.radio-card .radio-left-content .text{row-gap:-10px;display:flex;flex-direction:column}.radio-card .radio-left-content svg{width:30px;height:30px;flex-shrink:0}.radio-card .radio-left-content svg path{fill:var(--font-2)}.radio-card:has(input:checked){border:2px solid var(--accent)}.radio-card:has(input:checked) .radio-left-content svg path{fill:var(--accent)}.radio-card.disabled{opacity:.5;cursor:not-allowed}