.checkbox-container,.radio-container{display:grid;grid-template-columns:max-content auto;position:relative;grid-column-gap:var(--space-inline-xs);align-items:center;cursor:pointer;text-align:start}.checkbox-container input,.radio-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-items:center;--_input-color:var(--color-icon-secondary-rgb);--_input-opacity:var(--icon-opacity-secondary);aspect-ratio:1;border:.1em solid rgb(var(--_input-color)/var(--_input-opacity));border-radius:.375em;height:auto;transition:border-width 10ms linear,border-color .15s ease;width:calc(1em*var(--lh-regular))}.checkbox-container input:checked,.radio-container input:checked{--_input-color:var(--color-accent-rgb);--_input-opacity:1}.checkbox-container:hover input,.radio-container:hover input{--_input-color:var(--color-accent-rgb)}.radio input{background-image:radial-gradient(circle at center,rgb(var(--_input-color)/var(--_input-opacity)) 37.5%,transparent 37.5%);background-position:50%;background-repeat:no-repeat;border-radius:var(--br-full)}.checkbox-container input:before{border-block-end:0 solid rgb(var(--_input-color)/var(--_input-opacity));border-inline-end:0 solid rgb(var(--_input-color)/var(--_input-opacity));content:"";display:block;height:0;transform:translateY(-.1em) rotate(45deg);transition:height .1s ease;width:30%}.checkbox-container input:checked:before{border-block-end-width:.1em;border-inline-end-width:.1em;height:66%}[dir=rtl] .checkbox-container input:before{transform:translateY(-.1em) rotate(45deg) scaleX(-1)}