/* Start:/local/templates/ipotekatmpl/components/astatroth/currency.informer/currency-page/style.css?17645858715742*/
.section h1 {
    text-align: center;
}

.currency-wrapper {
    width: 100%;
    max-width: var(--dimension-256);
    margin-left: auto;
    margin-right: auto;
}

.currency-table-wrapper {
    width: 100%;
    background-color: var(--container-high);
    padding: var(--space-2x);
    border-radius: var(--radius-16);
}

.currency-table {
    width: 100%;
    background: unset;
}

.currency-table .currency-table-th,
.currency-table .currency-table-td {
    padding: var(--space-base);
    text-align: left;
    border: unset;
    background: unset;
}

.currency-table .currency-table-th {
    color: var(--on-surface-variant);
    --font-size: var(--small-font-size);
    --line-height: var(--small-line-height);
    --font-weight: var(--small-font-weight);
    --font-family: var(--small-font-family);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
}

.currency-table .currency-table-td {
    --font-size: var(--small-font-size);
    --line-height: var(--small-line-height);
    --font-weight: var(--small-highlighted-font-weight);
    --font-family: var(--small-font-family);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
}

.currency-table .currency-sale {
    text-align: right;
}

.currency-table .currency-badge {
    display: flex;
    align-items: center;
    gap: var(--space-base);
}

.currency-table .currency-badge * {
    color: inherit;
}

.currency-table .currency-badge img {
    width: var(--dimension-5);
    border-radius: 50%;
    overflow: hidden;
}

.currency-table .currency-badge span:first-of-type {
    display: none;
}

@media (min-width: 578px) {
    .currency-table .currency-badge span:first-of-type {
        display: unset;
    }

    .currency-table .currency-badge span:nth-of-type(2) {
        display: none;
    }

    .currency-table .currency-badge img {
        width: none;
    }

    .currency-table .currency-table-th {
        --font-size: var(--body-font-size);
        --line-height: var(--body-line-height);
        --font-weight: var(--body-font-weight);
        --font-family: var(--body-font-family);
        font-family: var(--font-family);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
    }

    .currency-table .currency-table-td {
        --font-size: var(--lead-font-size);
        --line-height: var(--lead-line-height);
        --font-weight: var(--lead-highlighted-font-weight);
        --font-family: var(--lead-font-family);
        font-family: var(--font-family);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
    }

    .currency-table .currency-table-th,
    .currency-table .currency-table-td {
        padding: 0.75rem var(--space-2x);
        text-align: left;
    }

    .currency-table .currency-sale {
        text-align: left;
    }
}

.currency-hero-section .currency-hero {
    text-align: center;
}

.currency-hero-section .currency-hero .currency-hero__title {
    margin-bottom: var(--space-2x);
}

.currency-hero-section .currency-hero .currency-hero__subtitle {
    color: var(--on-surface-variant);
}

.currency-table-section .currency-table-tab .currency-table-tab__nav {
    display: flex;
    justify-content: center;
    margin-bottom: var(--space-2x);
}

.currency-actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-2x);
    padding: var(--space-3x) 0;
}

.currency-table-section .currency-table-tab .currency-table-tab__nav .tab-nav {
    background-color: var(--container-high);
}

.currency-table-section .currency-table-tab .currency-table-tab__content {
    display: flex;
    justify-content: center;
}

.currency-wrapper {
    width: 100%;
    max-width: var(--dimension-256);
    margin-left: auto;
    margin-right: auto;
}

.currency-converter {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.currency-input-field {
    display: inline-flex;
    padding: var(--space-2x);
    background-color: var(--container-high);
    border-radius: var(--radius-16);
    gap: var(--space-2x);
    align-items: center;
}

.currency-field {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    gap: var(--space-half);
}

.currency-field .currency-field__label {
    text-align: right;
    color: var(--on-surface-variant);
}

.currency-input-field input {
    flex-grow: 1;
    min-width: 7.5rem;
}

.currency-field__swap,
.currency-input-field {
    height: var(--dimension-16);
}

.currency-input-field .currrency-input-addon {
    display: flex;
    align-items: center;
    gap: var(--space-base);
    flex-shrink: 0;
}

.currency-input-field .currrency-input-addon span {
    display: flex;
    align-items: center;
    gap: var(--space-base);
}

.currency-input-field input:focus {
    outline: none;
}

.currency-input-field .currrency-input-addon {
    cursor: pointer;
}

.currency-dropdown-menu__item {
    display: flex;
    align-items: center;
    gap: var(--space-base);
}

@media (min-width: 768px) {
    .currency-converter {
        align-items: flex-start;
        flex-direction: row;
    }

    .currency-field {
        width: unset;
    }

    .currency-actions {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}
/* End */
/* /local/templates/ipotekatmpl/components/astatroth/currency.informer/currency-page/style.css?17645858715742 */