.banner-info--invert {
    background-color: transparent;
    color: rgb(58, 45, 24);
    border-color: rgb(187, 148, 87);
}
.banner-info--invert:hover,
.banner-info--invert:focus {
    background-color: transparent;
    color: rgb(58, 45, 24);
}

.banner-info--invert .banner-info__title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.banner-info--invert p {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.banner-info--invert:before,
.banner-info--invert:before {
    background-image: url(../images/svg/info-brand-contrast.svg);
}

button#add-product:disabled {
    opacity: 0.3;
}

.u-dropdown-btn {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    height: 2.8125rem;

    padding: 0.3125rem 1rem;
    background-color: white;

    border: 1px solid var(--borders-border-brand, #bb9457);
    background: var(--surfaces-surface-light-contrast, #fcfdfd);

    color: #d6bf9a;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.375rem; /* 91.667% */

    &:after {
        background-position: center;
    }
}

.a11y-tools__button {
    padding: 0 !important;
}

#step1 {
    position: relative;
    z-index: 1;
}

#step2 {
    position: relative;
}

.a11y-tools__list button {
    color: black;
}

@media (max-width: 992px) {
    main .container.chart {
        max-width: 100% !important;
    }
}

.charts-wrapper {
    overflow-x: auto;
}
.charts-wrapper canvas {
    width: 100%;
    min-width: 480px;
}