.currency-hero-banner {
    @media (max-width: 1920px){
        max-width: var(--grid-container-width);
        margin-left: auto; margin-right: auto;
    }

}
.currency-hero-banner__inner {
    background-color: #f1f1f1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    grid-template-columns: 2fr 2fr;
    padding: 32px 80px ;
    column-gap: 2rem;
    @media (max-width: 1099px) {
        grid-template-columns: unset;
        grid-template-rows: 1fr auto;
        row-gap: 2rem;
    }
    @media (max-width: 680px) {
        padding: 1rem ;
    }
}
.currency-hero-banner__exchange-rates{
    min-width: 340px;
    background-color: #F4F4F7;
    padding: 30px 60px;
    @media (max-width: 680px) {
        padding: 1rem;
    }
    @media (max-width: 360px){
        margin-left: -15px;
        margin-right: -15px;
    }
}
.currency-hero-banner__exchange-rates h2 {
    font-size: var(--atk-font-size-32);
}
.currency-hero-banner__table {
    max-width: 450px;
}
.currency-hero-banner__table thead tr > th,
.currency-hero-banner__table tbody tr > td{
    padding-bottom: 0.5rem;
}

.editor-styles-wrapper .currency-hero-banner__flag,
.currency-hero-banner__flag {
    height: 22px;
}
.currency-hero-banner__notice {
    margin-top: 1rem;
}
.currency-hero-banner__before-notice {
    margin-top: 2rem;
}
.currency-hero-banner__table-outer {
    margin-top: 1.5rem;
}
.currency-hero-banner__update-date {
    margin-bottom: 0;
}

.currency-hero-banner__subtitlesubtitle {
    font-size: var(--atk-font-size-32);
    @media (max-width: 680px) {
        font-size: 1rem;
    }
}
.pp-map-tooltip__content{
    height: 100%;
}

.col-sell-rate {
    width: 70px;
}
.currency-trend-up{
    color: green;
}
.currency-trend-down{
    color: red;
}