.flex, .w-input-checkbox { display: flex; align-items: center; }
.poll-container { background: rgb(242, 242, 242); padding: 1rem; margin-bottom: 1.5rem; border-radius: 8px; }
.poll-question { font-size: 1rem; color: rgb(16, 16, 16); font-weight: 700; margin-bottom: 0.5rem; }
.poll-area { display: flex; flex-direction: column; margin-top: 16px; }
.poll-area label { display: block; margin-bottom: 10px; padding: 0.5rem 1rem; border-radius: 4px; border: 1px solid rgb(226, 226, 226); transition: 0.3s; }
.poll-area label:hover { border-color: rgb(182, 180, 181); background-color: rgb(255, 255, 255); cursor: pointer; }
.poll-area label:hover .row .circle::after { display: block; background: rgb(226, 226, 226); }
.poll-area label span { font-family: Khand, sans-serif; font-size: 14px; font-weight: 400; color: rgb(16, 16, 16); line-height: 1; }
.poll-area label .row { display: flex; flex-flow: column; pointer-events: none; }
.poll-area label .column { display: grid; grid-template-columns: 16px 1fr; gap: 8px; align-items: center; }
.poll-area label .circle { height: 16px; width: 16px; display: block; border: 2px solid rgb(211, 211, 211); border-radius: 8px; position: relative; }
.poll-area label .circle::after { content: ""; height: 8px; width: 8px; background: rgb(211, 211, 211); border-radius: inherit; position: absolute; left: 2px; top: 2px; display: none; }
.poll-btn-container { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 8px; }
.poll-btn-container button { align-self: center; width: 100%; padding: 8px 16px; border-radius: 8px; background-color: rgb(244, 121, 56); font-family: Khand, sans-serif; font-size: 16px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1; text-transform: capitalize; }
.poll-btn-container button:hover { background-color: rgb(236, 90, 13); transition: 0.3s; }
.poll-btn-container button[id*="poll-vote-btn-"] { grid-column: 1; width: 100%; }
.poll-btn-container button[id*="poll-result-btn-"] { grid-column: 2; width: 100%; }
@media (min-width: 768px) {
  .poll-btn-container { grid-template-columns: auto; gap: 16px 8px; margin-top: 8px; }
}
@media screen and (prefers-color-scheme: dark) {
  .poll-container { background-color: rgb(51, 51, 51); }
  .poll-question { color: rgb(255, 255, 255); }
  .poll-area label:hover { background-color: rgb(16, 16, 16); }
  .poll-area label .percent, .poll-area label span { color: rgb(255, 255, 255); }
  .poll-btn-container button { color: rgb(255, 255, 255); }
}