#legend {
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 3px solid #000;
}

.drought-text ul {
    list-style: none;
    margin-top: 10px;
}

.drought-text li {
    position: relative;
    margin-bottom: 10px;
    &::before {
        content: "";
        position: absolute;
        top: 5px;
        left: -26px;
        background-image: url(/o/aigues-principal-theme/images/arrow_payment.png);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
        background-size: 12px;
    }
}

.rounded-result-container {
    flex-direction: column;
}
.rounded-result {
    margin: 0 0 20px 0 !important;
}