@layer base{input:is([type=checkbox],[type=radio]){appearance:none;vertical-align:middle;border:1.5px solid var(--control-accent,var(--color-northline-700,#005c84));width:18px;height:18px;color:var(--control-accent,var(--color-northline-700,#005c84));cursor:pointer;background:#fff;flex:none;place-content:center;margin:0;transition:border-color .15s,box-shadow .15s,background .15s;display:inline-grid;position:relative}input[type=checkbox]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=checkbox]:before{content:"";background:currentColor;width:12px;height:12px;transition:transform .12s;transform:scale(0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.2 8.4 3 3 6.4-7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.2 8.4 3 3 6.4-7'/%3E%3C/svg%3E") 50%/contain no-repeat}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:indeterminate:before{transform:scale(1);-webkit-mask:linear-gradient(#000 0 0) 50%/9px 2.4px no-repeat;mask:linear-gradient(#000 0 0) 50%/9px 2.4px no-repeat}input[type=radio]:checked{background:radial-gradient(circle,var(--control-accent,var(--color-northline-700,#005c84))0 4px,#fff 4.5px)}input:is([type=checkbox],[type=radio]):hover:not(:disabled){box-shadow:0 0 0 3px color-mix(in srgb,var(--control-accent,var(--color-northline-700,#005c84))14%,transparent)}input:is([type=checkbox],[type=radio]):focus-visible{outline:2px solid color-mix(in srgb,var(--control-accent,var(--color-northline-700,#005c84))55%,transparent);outline-offset:2px}input:is([type=checkbox],[type=radio]):disabled{opacity:.45;cursor:default}}