#draftlabel
{
display: inline-block;
margin-left: 50px;
cursor: pointer;
}

#draft
{
display: inline-block;
cursor: pointer;
}

#showdraftslabel
{
float: right;
font-size:15px;
font-size:clamp(15px,1.9vw,17px);
cursor:pointer;
font-weight:normal;
}

#showdrafts
{
-webkit-appearance:unset;
appearance:unset;
width:2em;
height:1em;
display:inline-block;
margin-right:0.2em;
background:rgba(0,0,0,0.4);
border-radius:1em;
cursor:pointer;
position: relative;
top: 3px;
outline:none;
box-shadow: inset 1px 1px 5px 1px rgb(0 0 0 / 16%);
}

#showdrafts:focus
{
filter:brightness(110%);
}

#showdrafts:checked
{
background:rgba(0,0,0,0.4);
background:var(--prime-button-color);
}

#showdrafts:after
{
content: '';
width: 1.01em;
height: 1.01em;
background: #FFF;
display: inline-block;
border-radius: 1.5em;
cursor: pointer;
margin-left: 0px;
transition:margin-left 0.2s ease;
box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 29%);
}

#showdrafts:checked:after
{
margin-left:1em;
}