main {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
}
.wrapper-result {
    width: 100%;
    max-width: min(var(--base-width), 98vw);
}

.error {
    width: 100%;
    padding: var(--space-3);
    background-color: var(--bg-error);
    border: solid 1px var(--border-error);
    border-radius: var(--space-2);
    color: var(--text-error);
}

.result {
    gap: var(--space-8);
}

.wrapper-description, .wrapper-graph {
    background-color: #fff;
    width: 100%;
    padding: var(--space-6);
    border-radius: 1em;
}
.description {
    border: solid 1px var(--border);
    border-radius: 1em;
}

.description > div {
    padding: var(--space-2) var(--space-4);
}

.description > div:hover {
    background-color: var(--bg-hover);
}

.description > div > div:nth-child(-n+1) {
    font-weight: 600;
}

.description > div > div:nth-child(n+2) {
    align-self: center;
}

.description > div:nth-child(-n+7) {
    border-bottom: solid 1px var(--border);
}

.description > div:nth-child(1) {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.description > div:nth-child(8) {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.description div {
    width: 100%;
    text-align: right;
}

#brushChart {
    margin-top: var(--space-6);
}