@layer components{@keyframes pollMeter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pollText{0%{color:color-mix(in srgb,var(--color-black) 0%,transparent)}to{color:color-mix(in srgb,var(--color-black) 100%,transparent)}}@keyframes loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.poll-block{padding:16px;border:1px solid var(--color-gray-300)}@media (min-width: 640px),print{.poll-block{padding:40px}}.poll-block__heading{margin-bottom:16px}.poll-block__poll,[is=poll-block]{display:flex;width:100%;flex-direction:column;gap:8px}.poll-block__poll[data-loading],[is=poll-block][data-loading]{animation:loading 1s infinite;pointer-events:none}.poll-block__poll button,.poll-block__poll .poll-block__meter,[is=poll-block] button,[is=poll-block] .poll-block__meter{all:unset;display:flex;justify-content:space-between;padding:12px 20px;border:1px solid var(--color-gray-500);border-radius:48px;letter-spacing:1px;text-transform:uppercase}@media (min-width: 640px),print{.poll-block__poll button,.poll-block__poll .poll-block__meter,[is=poll-block] button,[is=poll-block] .poll-block__meter{padding:18px 42px}}.poll-block__poll button,[is=poll-block] button{justify-content:center;cursor:pointer}.poll-block__poll button:hover,[is=poll-block] button:hover{border-color:var(--color-black);font-weight:700}.poll-block__poll button:focus-visible,[is=poll-block] button:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.poll-block__poll .poll-block__meter,[is=poll-block] .poll-block__meter{position:relative;overflow:hidden;animation:pollText .25s ease-in-out;animation-delay:.15s;animation-fill-mode:both}.poll-block__poll .poll-block__meter[data-value]:after,[is=poll-block] .poll-block__meter[data-value]:after{z-index:1;content:attr(data-value) "%"}.poll-block__poll .poll-block__meter:before,[is=poll-block] .poll-block__meter:before{position:absolute;width:var(--value);animation:pollMeter .5s ease-in-out;background-color:var(--color-primary-300);content:"";top:0;right:0;bottom:0;left:0;transform-origin:left}.poll-block__poll .poll-block__meter[data-vote],[is=poll-block] .poll-block__meter[data-vote]{border:2px solid var(--color-black);font-weight:700}.poll-block__poll .poll-block__meter span,[is=poll-block] .poll-block__meter span{z-index:1}.poll-block__poll .poll-block__meter[data-count][data-value]:after,[is=poll-block] .poll-block__meter[data-count][data-value]:after{content:attr(data-value) "% (" attr(data-count) "/" attr(data-total) ")"}}