.poll-page label.checked {
    color:var(--accent-color);
}

.poll-page h3 {
    font-weight:500;
    margin-bottom:1.5em;
}

.poll-page ul li {
    margin:1.8em 0;
}

.poll-page ul li label {
    cursor:pointer;
    line-break: normal;
    width:auto;
}

.poll-page form label.checkbox-label.disabled {
    opacity:0.5;
}

div.poll-instructions, .poll-choices label, .poll-result-item {
    max-width: 80%;
}

.poll-instructions {
    line-height: 150%;
}

p.poll-subtitle {
    font-weight: 500;
}

.poll-instructions h1, .poll-instructions h2, .poll-instructions h3, .poll-instructions h4, .poll-instructions h5, .poll-instructions h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.poll-instructions p {
    margin: 0.5em 0;
}

.poll-result-item-bar {
    --bar-height:0.6em;
    --bar-radius:calc(var(--bar-height) * 0.5);
    display:block;
    background-color:rgba(132, 113, 251, 0.2);
    height:var(--bar-height);
    border-radius: var(--bar-radius);
    margin-bottom:0.4em;
    position:relative;
}

.poll-result-item-bar .poll-result-item-bar-fill {
    background-color:rgba(132, 113, 251, 1);
    height:var(--bar-height);
    border-radius: var(--bar-radius);
}

.poll-result-item-bar .poll-result-percentage {
    --font-size:0.8em;
    font-weight: 500;
    opacity: 0.6;
    color:var(--accent-color);
    position:absolute;
    right:var(--bar-radius);
    top:calc(var(--bar-height) * -0.7 - var(--font-size));
    font-size:var(--font-size);
}

.poll-result-item-bar.winner .poll-result-percentage {
    opacity: 1;
}

.poll-user-identification {
    margin: 3em 0;
}

.poll-user-identification label strong {
    display:block;
    margin-bottom:1em;
}

.poll-user-identification label input {
    margin-left:-8px;
}

@media(max-width: 700px) {
    div.poll-instructions, .poll-choices label, .poll-result-item {
        max-width:100%
    }
}