.checkbox{cursor:pointer;font-family:var(--font);padding:1em;position:relative}.checkbox::-moz-selection{background:transparent}.checkbox::selection{background:transparent}.checkbox input+span{backface-visibility:hidden;background:var(--white);border:1px solid color-mix(in oklab,var(--fade-grey),#000 8%);content:"";display:inline-block;height:1.4em;margin-inline-end:.5rem;padding:0;position:relative;top:-1px;transform:translateZ(0);vertical-align:middle;width:1.4em}.checkbox input+span:after{content:"";display:block;transform:scale(0);transition:transform .2s}@media screen and (width >= 768px){.checkbox:hover input+span{box-shadow:0 2px 4px #00000026}}.checkbox input:active+span{box-shadow:0 4px 8px #00000026}.checkbox input:checked+span:after{transform:translate(calc(var(--transform-direction)*-50%),-50%) scale(1)!important}.checkbox input{cursor:pointer;opacity:0;position:absolute;transition:all .3s}.checkbox,.checkbox:focus,.checkbox:hover{color:var(--light-text)}.checkbox.is-paddingless{padding:0!important}.checkbox.is-circle input+span{border-radius:var(--radius-rounded)}.checkbox.is-solid input+span{background:color-mix(in oklab,var(--fade-grey),#fff 3%)}.checkbox.is-solid.is-primary input+span{background:var(--primary);border-color:var(--primary)}.checkbox.is-solid.is-primary input+span:after{color:var(--white)}.checkbox.is-solid.is-success input+span{background:var(--success);border-color:var(--success)}.checkbox.is-solid.is-success input+span:after{color:var(--white)}.checkbox.is-solid.is-info input+span{background:var(--info);border-color:var(--info)}.checkbox.is-solid.is-info input+span:after{color:var(--white)}.checkbox.is-solid.is-warning input+span{background:var(--warning);border-color:var(--warning)}.checkbox.is-solid.is-warning input+span:after{color:var(--white)}.checkbox.is-solid.is-danger input+span{background:var(--danger);border-color:var(--danger)}.checkbox.is-solid.is-danger input+span:after{color:var(--white)}.checkbox.is-outlined.is-primary input:checked+span{border-color:var(--primary)}.checkbox.is-outlined.is-primary input+span:after{color:var(--primary)}.checkbox.is-outlined.is-success input:checked+span{border-color:var(--success)}.checkbox.is-outlined.is-success input+span:after{color:var(--success)}.checkbox.is-outlined.is-info input:checked+span{border-color:var(--info)}.checkbox.is-outlined.is-info input+span:after{color:var(--info)}.checkbox.is-outlined.is-warning input:checked+span{border-color:var(--warning)}.checkbox.is-outlined.is-warning input+span:after{color:var(--warning)}.checkbox.is-outlined.is-danger input:checked+span{border-color:var(--danger)}.checkbox.is-outlined.is-danger input+span:after{color:var(--danger)}.checkbox input+span{border-radius:var(--radius-small);transition:all .3s}.checkbox input+span:after{background-size:contain;content:"";font-family:Font Awesome\ 5 Free;font-size:.7rem;font-weight:900;inset-inline-start:50%;position:absolute;top:48%;transform:translate(-50%,-50%) scale(0)}.checkbox input:active+span,.checkbox input:focus+span{outline-color:var(--accessibility-focus-outline-color);outline-offset:var(--accessibility-focus-outline-offset);outline-style:var(--accessibility-focus-outline-style);outline-width:var(--accessibility-focus-outline-width)}.is-dark .checkbox input+span{background-color:color-mix(in oklab,var(--dark-sidebar),#fff 2%);border-color:color-mix(in oklab,var(--dark-sidebar),#fff 4%)}.is-dark .checkbox input+span:after{color:var(--dark-dark-text)}.is-dark .checkbox input+span{border-color:color-mix(in oklab,var(--dark-sidebar),#fff 16%)}.is-dark .checkbox.is-solid.is-primary input+span{background-color:var(--primary)!important;border-color:var(--primary)!important}.is-dark .checkbox.is-outlined.is-primary input:checked+span{border-color:var(--primary)!important}.is-dark .checkbox.is-outlined.is-primary input:checked+span:after{color:var(--primary)!important}input:disabled{cursor:not-allowed}input:disabled+span{box-shadow:none!important;filter:grayscale(.25);opacity:.45}input:disabled+span:after{opacity:.55}.checkbox:hover input:disabled+span{box-shadow:none!important}.checkbox:has(input:disabled){cursor:not-allowed;opacity:.85}.checkbox.is-disabled{cursor:not-allowed;opacity:.65}.checkbox.is-disabled input:active+span,.checkbox.is-disabled:hover input+span{box-shadow:none!important}.checkbox.is-disabled input+span{filter:grayscale(.25);opacity:.55}.checkbox.is-disabled input{pointer-events:none}
