.native-check{flex:0 0 var(--check-size,22px);width:var(--check-size,22px);height:var(--check-size,22px);display:inline-grid;position:relative}.native-check>input{appearance:none;border:1.5px solid var(--check-border,var(--ui-ink-3));width:100%;height:100%;accent-color:var(--check-color,var(--ui-mint));cursor:inherit;background:0 0;border-radius:5px;margin:0}.native-check>input:checked{background:var(--check-color,var(--ui-mint));border-color:var(--check-color,var(--ui-mint))}.native-check>input:focus-visible{outline:2px solid var(--check-color,var(--ui-mint));outline-offset:3px}.native-check>input:active{transform:none!important}.native-check>input:disabled{cursor:default;opacity:.55}.native-check>svg{inset:calc((var(--check-size,22px) - 16px) / 2);color:var(--ui-on-action);pointer-events:none;opacity:0;filter:blur(2px);transition:opacity .16s var(--ui-ease,cubic-bezier(.23, 1, .32, 1)), transform .16s var(--ui-ease,cubic-bezier(.23, 1, .32, 1)), filter .16s var(--ui-ease,cubic-bezier(.23, 1, .32, 1));position:absolute;transform:scale(.9)}.native-check>input:checked+svg{opacity:1;filter:blur();transform:none}.native-check>input:disabled+svg{opacity:.55}.native-check>input:disabled:not(:checked)+svg{opacity:0}html[data-input=keyboard] .native-check>svg,.native-check>input:focus-visible+svg,html[data-animations=off] .native-check>svg{transition:none}@media (forced-colors:active){.native-check>input{appearance:auto}.native-check>svg{display:none}}