:root {
    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
}
:root {
    --border-radius-12: 12px;
}
:root {
    --gap-0: 0px;
    --gap-4: 4px;
    --gap-12: 12px;
    --gap-16: 16px;
    --gap-20: 20px;
}
:root {
    --font-family-system:
        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
}
.bank-card__component_1lyzg {
    position: relative;
    max-width: 343px;

    .bank-card__formControl_1lyzg {
        .bank-card__field_1lyzg {
            background-color: transparent;
        }
    }
}
@media (hover: hover) {
.bank-card__component_1lyzg {

    .bank-card__formControl_1lyzg {
        .bank-card__field_1lyzg:hover {
                background-color: transparent;
        }
    }
}
    }
.bank-card__component_1lyzg {

    .bank-card__formControl_1lyzg {

            .bank-card__field_1lyzg:before {
                border-bottom: 1px solid var(--color-light-neutral-translucent-700);
            }
    }

        .bank-card__formControl_1lyzg.bank-card__focused_1lyzg {
            .bank-card__field_1lyzg {
                box-shadow: none;
            }
        }
}
@media (hover: hover) {
.bank-card__component_1lyzg {

        .bank-card__formControl_1lyzg.bank-card__focused_1lyzg {
        .bank-card__field_1lyzg:hover {
                    box-shadow: none;
        }
        }
}
    }
.bank-card__component_1lyzg {

        .bank-card__formControl_1lyzg.bank-card__focused_1lyzg {
                .bank-card__field_1lyzg:before {
                    border-bottom: 1px solid var(--color-light-neutral-translucent-1300);
                }
        }
}
.bank-card__aspectRatioContainer_1lyzg {
    padding-bottom: 63%;
}
.bank-card__content_1lyzg {
    position: absolute;
    top: var(--gap-0);
    right: var(--gap-0);
    bottom: var(--gap-0);
    left: var(--gap-0);
    display: flex;
    align-items: center;
    padding-left: var(--gap-20);
    padding-right: var(--gap-20);
    border-radius: var(--border-radius-12);
    box-sizing: border-box;
}
.bank-card__label_1lyzg {
    left: var(--gap-0);
    transform: translateY(-3px);
    color: var(--color-light-text-secondary);

    transition:
        font-size 0.2s ease,
        line-height 0.2s ease,
        transform 0.2s ease;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-family: var(--font-family-system);
}
.bank-card__focused_1lyzg .bank-card__label_1lyzg,
.bank-card__filled_1lyzg .bank-card__label_1lyzg {
    color: var(--color-light-neutral-translucent-1300);
    transform: translateY(calc(-100% - 5px));

    font-size: 12px;

    line-height: 16px;

    font-weight: 400;

    font-family: var(--font-family-system);
}
.bank-card__focused_1lyzg:before {
    transform: scale(1) !important;
}
.bank-card__input_1lyzg {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-family: var(--font-family-system);

    color: var(--color-light-neutral-translucent-1300);
    caret-color: var(--color-light-neutral-translucent-1300);
    padding-left: var(--gap-0) !important;
    padding-bottom: 5px !important;
}
.bank-card__bankLogo_1lyzg {
    position: absolute;
    top: var(--gap-16);
    left: var(--gap-16);
}
.bank-card__bankLogo_1lyzg svg {
        display: block;
    }
.bank-card__bankLogo_1lyzg svg g {
            fill: var(--color-light-neutral-translucent-1300);
        }
.bank-card__brandLogo_1lyzg {
    position: absolute;
    bottom: var(--gap-20);
    right: var(--gap-20);
}
.bank-card__brandLogo_1lyzg svg {
        display: block;
        fill: var(--color-light-neutral-translucent-1300);
    }
.bank-card__usePhoto_1lyzg {
    display: block;
    margin: var(--gap-0);
    padding: var(--gap-0);
    text-decoration: none;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer;
    outline: none;
    margin-bottom: var(--gap-4);
    align-self: flex-end;
    margin-right: calc(var(--gap-12) * -1);
}
.bank-card__usePhoto_1lyzg svg {
        fill: var(--color-light-neutral-translucent-1300);
        display: block;
    }