.checkbox{align-items:center;cursor:pointer;display:flex;gap:.5rem;width:-moz-fit-content;width:fit-content}.checkbox--disabled{cursor:not-allowed;opacity:.5}.checkbox__state{aspect-ratio:1;display:grid;width:1.5rem}@media(min-width:80rem){.checkbox__state{width:1.75rem}}.checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.125rem solid var(--color-accent-primary);border-radius:50%;cursor:inherit;grid-area:1/-1;height:100%;transition:background .25s;width:100%}.checkbox__input:checked{background:var(--color-accent-primary)}.checkbox__input:checked+.checkbox__check{opacity:1}.checkbox__check{color:var(--color-white);grid-area:1/-1;opacity:0;place-self:center;transition:opacity .25s}@media(min-width:80rem){.checkbox__check{height:1.75rem;width:1.75rem}}