.buttonswitch{vertical-align:middle;gap:2px;display:inline-flex}.buttonswitch label{display:inline-block;position:relative}.buttonswitch input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.buttonswitch input+span{--buttonswitch-padding:.8em;--buttonswitch-check:1em;--buttonswitch-gap:.4em;align-items:center;gap:var(--buttonswitch-gap);padding:0 calc(var(--buttonswitch-padding) + (var(--buttonswitch-check) + var(--buttonswitch-gap)) / 2);white-space:nowrap;font-size:12px;font-weight:700;line-height:2em;display:inline-flex}.buttonswitch input:checked+span{padding:0 var(--buttonswitch-padding)}.buttonswitch input+span .fa-check{width:var(--buttonswitch-check);text-align:center;display:none}.buttonswitch input:checked+span .fa-check{display:inline-block}.buttonswitch input:checked{cursor:default}.buttonswitch input:focus-visible+span{outline-offset:2px;outline:auto}.buttonswitch input:disabled{cursor:default}.buttonswitch input:disabled+span{opacity:.5}:where(.buttonswitch input+span){color:#000;background-color:#dadada}:where(.buttonswitch input:checked+span){color:#fff;background-color:#707070}:where(.buttonswitch input:not(:checked):not(:disabled):hover+span){color:#fff;background-color:red}