.trErrorMessage[data-v-690e2344] {
    color: #000;
    font-size: .75rem;
    line-height: 1.6
}

.trErrorMessage.red[data-v-690e2344] {
    color: #ff4034
}

.errorMessage-enter-active[data-v-690e2344],
.errorMessage-leave-active[data-v-690e2344] {
    max-height: 1.625rem;
    transition: all .3s ease-out 0s
}

.errorMessage-enter-from[data-v-690e2344],
.errorMessage-leave-to[data-v-690e2344] {
    max-height: 0;
    opacity: 0
}

.trInputLabel[data-v-21535585] {
    color: #8c939c;
    line-height: normal;
    width: -moz-fit-content;
    width: fit-content
}

.trTextInput[data-v-cba34f76] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%
}

.trTextInput .__input[data-v-cba34f76] {
    all: unset;
    background: #f0f3f7;
    border-radius: 1rem;
    color: #000;
    font-family: Trade Republic Sans Display, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
    padding: .75rem 1rem;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out
}

.trTextInput .__input[data-v-cba34f76]::-moz-placeholder {
    color: #c4cbd1
}

.trTextInput .__input[data-v-cba34f76]::placeholder {
    color: #c4cbd1
}

.trTextInput .__input[data-v-cba34f76]:hover {
    background: #e7e9ed
}

.trTextInput .__input[data-v-cba34f76]:-webkit-autofill,
.trTextInput .__input[data-v-cba34f76]:-webkit-autofill:active,
.trTextInput .__input[data-v-cba34f76]:-webkit-autofill:focus,
.trTextInput .__input[data-v-cba34f76]:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 100px #f0f3f7 !important
}

.trTextInput .__input[data-v-cba34f76]:focus {
    animation: blink_opacity-cba34f76 .01s
}

@keyframes blink_opacity-cba34f76 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.trModal[data-v-55081b93] {
    align-items: center;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    max-height: 100%;
    position: fixed;
    z-index: 1000
}

.trModal-custom-animation[data-v-55081b93] {
    animation-duration: .3s;
    animation-fill-mode: backwards;
    animation-name: animate-fade-55081b93
}

.trModal .__overlay[data-v-55081b93] {
    background: #000c;
    height: 100%;
    position: absolute;
    width: 100%
}

.trModal .__modal[data-v-55081b93] {
    background: #fff;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    height: 100%;
    max-height: 100%;
    max-width: 642px;
    padding-top: 4rem;
    position: relative;
    width: 100%
}

.trModal .__modal-dark[data-v-55081b93] {
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    background-color: #0f0f0fe6;
    color: #fff
}

.trModal .__header[data-v-55081b93] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between
}

.trModal .__header-normal[data-v-55081b93] {
    margin-bottom: 4rem
}

.trModal .__header-small[data-v-55081b93] {
    margin-bottom: 1rem
}

.trModal .__content[data-v-55081b93] {
    display: flex;
    flex-direction: column;
    height: calc(100% - env(keyboard-inset-height, 0px));
    overflow: auto;
    padding: 0 1.5rem 3rem;
    transition: all .15s ease-out
}

.trModal .__content-full-height[data-v-55081b93] {
    height: 100%
}

.trModal .__closeButton[data-v-55081b93] {
    all: unset;
    align-items: center;
    color: #8c939c;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 2.5rem;
    min-width: 2.5rem;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.trModal .__closeButton[data-v-55081b93] svg {
    height: 1.5rem;
    width: 1.5rem
}

@media only screen and (min-width:642px) {
    .trModal[data-v-55081b93] {
        padding: 1rem
    }
    .trModal .__modal[data-v-55081b93] {
        border-radius: 1.5rem;
        height: auto;
        min-width: 642px;
        width: auto
    }
}

.trModal-enter-active[data-v-55081b93],
.trModal-leave-active[data-v-55081b93] {
    transition: all .3s ease-out 0s
}

.trModal-enter-from[data-v-55081b93],
.trModal-leave-to[data-v-55081b93] {
    opacity: 0
}

@keyframes animate-fade-55081b93 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.trLink[data-v-c470310f] {
    cursor: pointer;
    display: inline-flex;
    transition: all .3s ease-in-out;
    width: -moz-fit-content;
    width: fit-content
}

.trLink[data-v-c470310f]:active {
    transform: scale(.98)
}

.trLink.__large[data-v-c470310f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.trLink.__large .__icon[data-v-c470310f] {
    height: 16px;
    margin-left: 2rem;
    min-width: 16px;
    opacity: .5;
    width: 16px
}

@media only screen and (min-width:680px) {
    .trLink.__large .__content[data-v-c470310f] {
        flex-basis: 30rem
    }
}

@media only screen and (min-width:950px) {
    .trLink.__large .__icon[data-v-c470310f] {
        height: 20px;
        margin-left: 2rem;
        min-width: 20px;
        opacity: 0;
        transition: all .3s ease-out 0s;
        width: 20px
    }
    .trLink.__large:hover .__icon[data-v-c470310f] {
        opacity: 1
    }
    .trLink.__large[data-v-c470310f]:active {
        opacity: .8
    }
}

.trLink.__medium[data-v-c470310f]:hover {
    color: #fff
}

.trLink.__small[data-v-c470310f]:hover {
    color: #000
}

.trLink.__small.-dark[data-v-c470310f]:hover {
    color: #fff
}

.trLink.__inherit[data-v-c470310f] {
    text-decoration: underline;
    text-decoration-thickness: .09375rem;
    text-underline-offset: .1875rem
}

.trLink.__inherit[data-v-c470310f]:hover {
    color: #000
}

.textWithHighlight[data-v-a1aa5622] {
    color: #c4cbd1
}

.textWithHighlight .__highlight[data-v-a1aa5622] {
    color: #000
}

.textWithHighlight .__item[data-v-a1aa5622],
.textWithHighlight .__link[data-v-a1aa5622] {
    width: 100%
}

.textWithHighlight .__secondaryText[data-v-a1aa5622] {
    display: inline;
    margin-left: .2em
}

.textWithHighlight .__secondaryText[data-v-a1aa5622] p {
    display: inline
}

.textWithHighlight .__secondaryText[data-v-a1aa5622] a {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px
}

.textWithHighlight.-black[data-v-a1aa5622] {
    color: #676a70
}

.textWithHighlight.-black .__highlight[data-v-a1aa5622] {
    color: #fff
}