.tw-rate-graph_legend__gradient a {
    vertical-align: sub
}

.tw-rate-graph_legend__gradient svg {
    display: inline-block;
    height: 4px;
    margin-bottom: 2px;
    margin-right: 8px;
    width: 30px
}

@media (max-width:576px) {
    .tw-rate-graph_legend__gradient {
        display: none
    }
    .tw-rate-graph__description {
        text-align: center
    }
}

.tw-rate-graph--loading canvas {
    opacity: .3;
    pointer-events: none
}

.tw-rate-graph canvas {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.currency-pair-flags {
    height: 72px;
    width: 72px
}

.currency-pair-flags .currency-flag-container {
    height: 44px;
    position: absolute;
    width: 44px
}

.currency-pair-flags .target-currency-flag {
    left: 24px;
    top: 24px
}

.currency-pair-flags .currency-flag {
    border: 5px solid #fff;
    border-radius: 50%;
    height: 44px !important;
    width: 44px !important
}

.tw-fixed-height-loader {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 281px;
    -ms-flex-pack: center;
    justify-content: center
}

.tw-fixed-height-loader--mobile {
    height: 314px
}

.tw-rate-graph__description {
    text-align: left
}

.tw-rate-graph {
    display: inline-block;
    width: 100%
}

.grey-bg {
    background-color: var(--color-background-neutral);
    border-radius: var(--radius-small);
    padding: var(--size-8)
}

.tw-rate-graph canvas {
    max-height: 350px
}

.tw-rate-graph__horizontal-label-left {
    float: left
}

.tw-rate-graph__horizontal-label-right {
    float: right;
    padding-right: 45px
}

.tw-rate-graph .np-chip {
    cursor: pointer;
    margin-bottom: 8px
}

.tw-rate-graph__horizontal-label-left,
.tw-rate-graph__horizontal-label-right {
    color: var(--color-content-primary);
    font-family: Inter
}

.tw-rate-graph__footer {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    gap: var(--size-16);
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: var(--size-16)
}

@media (max-width:576px) {
    .tw-rate-graph__footer {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.rate-graph-v2-positive-change {
    color: var(--color-content-positive)
}

.rate-graph-v2-negative-change,
.rate-graph-v2-positive-change {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    -ms-flex-pack: center;
    justify-content: center
}

.rate-graph-v2-negative-change {
    color: var(--color-content-negative)
}

.rate-change-icon {
    margin-right: 10px
}

.rate-info {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.flag-section,
.rate-info {
    display: -ms-flexbox;
    display: flex
}

.flag-section {
    -ms-flex-direction: row;
    flex-direction: row
}

:root {
    --color-background-celebration: #ecf9f9;
    --color-content-celebration: #0b4c72
}

:root .np-theme-personal--dark {
    --color-background-celebration: #0e4242;
    --color-content-celebration: #a0e1e1
}

.wds-prompt .emphasis--important {
    color: inherit
}

.Prompt_prompt {
    border-radius: var(--radius-small);
    row-gap: var(--size-16)
}

.Prompt_celebration {
    background-color: var(--color-background-celebration)
}

.Prompt_positive {
    background-color: var(--color-interactive-neutral)
}

.Prompt_none {
    border: 1px solid var(--color-border-neutral)
}

.Prompt_promptTop {
    -webkit-column-gap: var(--size-16);
    -moz-column-gap: var(--size-16);
    column-gap: var(--size-16)
}

.Prompt_promptText {
    row-gap: var(--size-4)
}

.Prompt_promptLabel a,
.Prompt_promptLabel strong {
    color: var(--color-content-secondary) !important
}

.Prompt_promptMedia {
    max-width: var(--size-64) !important
}

.Prompt_promptActions {
    width: 100%;
    -webkit-column-gap: var(--size-8);
    -moz-column-gap: var(--size-8);
    column-gap: var(--size-8);
    row-gap: var(--size-8);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Prompt_promptAction {
    height: var(--size-40);
    -ms-flex: 1 1;
    flex: 1 1
}

.AlertContent_alertContent {
    border-radius: var(--size-8);
    padding: var(--size-4) var(--size-8);
    gap: .4rem;
    cursor: default
}

.AlertContent_none {
    padding-left: 0;
    color: var(--color-content-secondary)
}

.AlertContent_celebration {
    background-color: var(--color-background-celebration);
    color: var(--color-content-celebration)
}

.AlertContent_celebration .AlertContent_alertContentText {
    * {
        color: var(--color-content-celebration) !important
    }
}

.AlertContent_positive {
    background-color: var(--color-interactive-neutral)
}

.AlertContent_positive .AlertContent_alertContentText {
    * {
        color: var(--color-sentiment-positive) !important
    }
}

.AlertContent_neutral {
    background-color: var(--color-background-neutral)
}

.AlertContent_neutral .AlertContent_alertContentText {
    * {
        color: var(--color-content-secondary) !important
    }
}

.AlertContent_warning {
    background-color: var(--color-background-warning)
}

.AlertContent_warning .AlertContent_alertContentText {
    * {
        color: var(--color-content-secondary) !important
    }
}

.AlertContent_negative {
    background-color: var(--color-background-negative)
}

.AlertContent_negative .AlertContent_alertContentText {
    * {
        color: var(--color-content-negative-active) !important
    }
}

.np-theme-personal--dark .AlertContent_negative {
    background-color: var(--color-sentiment-negative-secondary)
}

.np-theme-personal--dark .AlertContent_negative .AlertContent_alertContentText {
    * {
        color: var(--color-sentiment-negative-primary) !important
    }
}

.Animations_fadeIn {
    opacity: 0;
    -webkit-animation: Animations_fade-in .2s ease-in forwards;
    animation: Animations_fade-in .2s ease-in forwards
}

.Animations_shimmer {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, var(--color-background-neutral)), color-stop(30%, rgba(255 255 255/25%)), color-stop(40%, var(--color-background-neutral)), color-stop(70%, rgba(255 255 255/25%)), color-stop(80%, var(--color-background-neutral)));
    background: linear-gradient(to right, var(--color-background-neutral) 20%, rgba(255 255 255/25%) 30%, var(--color-background-neutral) 40%, rgba(255 255 255/25%) 70%, var(--color-background-neutral) 80%);
    background-size: 200%;
    background-position-x: 100%;
    -webkit-animation: Animations_shimmer 2s linear infinite;
    animation: Animations_shimmer 2s linear infinite
}

.Animations_moveUp {
    -webkit-animation: Animations_move-up .3s forwards;
    animation: Animations_move-up .3s forwards
}

@-webkit-keyframes Animations_move-up {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes Animations_move-up {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes Animations_shimmer {
    to {
        background-position-x: -100%
    }
}

@keyframes Animations_shimmer {
    to {
        background-position-x: -100%
    }
}

@-webkit-keyframes Animations_fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes Animations_fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ContextualAlert_contextualAlertContent {
    font-weight: 500
}

.ContextualAlert_small {
    * {
        font-size: var(--font-size-12) !important
    }
}

.ContextualAlert_contextualAlertContent .tw-alert-content-icon {
    margin-top: 2px
}

.ContextualAlert_contextualAlertShimmer {
    border-radius: var(--size-8)
}

.StandaloneAlert_alertContent .tw-alert-content-icon {
    margin-top: 3px
}

.StandaloneAlert_alertContent {
    width: 100%
}

.StandaloneAlert_standaloneAlertShimmer {
    border-radius: var(--radius-medium)
}

.ChevronButtonContent_chevronButtonContent {
    gap: .4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.UnstyledButton_unstyledButton:focus-visible {
    outline: var(--ring-outline-color) solid var(--ring-outline-width);
    outline-offset: 2px;
    outline-offset: var(--ring-outline-offset)
}

button.UnstyledButton_unstyledButton {
    background: none;
    border: none;
    padding: 0
}

.Shimmers_shimmerBox {
    border: 1px solid var(--color-border-neutral);
    overflow: hidden;
    border-radius: var(--radius-small);
    position: relative;
    padding: var(--size-16);
    margin-top: 4px
}

.Shimmers_iconCircle {
    border-radius: 50%;
    height: var(--size-48);
    width: var(--size-48)
}

.Shimmers_actionButton {
    height: 30px;
    width: 75px
}

.Shimmers_actionButton,
.Shimmers_promptButton {
    padding: var(--size-8) var(--size-12) var(--size-8);
    border-radius: var(--radius-large)
}

.Shimmers_promptButton {
    height: var(--size-40);
    width: 100%
}

.Shimmers_paragraphText {
    height: 20px !important;
    margin-top: 8px
}

.Shimmers_borderRadius {
    border-radius: 2px
}

.Shimmers_optionListItemMedia {
    width: 100%
}

.TextShimmer_textShort {
    height: var(--size-12);
    width: var(--size-72);
    display: inline-block
}

.TextShimmer_textMedium {
    width: var(--size-128)
}

.TextShimmer_textLong,
.TextShimmer_textMedium {
    height: var(--size-12);
    margin-bottom: var(--size-4)
}

.TextShimmer_textLong {
    width: 200px
}

.TextShimmer_textExtraLong {
    height: var(--size-12);
    width: 256px
}

.ResponsiveModal_footer {
    border-top: 1px solid var(--color-border-neutral);
    padding: var(--size-24) 0 var(--size-8) 0
}

.SentimentText_positiveLabel {
    color: var(--color-interactive-primary) !important;
    * {
        color: var(--color-interactive-primary) !important
    }
}

.SentimentText_warningLabel {
    color: var(--color-sentiment-warning) !important;
    * {
        color: var(--color-sentiment-warning) !important
    }
}

.SentimentText_negativeLabel {
    color: var(--color-sentiment-negative) !important;
    * {
        color: var(--color-sentiment-negative) !important
    }
}

.SentimentText_celebrationLabel {
    color: var(--color-content-celebration) !important;
    * {
        color: var(--color-content-celebration) !important
    }
}

.CurrencySelect_selectWrapper {
    display: -ms-flexbox !important;
    display: flex !important
}

.CurrencySelect_selectTrigger {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.DynamicFlowContainer_loader {
    min-height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.DynamicFlowModal_reducedModalMotion .tw-modal-dialog {
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px)
}

.FilterableDecisionRenderer_listItem .wds-list-item-view {
    display: -ms-flexbox;
    display: flex;
    gap: var(--size-8);
    -ms-flex-align: center;
    align-items: center
}

.LocalAccountDetailsFieldsRenderer_localAccountDetails {
    border-radius: var(--radius-medium)
}

.LocalAccountDetailsFieldsRenderer_localAccountDetails .wds-Button {
    background: none !important;
    padding: 0
}

.LocalAccountDetailsWrapperRenderer_localAccountDetailsWrapper .np-circle {
    width: var(--size-32);
    height: var(--size-32)
}

.ErrorComponent_error {
    width: 100%;
    max-width: 600px;
    margin-top: 12vh
}

.TextLabel_discountLabel {
    color: var(--color-sentiment-positive);
    * {
        color: var(--color-sentiment-positive)
    }
}

.FeeBreakdown_dashedLine {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 1px;
    overflow: hidden
}

.FeeBreakdown_dashedLine hr {
    border: 0;
    border-bottom: 3px dashed var(--color-border-neutral)
}

.FeeBreakdown_feeBreakdownNotice .alert {
    margin-bottom: 0 !important
}

.FeeBreakdown_feeBreakdownNotice .alert .status-circle {
    display: none !important
}

.FeeBreakdown_feeBreakdownNotice .alert .alert__message {
    padding-left: 0 !important
}

.FeeBreakdown_feeBreakdownNotice .alert a,
.FeeBreakdown_feeBreakdownNotice .alert button,
.FeeBreakdown_feeBreakdownNotice .alert h4,
.FeeBreakdown_feeBreakdownNotice .alert span {
    font-size: var(--font-size-14) !important
}

.FeeBreakdown_celebrationItem {
    background-color: var(--color-background-celebration);
    border-radius: var(--size-8);
    padding: var(--size-4) var(--size-8);
    font-weight: 700
}

.Table_tableContainer {
    border: 1px solid var(--color-border-neutral);
    border-radius: var(--radius-medium)
}

.Table_tableRow {
    border-bottom: 1px solid var(--color-border-neutral);
    min-height: var(--size-40)
}

.Table_tableRow:last-child {
    border-bottom: none
}

.Table_tableRowHighlighted {
    border-bottom: none;
    border-radius: var(--radius-small)
}

.Table_tableRowHighlightedPositive {
    background-color: var(--color-interactive-neutral)
}

.Table_tableRowHighlightedCelebration {
    background-color: var(--color-background-celebration)
}

.Table_tableRow:has(+.Table_tableRowHighlighted) {
    border-bottom: none
}

.FeeAdjustmentsBreakdownTable_table {
    font-size: var(--size-14)
}

.FeeAdjustmentsBreakdownTable_tableRow {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: var(--size-8);
    gap: var(--size-8);
    -ms-flex-align: center;
    align-items: center
}

.FeeAdjustmentsBreakdownTable_tableRow.FeeAdjustmentsBreakdownTable_twoChildren {
    grid-template-columns: 1fr 1fr
}

.FeeAdjustmentsBreakdownTable_tableRow :first-child {
    justify-self: start
}

.FeeAdjustmentsBreakdownTable_percentage {
    justify-self: center
}

.FeeAdjustmentsBreakdownTable_tableRow :last-child {
    justify-self: end
}

@media screen and (min-width:481px) {
    .FeeAdjustmentsBreakdownTable_tableRow {
        grid-template-columns: minmax(100px, auto) 1fr minmax(100px, auto);
        gap: var(--size-16)
    }
    .FeeAdjustmentsBreakdownTable_tableRow.FeeAdjustmentsBreakdownTable_twoChildren {
        grid-template-columns: minmax(100px, auto) 1fr
    }
    .FeeAdjustmentsBreakdownTable_percentage {
        justify-self: end
    }
}

.PaymentMethod_muted .media-body,
.PaymentMethod_muted .media-left {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .45
}

.PaymentMethod_noAction {
    pointer-events: none
}

.PaymentMethod_rounded {
    border-radius: var(--radius-small)
}

.PaymentMethod_field .alert.alert-detach a,
.PaymentMethod_field .alert.alert-detach a:focus,
.PaymentMethod_field .alert.alert-detach a:hover,
.PaymentMethod_field .alert.alert-detach button,
.PaymentMethod_field .alert.alert-detach button:focus,
.PaymentMethod_field .alert.alert-detach button:hover {
    color: inherit !important
}

.ComparisonTable_nudge {
    background-color: var(--color-background-neutral);
    border-radius: var(--radius-medium);
    padding: var(--size-16)
}

.ComparisonTable_providerImage {
    width: 90px;
    height: 20px;
    margin: var(--size-24) 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0
}

.ComparisonTable_providerImageGrey {
    -webkit-filter: invert(100%) grayscale(100%) opacity(70%);
    filter: invert(100%) grayscale(100%) opacity(70%)
}

.ComparisonTable_providerImageBlue {
    -webkit-filter: invert(70%) sepia(15%) saturate(2000%) hue-rotate(165deg) brightness(80%) contrast(90%);
    filter: invert(70%) sepia(15%) saturate(2000%) hue-rotate(165deg) brightness(80%) contrast(90%)
}

.ComparisonTable_disclaimer a {
    color: var(--color-content-tertiary);
    font-weight: 500
}

.ComparisonTable_disclaimer {
    text-align: center
}

.RateDetails_divider {
    border: solid;
    border-top: 4px;
    color: var(--color-background-neutral);
    margin: 2px -24px
}

.RateDetails_rateLabelSubtext,
.RateDetails_tertiaryText {
    color: var(--color-content-tertiary)
}

.RateShimmerWrapper_rateWrapper {
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:576px) {
    .RateShimmerWrapper_rateWrapper {
        -ms-flex-align: start;
        align-items: start
    }
}

.RateShimmerWrapper_hideText,
.RateShimmerWrapper_hideText * {
    color: transparent !important
}

.RateShimmerWrapper_textWrapper {
    height: 22px
}

.RateShimmerWrapper_text {
    border-radius: 5px
}

.RateShimmerWrapper_buttonWrapper {
    height: 32px
}

.RateShimmerWrapper_fades {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.RateShimmerWrapper_show {
    opacity: 1
}

.RateShimmerWrapper_hide {
    opacity: 0
}

.AddonButton_addonButton {
    background-color: transparent;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.Reference_inputContainer {
    position: relative
}

.Reference_inputAddon {
    position: absolute;
    right: var(--size-8);
    top: var(--size-8)
}

.Reference_negative .Reference_input {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-sentiment-negative) !important;
    box-shadow: inset 0 0 0 2px var(--color-sentiment-negative) !important
}

.Reference_counter {
    text-align: right
}

.Reference_counterContainer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: var(--size-4)
}

.Reference_counterContainer,
.Reference_extraContentContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.Reference_extraContentContainer {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--size-8);
    margin-top: var(--size-2);
    overflow: hidden
}

.Reference_extraContentContainer>div {
    min-width: 0
}

.Reference_extraContentContainer:has(.Reference_counterContainer:only-child) .Reference_counterContainer {
    margin-left: auto
}

.Reference_negative .Reference_inlineAlertText {
    color: var(--color-content-negative-active)
}

.ReferenceSuggestions_suggestion {
    white-space: nowrap
}

.ReferenceSuggestions_suggestion .np-text-body-default-bold {
    font-weight: 400
}

.ReferenceSuggestions_suggestion.np-chip {
    padding: 5px 12px
}

.ScrollableContainer_scrollableContainer,
.ScrollableContainer_scrollableContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ScrollableContainer_scrollableContent {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.ScrollableContainer_scrollableContent::-webkit-scrollbar {
    display: none
}

.ScrollableContainer_scrollArrow {
    border: none;
    background: none;
    cursor: pointer;
    padding: 4px
}

.ScrollableContainer_scrollArrow:disabled {
    cursor: not-allowed;
    opacity: .3
}

.Title_title {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.Title_hasRateLabel {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.Title_hasRate {
    -webkit-transform: translateY(var(--size-24));
    transform: translateY(var(--size-24))
}

.Title_noRate {
    -webkit-transform: translateY(var(--size-64));
    transform: translateY(var(--size-64))
}

.Continue_continueHint {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-large);
    padding: 0 5px 5px;
    -webkit-transition: padding .2s ease-in;
    transition: padding .2s ease-in
}

.Continue_continueContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Continue_continueHintPlaceholder {
    min-height: 90px
}

.Continue_continueContainer:before {
    content: ""
}

.Continue_continueHint:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-background-neutral);
    border-radius: inherit;
    -webkit-animation: Continue_slideUp .5s cubic-bezier(.3, 1, .5, 1) forwards;
    animation: Continue_slideUp .5s cubic-bezier(.3, 1, .5, 1) forwards
}

.Continue_continueHintPositive:before {
    background-color: #e9f7e1
}

.np-theme-personal--dark .Continue_continueHintPositive:before {
    background-color: var(--color-interactive-control)
}

.Continue_continueHintText {
    opacity: 0;
    -webkit-animation: Continue_slideUp .5s cubic-bezier(.3, 1, .5, 1) .1s forwards, Continue_fadeIn .1s ease-in .1s forwards;
    animation: Continue_slideUp .5s cubic-bezier(.3, 1, .5, 1) .1s forwards, Continue_fadeIn .1s ease-in .1s forwards;
    text-align: center;
    padding: 12px 8px 8px;
    color: var(--color-content-primary)
}

.Continue_continueButtonContainer {
    opacity: 1;
    position: relative
}

@-webkit-keyframes Continue_slideUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes Continue_slideUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes Continue_fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes Continue_fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ModalHeader_modalTitle {
    color: var(--color-content-primary)
}

.CurrencySelector_currencySelector {
    &:disabled {
        opacity: 1 !important;
        cursor: auto !important;
        mix-blend-mode: normal !important
    }
}

.BalanceList_group {
    overflow: hidden;
    margin: 0 0 var(--size-16) 0;
    padding: var(--size-16);
    border: 1px solid var(--color-border-neutral);
    border-radius: var(--radius-medium)
}

@media (max-width:576px) {
    .BalanceList_group {
        padding: 0
    }
}

.BalanceList_groupTitle {
    margin: var(--size-16);
    margin-bottom: var(--size-8)
}

.BalanceSelectionModal_backContainer {
    position: absolute;
    top: var(--size-24)
}

.BalanceSelectionModal_animationContainer {
    position: relative;
    overflow: hidden;
    margin: 0 -24px
}

.BalanceSelectionModal_animationChild {
    width: 100%;
    padding: 0 24px
}

.AmountInput_container {
    width: 100%
}

.AmountInput_inputContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: right;
    justify-content: right;
    width: 100%;
    -webkit-transition: font-size .4s cubic-bezier(.3, 0, .1, 1), height .4s cubic-bezier(.3, 0, .1, 1), margin-top .4s cubic-bezier(.3, 0, .1, 1), color .4s ease;
    transition: font-size .4s cubic-bezier(.3, 0, .1, 1), height .4s cubic-bezier(.3, 0, .1, 1), margin-top .4s cubic-bezier(.3, 0, .1, 1), color .4s ease;
    color: var(--color-interactive-primary);
    overflow: hidden;
    margin-bottom: 0 !important
}

@media (prefers-reduced-motion:reduce) {
    .AmountInput_inputContainer {
        -webkit-transition: none;
        transition: none
    }
}

.AmountInput_input {
    border: none;
    outline: none;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    background-color: transparent;
    &:focus-visible {
        outline: none
    }
}

.AmountInput_placeholder {
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.AmountInput_placeholderFocus {
    color: var(--color-content-tertiary)
}

.AmountInput_inputMask span {
    display: contents
}

.Chevron_container {
    width: 32px;
    overflow: hidden;
    color: var(--color-interactive-primary);
    margin-left: var(--size-8);
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.Chevron_chevronHidden {
    width: 0
}

.MoneyInput_container {
    display: -ms-flexbox;
    display: flex
}

.MoneyInput_currencySelector {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: var(--size-24)
}

.MoneyInput_chevron {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%)
}

.MoneyInputField_label {
    font-weight: var(--font-weight-regular)
}

.ModalContentRenderer_modalContent .tw-modal-dialog.tw-modal-md {
    --modal-md-width: 540px;
    --side-margin: 24px;
    width: calc(var(--modal-md-width) - 2 * var(--side-margin))
}

.PaymentMethod_noAction2 {
    pointer-events: none
}

.Rate_verticalLine {
    width: 1px;
    height: 20px;
    background-color: var(--color-border-neutral)
}

.Rate_rateButton {
    overflow: hidden;
    height: var(--size-40);
    padding-left: var(--size-16)
}

.tapestry-wrapper {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding-bottom: var(--size-16)
}

.tapestry-wrapper>:first-child {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 0 0 var(--size-32) var(--size-32);
    background-color: var(--color-bright-orange);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.tapestry-wrapper>:last-child {
    background-color: var(--color-white);
    border-radius: var(--size-32);
    color: var(--color-content-primary);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--padding-small);
    z-index: 2
}

@media (min-width:768px) {
    .tapestry-wrapper>:last-child {
        padding: var(--padding-large)
    }
}

.tapestry-card-content {
    width: 100%;
    margin: 0 auto
}

.bg-tapestry-1 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-1.0afdd966.jpg)
}

.bg-tapestry-2 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-2.9780da73.jpg)
}

.bg-tapestry-3 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-3.623fdb4e.jpg)
}

.bg-tapestry-4 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-4.b0800cd9.jpg)
}

.bg-tapestry-5 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-5.89918f16.jpg)
}

.bg-tapestry-6 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-6.398e20a0.jpg)
}

.bg-tapestry-7 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-7.cc744e09.jpg)
}

.bg-tapestry-8 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-8.be9dff6f.jpg)
}

.bg-tapestry-9 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-9.1dc5eecc.jpg)
}

.bg-tapestry-10 {
    background-image: url(/static-assets/app/_next/static/media/tapestry-10.533cc236.jpg)
}

.Card_bgTapestry {
    background-color: var(--color-forest-green);
    background-image: url(https://wise.com/public-resources/assets/editorial/section-tapestries/tapestry_04.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-blend-mode: soft-light
}

.Card_bgWhite {
    background: var(--color-background-screen)
}

.Card_curvedBorders {
    --radius-xl: var(--size-32);
    border-radius: var(--radius-xl);
    overflow: hidden
}

.Card_raisedCurvedTopBorders {
    --radius-xl: var(--size-32);
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    margin-top: calc(-1 * var(--radius-xl))
}

.Card_calculatorPadding {
    padding: var(--padding-large)
}

@media (max-width:575px) {
    .Card_calculatorPadding {
        padding: var(--padding-small)
    }
}

.CountrySelector_listItem .wds-list-item-view {
    display: -ms-flexbox;
    display: flex;
    gap: var(--size-8);
    -ms-flex-align: center;
    align-items: center
}

.CountrySelector_countrySelectorHeader.text-primary {
    color: var(--color-bright-green) !important
}

.CountrySelector_countrySelectorLabel {
    color: var(--color-background-screen)
}

.CountrySelector_bgWhite {
    background: var(--color-background-screen)
}

.CountrySelector_bgGray {
    background: var(--color-background-neutral)
}

@media (max-width:575px) {
    .CountrySelector_countrySelectorHeader,
    .CountrySelector_countrySelectorLabel {
        text-align: center
    }
}

.Actions_actionsContainer {
    container: Actions_actions-container/inline-size
}

.Actions_actions {
    display: -ms-flexbox;
    display: flex;
    gap: var(--size-8);
    >* {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@container Actions_actions-container (max-width: 400px) {
    .Actions_actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        >* {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }
    }
}

.Fees_container {
    border: 1px solid var(--color-border-neutral);
    border-radius: var(--radius-small);
    padding: var(--padding-small) 0
}

.Fees_row {
    margin: 0 var(--padding-small);
    >:last-child * {
        text-align: right
    }
}

.Fees_divider {
    margin: calc(var(--padding-small) / 2) var(--padding-small)
}

.Fees_adjustmentsDivider {
    margin: var(--padding-small) calc(var(--padding-small) / 2)
}

.Fees_highlightedRow {
    margin: 0 calc(var(--padding-small) / 2);
    border-radius: var(--radius-small)
}

.Fees_celebrationRow {
    color: var(--color-content-celebration) !important;
    background-color: var(--color-background-celebration);
    * {
        color: var(--color-content-celebration) !important
    }
}

.Fees_positiveRow {
    color: var(--color-sentiment-positive) !important;
    background-color: var(--color-interactive-neutral);
    * {
        color: var(--color-sentiment-positive) !important
    }
}

.Fees_inlineNotice {
    margin-top: var(--size-4);
    margin-left: var(--padding-small);
    margin-right: var(--padding-small)
}

.Fees_adjustment,
.Fees_adjustment:active,
.Fees_adjustment:focus,
.Fees_adjustment:hover {
    text-decoration: none
}

/*# sourceMappingURL=52565e3cf0eeddbc.css.map*/