.echo-checkbox{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--echo-radius-sm);cursor:pointer;background:var(--echo-drawn-hollow,linear-gradient(160deg,color-mix(in oklab,var(--echo-well) 72%,var(--echo-shade-ink,black)),color-mix(in oklab,var(--echo-lcd) 88%,var(--echo-shade-ink,black))));box-shadow:inset 0 calc(2px + 1px * var(--press, 0)) calc(4px + 2px * var(--press, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.7 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.06 * var(--echo-gloss, 1))),0 0 0 1px color-mix(in oklab,var(--echo-cap) 85%,transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);transition:background var(--echo-duration-swap) ease}.echo-checkbox[data-checked],.echo-checkbox[data-indeterminate]{background:linear-gradient(180deg,var(--echo-primary-cap-top) 0,var(--echo-primary-cap-mid) 45%,var(--echo-primary-cap-base) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.45 * var(--echo-gloss, 1))),inset 0 -2px 3px color-mix(in oklab,var(--echo-cast-ink,black) calc(.3 * var(--echo-shade, 1) * 100%),transparent),0 calc(1px - 1px * var(--press, 0)) calc(2px - 1px * var(--press, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.4 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}.echo-checkbox:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(
    --echo-shadow-ring,0 0 0 2px var(--echo-surface),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow))
  )}.echo-checkbox:disabled{opacity:.45;cursor:default}.echo-checkbox__indicator{display:inline-flex;color:var(--echo-primary-cap-ink,var(--echo-text))}.echo-checkbox__indicator svg{width:var(--echo-icon-sm,14px);height:var(--echo-icon-sm,14px)}.echo-checkbox[data-indeterminate] .echo-checkbox__check,.echo-checkbox__dash{display:none}.echo-checkbox[data-indeterminate] .echo-checkbox__dash{display:block}@media (prefers-reduced-motion:reduce){.echo-checkbox{transition:none}}.echo-checkbox{position:relative;--echo-hit-area:24px}.echo-checkbox:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}@media (pointer:coarse){.echo-checkbox{--echo-hit-area:44px}.echo-checkbox:after{width:max(100%,44px);height:max(100%,44px)}}@media (forced-colors:active){.echo-checkbox{border:var(--echo-border-thick,2px) solid ButtonText}.echo-checkbox[data-checked],.echo-checkbox[data-indeterminate]{border-color:Highlight;color:Highlight}}