/* Poll composer and published poll UI. */
:where(.mnc-comments) .mnc-poll-builder { margin: .5rem 0; padding: .85rem; border: 1px solid var(--mnc-border); border-radius: 10px; background: color-mix(in srgb, var(--mnc-bg) 72%, var(--mnc-form-surface)); }
:where(.mnc-comments) .mnc-poll-builder[hidden] { display: none; }
:where(.mnc-comments) .mnc-poll-builder__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: .65rem; }
:where(.mnc-comments) .mnc-poll-builder__header strong, :where(.mnc-comments) .mnc-poll-builder__settings-title { color: var(--mnc-text); font-size: .82rem; }
:where(.mnc-comments) .mnc-poll-builder__cancel, :where(.mnc-comments) .mnc-poll-builder__add, :where(.mnc-comments) .mnc-poll-builder__option button { padding: .2rem .35rem; border: 0; color: var(--mnc-muted); background: transparent; cursor: pointer; }
:where(.mnc-comments) .mnc-poll-builder__options { display: grid; gap: .5rem; }
:where(.mnc-comments) .mnc-poll-builder__option { display: grid; grid-template-columns: minmax(0, 1fr) 28px; align-items: center; border: 1px solid var(--mnc-border); border-radius: 7px; background: var(--mnc-bg); }
:where(.mnc-comments) .mnc-poll-builder__option input { width: 100%; min-height: 36px; padding: .45rem .65rem; border: 0; outline: 0; color: var(--mnc-text); background: transparent; box-shadow: none; }
:where(.mnc-comments) .mnc-poll-builder__add { margin: .35rem 0 .75rem; }
:where(.mnc-comments) .mnc-poll-builder__settings-title { display: block; margin-bottom: .5rem; }
:where(.mnc-comments) .mnc-poll-builder__multiple, :where(.mnc-comments) .mnc-poll-builder__end { display: flex; align-items: center; gap: .45rem; color: var(--mnc-muted); font-size: .78rem; }
:where(.mnc-comments) .mnc-poll-builder__end { display: grid; margin-top: .55rem; }
:where(.mnc-comments) .mnc-poll-builder__end input { width: min(100%, 310px); padding: .45rem .6rem; border: 1px solid var(--mnc-border); border-radius: 7px; color: var(--mnc-text); background: var(--mnc-bg); }
:where(.mnc-comments) .mnc-poll { margin-top: .75rem; padding: .2rem 0; }
:where(.mnc-comments) .mnc-poll__options { display: grid; gap: .5rem; }
:where(.mnc-comments) .mnc-poll__option { position: relative; isolation: isolate; display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: center; gap: .55rem; min-height: 44px; padding: .55rem .7rem; overflow: hidden; border: 1px solid var(--mnc-border); border-radius: 8px; background: var(--mnc-bg); cursor: pointer; }
:where(.mnc-comments) .mnc-poll__option.is-selected { border-color: color-mix(in srgb, var(--mnc-accent) 58%, var(--mnc-border)); }
:where(.mnc-comments) .mnc-poll__option:has(input:disabled) { cursor: default; }
:where(.mnc-comments) .mnc-poll__bar { position: absolute; z-index: -1; inset-block: 0; inset-inline-start: 0; background: color-mix(in srgb, var(--mnc-accent) 13%, transparent); transition: width .2s ease; }
:where(.mnc-comments) .mnc-poll__option input { width: 16px; height: 16px; margin: 0; accent-color: var(--mnc-accent); }
:where(.mnc-comments) .mnc-poll__option-text { min-width: 0; overflow-wrap: anywhere; }
:where(.mnc-comments) .mnc-poll__result { color: var(--mnc-muted); font-size: .75rem; font-weight: 650; }
:where(.mnc-comments) .mnc-poll__footer { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-top: .55rem; color: var(--mnc-muted); font-size: .74rem; }
:where(.mnc-comments) .mnc-poll.is-saving { opacity: .68; pointer-events: none; }