.spb-stock-exchange {
    --side-padding: var(--main-layout-side-padding);
    --max-width: 100%
}

@media(min-width: 720px) {
    .spb-stock-exchange {
        --side-padding:var(--main-layout-side-padding);
        --max-width: 77.34375vw
    }
}

@media(min-width: 1281px) {
    .spb-stock-exchange {
        --side-padding:0;
        --max-width: 51.5625vw
    }
}

@media(min-width: 2400px) {
    .spb-stock-exchange {
        --side-padding:0;
        --max-width: 1237.5px
    }
}

.spb-stock-exchange {
    width: var(--main-layout-content-width);
    max-width: var(--max-width);
    padding: 0 var(--side-padding);
    display: flex
}

.spb-stock-exchange__content {
    --vertical-padding: 5.6vw;
    --side-padding: 2.6666666667vw;
    --border-width: 0.5333333333vw;
    --border-radius: 8.5333333333vw;
    --justify-content: center;
    --gap: 3.2vw;
    --flex-direction: column
}

@media(min-width: 720px) {
    .spb-stock-exchange__content {
        --vertical-padding:1.5625vw;
        --side-padding: 1.5625vw;
        --border-width: 0.234375vw;
        --border-radius: 2.5vw;
        --justify-content: space-between;
        --gap: 4.140625vw;
        --flex-direction: row
    }
}

@media(min-width: 1281px) {
    .spb-stock-exchange__content {
        --vertical-padding:1.0416666667vw;
        --side-padding: 1.0416666667vw;
        --border-width: 0.15625vw;
        --border-radius: 1.6666666667vw;
        --justify-content: space-between;
        --gap: 2.7604166667vw;
        --flex-direction: row
    }
}

@media(min-width: 2400px) {
    .spb-stock-exchange__content {
        --vertical-padding:25px;
        --side-padding: 25px;
        --border-width: 3.75px;
        --border-radius: 40px;
        --justify-content: space-between;
        --gap: 66.25px;
        --flex-direction: row
    }
}

.spb-stock-exchange__content {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: var(--justify-content);
    gap: var(--gap);
    border: var(--border-width) solid var(--color-brand);
    border-radius: var(--border-radius);
    padding: var(--vertical-padding) var(--side-padding);
    flex-direction: var(--flex-direction)
}

.spb-stock-exchange__logo-container {
    --width: 53.6vw
}

@media(min-width: 720px) {
    .spb-stock-exchange__logo-container {
        --width:28.75vw
    }
}

@media(min-width: 1281px) {
    .spb-stock-exchange__logo-container {
        --width:19.1666666667vw
    }
}

@media(min-width: 2400px) {
    .spb-stock-exchange__logo-container {
        --width:460px
    }
}

.spb-stock-exchange__logo-container {
    max-width: var(--width)
}

.spb-stock-exchange__divider {
    --width: 0.2666666667vw
}

@media(min-width: 720px) {
    .spb-stock-exchange__divider {
        --width:0.078125vw
    }
}

@media(min-width: 1281px) {
    .spb-stock-exchange__divider {
        --width:0.0520833333vw
    }
}

@media(min-width: 2400px) {
    .spb-stock-exchange__divider {
        --width:1.25px
    }
}

.spb-stock-exchange__divider {
    height: 100%;
    border: var(--width) solid var(--color-elephant-bone)
}

.spb-stock-exchange__text {
    --gap: 3.2vw;
    --text-align: center
}

@media(min-width: 720px) {
    .spb-stock-exchange__text {
        --gap:0.9375vw;
        --text-align: left
    }
}

@media(min-width: 1281px) {
    .spb-stock-exchange__text {
        --gap:0.625vw;
        --text-align: left
    }
}

@media(min-width: 2400px) {
    .spb-stock-exchange__text {
        --gap:15px;
        --text-align: left
    }
}

.spb-stock-exchange__text {
    gap: var(--gap);
    display: flex;
    flex-direction: column;
    text-align: var(--text-align)
}

.spb-stock-exchange__text-description {
    color: var(--color-wetty-asphalt)
}
