.input{>.label{font-family:Calibri,Helvetica Neue,Arial;font-size:18px;font-weight:700}&.inpRadio{font-weight:700;text-align:center}&.inpRadio>.label{margin-bottom:12px}&.inpRadio>.value{border-radius:8px;display:grid;gap:2px;grid:auto/repeat(var(--columns),1fr);overflow:hidden}&.inpRadio .control>input{clip:rect(1px,1px,1px,1px);height:0;overflow:hidden;position:absolute;width:0}&.inpRadio .control>.choice{background:var(--bgContrast);cursor:pointer;display:block;height:44px;line-height:44px;transition:background .2s,color .2s}&.inpDropdown{align-items:center;display:flex;gap:12px;justify-content:space-between}&.inpDropdown>.label{flex-shrink:0;width:72px}&.inpDropdown>.value{flex-grow:1}select{background:var(--bgContrast);border:3px solid var(--bgContrast);border-radius:8px;box-sizing:border-box;color:var(--txtColor);font-size:18px;height:44px;line-height:44px;padding:0 8px;transition:border-color .2s;width:100%}select option{font-size:14px}&.inpRadio .control>input[type=radio]:checked+.choice,&:is(.inpRadio,.inpDropdown) .control .choice.active,&:is(.inpRadio,.inpDropdown) .control>.choice:hover{background:var(--cHigh);color:#fff}select:focus{border-color:var(--cHigh);outline:none}}