.radio{cursor:pointer;word-break:break-word;outline:none;flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.radio input{display:none}.radio-size--lg{--radio-size:24px;--radio-el-size:14px;--radio-el-left:5px;--radio-list-size:var(--height-lg);--radio-list-gap:12px;--radio-icon-size:18px}.radio-size--md{--radio-size:20px;--radio-el-size:12px;--radio-el-left:4px;--radio-list-size:var(--height-md);--radio-list-gap:8px;--radio-icon-size:16px}.radio input:not(:active)+.radio__label:before,.radio input:not(:active)+.radio__label:after{transition:background var(--transition)}.radio input+.radio__label{color:var(--radio-text,var(--text-secondary));transition:color var(--transition);font-size:1.4rem;font-weight:500;position:relative}.radio input+.radio__label:before,.radio input+.radio__label:after{content:"";border-radius:50%;position:absolute}.radio input+.radio__label:before{width:var(--radio-size);height:var(--radio-size);left:0;top:calc(50% - var(--radio-size)/2);background-color:var(--radio-bg,var(--bg-tertiary))}.radio input+.radio__label:after{width:var(--radio-el-size);height:var(--radio-el-size);top:calc(50% - var(--radio-el-size)/2);left:var(--radio-el-left);background-color:var(--radio-el-bg,var(--accent));opacity:0;visibility:hidden;transition:opacity var(--transition), visibility var(--transition)}.radio input+.radio__label:not(:first-child){padding-left:calc(var(--radio-size) + 8px)}.radio input:checked+.radio__label:after{opacity:1;visibility:visible}.radio--list{height:var(--radio-list-size);width:100%}.radio--list input+.radio__label{border-radius:var(--border-radius-md);background:var(--radio-list-bg,transparent);width:100%;height:100%;transition:background var(--transition);padding-right:var(--radio-list-gap);align-items:center;display:flex}.radio--list input+.radio__label:not(:first-child){padding-left:calc(var(--radio-size) + 8px + var(--radio-list-gap))}.radio--list input+.radio__label:before{left:var(--radio-list-gap)}.radio--list input+.radio__label:after{left:calc(var(--radio-list-gap) + var(--radio-el-left))}.radio--list input:checked+.radio__label{--radio-list-bg:var(--bg-tertiary)}.radio--button input+.radio-button__label{color:var(--radio-button-text,var(--text-primary));height:var(--radio-list-size);padding:0 var(--radio-list-gap);touch-action:manipulation;appearance:none;white-space:nowrap;border-radius:var(--border-radius-md);transition:background var(--transition), color var(--transition);background-color:#0000;outline:0;justify-content:center;align-items:center;gap:4px;font-size:1.4rem;display:inline-flex}.radio--button input+.radio-button__label>span:empty{display:none}.radio--button input:checked+.radio-button__label{background-color:var(--bg-tertiary);--radio-button-text:var(--text-primary)}.radio--button input:checked:disabled+.radio-button__label{background-color:var(--bg-quaternary)}.radio--button input:disabled+.radio-button__label{--radio-button-text:var(--text-disabled)}.radio--button svg{width:var(--radio-icon-size);height:var(--radio-icon-size)}.radio-group{border:1px solid var(--border-tertiary);border-radius:var(--border-radius-lg);gap:4px;padding:4px;display:flex}.radio-group--mod .radio-button__label{height:44px!important}.radio-group .radio--button input+.radio-button__label{--radio-list-size:32px;width:100%}.radio-group--widget .radio--button svg{width:18px;height:18px}.radio-group--widget .radio--button:first-child input+.radio-button__label,.radio-group--widget .radio--button:first-child input:checked+.radio-button__label{--radio-button-text:var(--error)}.radio-group--widget .radio--button:first-child input:disabled+.radio-button__label{--radio-button-text:var(--error-secondary)}.radio-group--widget .radio--button:last-child input+.radio-button__label,.radio-group--widget .radio--button:last-child input:checked+.radio-button__label{--radio-button-text:var(--success)}.radio-group--widget .radio--button:last-child input:disabled+.radio-button__label{--radio-button-text:var(--success-secondary)}.radio:active:not(.radio--disabled){--radio-bg:var(--bg-quaternary)}.radio:hover:not(.radio--disabled){--radio-bg:var(--bg-secondary)}.radio--disabled{cursor:not-allowed;--radio-bg:var(--bg-quaternary);--radio-text:var(--text-disabled)}