/* One checkbox appearance across boards, the library, viewers and account controls. */
.feed-check,.bi-stack-select{--selection-size:32px;--selection-border:#ffffff80;--selection-surface:#202120cc;--selection-check-color:#c3c6be}
.board-index .bi-stack-select{top:9px;left:9px;width:32px;height:32px}
input[type=checkbox],.feed-check input[type=checkbox],.bi-stack-select input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:inline-grid;place-items:center;flex:none;width:var(--selection-size,22px);height:var(--selection-size,22px);min-width:var(--selection-size,22px);min-height:var(--selection-size,22px);margin:0;padding:0;border:1px solid var(--selection-border,var(--line-strong,#ffffff80));border-radius:50%;background:var(--selection-surface,var(--inset));color:#101110;box-shadow:none;opacity:1;cursor:pointer;vertical-align:middle}
input[type=checkbox]::after,.feed-check input[type=checkbox]::after,.bi-stack-select input[type=checkbox]::after{content:'';position:absolute;left:35%;top:22%;width:22%;height:36%;margin:0;border:solid var(--selection-check-color,var(--muted));border-width:0 2px 2px 0;background:transparent;transform:rotate(45deg) scale(1);transform-origin:center}
input[type=checkbox]:is(:checked,:indeterminate),.feed-check input[type=checkbox]:is(:checked,:indeterminate),.bi-stack-select input[type=checkbox]:is(:checked,:indeterminate),.bi-row-select input[type=checkbox]:is(:checked,:indeterminate){background:var(--accent);border-color:var(--accent)}
input[type=checkbox]:checked::after,.feed-check input[type=checkbox]:checked::after,.bi-stack-select input[type=checkbox]:checked::after,.bi-row-select input[type=checkbox]:checked::after{border-color:#101110;transform:rotate(45deg) scale(1)}
input[type=checkbox]:indeterminate::after,.feed-check input[type=checkbox]:indeterminate::after,.bi-stack-select input[type=checkbox]:indeterminate::after,.bi-row-select input[type=checkbox]:indeterminate::after{left:29%;top:calc(50% - 1px);width:42%;height:2px;border:0;border-radius:1px;background:#101110;transform:none}
input[type=checkbox]:focus-visible{outline:2px solid var(--text);outline-offset:3px}
input[type=checkbox]:disabled{opacity:.45;cursor:default}

/* Selection is carried by the checkbox; keyboard focus remains a separate cue. */
.bi-stack.is-selected,.board-index .bi-tile.is-selected,.bi-tile.is-selected .bi-tile-picture,.feed-image.selected{outline:0}
.flat-media-grid .feed-image.selected .feed-image-open:not(:focus-visible),.attachment-card[aria-pressed=true]:not(:focus-visible){outline:0}

#attachment-dialog .attachment-selected,#attachment-dialog .attachment-card:is(:hover,:focus-visible) .attachment-selected,.viewer-thumbnail-check{display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#101110;filter:none;box-shadow:none}
.media-viewer .viewer-toolbar>button.selection-toggle{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;border-radius:50%;padding:10px}
.media-viewer .viewer-toolbar>button.selection-toggle[aria-pressed=true]{background:var(--accent);color:#101110}
.media-viewer .viewer-toolbar>button.selection-toggle:not([aria-pressed=true]){color:var(--muted)}
@media(forced-colors:active){input[type=checkbox],.feed-check input[type=checkbox],.bi-stack-select input[type=checkbox],.bi-row-select input[type=checkbox]{appearance:auto;forced-color-adjust:auto}input[type=checkbox]::after,.feed-check input[type=checkbox]::after,.bi-stack-select input[type=checkbox]::after,.bi-row-select input[type=checkbox]::after{content:none}}