.radio-button{--radio-button-border:#353a5a;cursor:pointer;gap:6px;display:inline-flex}.radio-button--checked{--radio-button-indicator-opacity:1;--radio-button-indicator-transform:scale(1)}.radio-button--disabled{cursor:default;opacity:.5}.radio-button--invalid{--radio-button-border:#ff3d33}.radio-button--md{--radio-button-size:20px}.radio-button--lg{--radio-button-size:24px}.radio-button:not(.radio-button--disabled):hover{--radio-button-border:#b055ff}.radio-button:not(.radio-button--disabled):hover .radio-button__indicator{box-shadow:0 0 0 3px #b055ff1a}.radio-button__input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.radio-button__input:focus-visible+.radio-button__indicator{box-shadow:0 0 0 3px #b055ff1a}.radio-button__indicator{border:1.5px solid var(--radio-button-border);height:var(--radio-button-size);width:var(--radio-button-size);background-color:#191e2a;border-radius:999px;justify-content:center;align-items:center;transition:box-shadow .15s ease-in-out,border-color .15s ease-in-out;display:flex;position:relative}.radio-button__indicator:after{content:"";height:12px;opacity:var(--radio-button-indicator-opacity,0);transform:var(--radio-button-indicator-transform,scale(.75));background-color:#b055ff;border-radius:999px;width:12px;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:block;position:absolute}.radio-button--md .radio-button__label{color:#e6e9ef;letter-spacing:.01px;font-size:14px;font-weight:500;line-height:20px}.radio-button--lg .radio-button__label{color:#e6e9ef;letter-spacing:.01px;font-size:16px;font-weight:500;line-height:24px}