.announcement_banner_gradientControl__0UWm2 {
--tw-gradient-stops: #230b59 0%, #4840bb 73%, #feab7d 100%;
background-image: linear-gradient(to left, var(--tw-gradient-stops))
}
.announcement_banner_gradientCashApy__tINjN {
--tw-gradient-stops: #5fa698 0.03%, #4840bb 73.55%, #230b59 102.86%;
background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.announcement_banner_gradientStockInvesting__8HHb2 {
--tw-gradient-stops: #230b59 0%, #4840bb 73%, #ffc1e1 100%;
background-image: linear-gradient(to left, var(--tw-gradient-stops))
}
.banner_banner__3fBTV {
background: linear-gradient(180deg, #4840bb 16.89%, rgba(143, 83, 215, .5));
mix-blend-mode: multiply;
opacity: .8
}
@keyframes dialog_fadeIn__GHCj8 {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes dialog_slideUp__C7BNu {
0% {
transform: translateY(100px)
}
to {
transform: translateY(0)
}
}
.dialog_overlay__T5LRo {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--tk-surface-overlay);
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-end
}
.dialog_overlay__T5LRo:not(.dialog_nested__wKvPn) {
animation: dialog_fadeIn__GHCj8 .3s cubic-bezier(.3, 0, .6, 1)
}
@media (min-width:480px) {
.dialog_overlay__T5LRo {
flex-direction: row;
justify-content: center
}
}
.dialog_container__akeTs {
max-height: 100%;
width: 100%;
overflow-y: auto;
animation: dialog_slideUp__C7BNu .3s cubic-bezier(.3, 0, .6, 1), dialog_fadeIn__GHCj8 .3s cubic-bezier(.3, 0, .6, 1)
}
@media(prefers-reduced-motion) {
.dialog_container__akeTs {
animation: none
}
}
@media (min-width:384px) {
.dialog_container__akeTs {
margin-top: 48px
}
}
@media (min-width:480px) {
.dialog_container__akeTs {
margin-top: 0
}
}
@media (min-width:960px) {
.faq_module_layout__B2p__ {
-moz-columns: 3;
column-count: 3
}
}
.investing_button__Hk77u:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: .375rem;
padding: 1px;
background: linear-gradient(180deg, #bdc6f5, #f4b896);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude
}
.investing_button__Hk77u:hover:not(:active) {
background: linear-gradient(180deg, #bdc6f5, #f4b896);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
border: 1px solid transparent
}
.investing_button__Hk77u:hover:not(:active):before {
opacity: 1
}