@charset "UTF-8";

.wrapper {
  display:flex;
  justify-content:space-between;
  flex-direction:row;
  align-items:start!important
}
.navbar {
  background-color:#fff;
  color:#fff;
  box-sizing:border-box;
  flex-shrink:0;
  width:220px;
  padding:20px 0 24px 32px;
  height:100vh;
  top:0;
  position:sticky;
  z-index:100;
  box-shadow:0 0 15px #00000008;
  overflow:auto;
  display:flex;
  justify-content:space-between;
  flex-direction:column
}
.mb-logo {
  display:none
}
main {
  width:100%;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  min-height:100vh
}
.cont2 {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  box-sizing:border-box;
  padding-right:16px;
  padding-left:0;
  border-radius:6px;
  max-width:156px;
  box-shadow:inset 0 -20px 20px #00000005;
  line-height:17px;
  font-size:13px
}
.download-app-2 {
  width:100%;
  height:100%;
  object-fit:cover
}
.navbar ul {
  list-style-type:none;
  padding:0;
  margin-top:18px
}
.navbar ul a {
  text-decoration:none;
  display:flex;
  align-items:center;
  font-weight:700;
  font-size:15px;
  line-height:18px;
  color:#19233c99;
  cursor:pointer;
  position:relative;
  margin-top:30px
}
.navbar ul a:hover {
  color:#19233c
}
.cont {
  font-weight:500;
  font-size:13px;
  line-height:16px;
  display:flex;
  align-items:center;
  color:#19233c99;
  cursor:pointer;
  position:relative
}
.cont:hover {
  color:#19233c
}
.logo-mini,
.download-app {
  display:none
}
.cont-last {
  margin-top:16px
}
.cont2 {
  margin-top:10px
}
.main-wrapper {
  display:flex;
  flex-direction:column;
  width:100%;
  flex:1 1;
  box-sizing:border-box
}
.section-top {
  display:flex;
  height:60px;
  padding-left:40px;
  padding-right:40px;
  background:#fafbfc;
  box-shadow:0 0 15px #00000008;
  align-items:center;
  width:100%;
  justify-content:space-between
}
.block1 {
  display:flex;
  flex-direction:row;
  align-items:center
}
h1 {
  font-size:18px;
  font-weight:700;
  color:#19233c;
  line-height:29px;
  padding:15px 0;
  display:flex;
  align-items:center
}
.block2 {
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-left:auto
}
.search-inp {
  height:34px!important;
  line-height:34px!important;
  width:358px;
  font-size:14px!important;
  position:relative;
  font-size:inherit;
  font-weight:inherit;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
  background-color:#fff;
  border-radius:99px;
  border:1px solid #e1e5f2;
  transition:all .3s ease-in-out;
  padding:0 12px
}
.block2-input {
  text-overflow:unset;
  flex:1 1;
  display:inline-block;
  width:100%;
  height:100%;
  color:#19233c;
  outline:none;
  border:none;
  font-size:inherit;
  font-weight:inherit;
  background:transparent;
  text-overflow:ellipsis
}
.btn-top {
  margin-left:20px;
  color:#fff;
  background-color:#fe815f;
  border-color:#fe815f;
  min-width:200px;
  height:36px;
  padding:0 12px;
  font-weight:700;
  overflow:hidden;
  position:relative;
  border-radius:9999px;
  border:1px solid transparent;
  text-align:center;
  transition:all .3s ease-in-out;
  font-size:14px;
  box-sizing:border-box
}
.Sidebar_mainLogo__3Fp5P {
  color:#19233c
}
.Sidebar_menuIcon__1ZFyz {
  width:24px;
  height:24px;
  margin-right:16px
}
.Sidebar_line__3DfvD {
  margin:30px 32px 30px 0;
  height:1px;
  background-color:#e1e5f2
}
.Input_searchIcon__2MTqa {
  width:16px;
  height:min-content;
  margin-right:8px;
  color:#babec9
}
.DesktopHeader_mobile__2_XMP {
  margin-left:16px;
  cursor:pointer
}
.ReferralCodeBtn_referralCodeBtn__1cCrY {
  position:fixed;
  bottom:83px;
  width:44px;
  height:44px;
  left:50%;
  transform:translate(612px);
  color:#fff;
  cursor:pointer
}
.section-main {
  position:relative;
  background:linear-gradient(180deg,#e1e5f2,#e1e5f200)
}
.main-top {
  position:relative;
  height:480px;
  max-width:1120px;
  margin:0 auto
}
.main-cont1 {
  display:flex;
  align-items:center;
  justify-content:flex-end
}
.main-descr {
  display:inline-block;
  position:absolute;
  top:140px;
  left:90px
}
.main-title {
  font-weight:800;
  font-size:46px;
  line-height:55px;
  color:#19233c
}
.main-subtitle {
  margin-top:12px;
  font-size:22px;
  line-height:26px;
  color:#616b84
}
.main-btn {
  margin-top:40px;
  color:#fff;
  background-color:#fe815f;
  border-color:#fe815f;
  width:210px;
  height:48px;
  font-weight:700;
  font-size:18px;
  background:linear-gradient(93.08deg,#fe685f 1.21%,#ff9960 99.36%);
  box-shadow:0 16px 24px -12px #ff4d0026;
  border-radius:9999px;
  border:1px solid transparent;
  text-align:center;
  overflow:hidden
}
.main-banner {
  width:640px;
  height:400px;
  margin-top:40px
}
.main-cont2 {
  margin:0 auto;
  padding:40px 0 100px;
  max-width:940px
}
.main-row {
  display:flex;
  flex-wrap:wrap;
  grid-gap:60px;
  gap:60px;
  margin-top:60px
}
.row-img {
  width:440px;
  height:200px
}
.row-descr {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:440px
}
.row-title {
  color:#19233c;
  font-weight:700;
  font-size:28px;
  line-height:34px
}
.row-subtitle {
  font-size:18px;
  line-height:30px;
  color:#616b84;
  margin-top:12px
}
.main-wrapper {
  background-color:#eff2f7
}
.main-welcome {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  height:203px;
  margin-top:100px;
  background:linear-gradient(93.08deg,#fe685f 1.21%,#ff9960 99.36%);
  box-shadow:0 28px 24px -12px #ff4d001a;
  border-radius:12px;
  font-weight:700;
  font-size:28px;
  line-height:27px;
  color:#fff
}
.welcome-btn {
  margin-top:32px;
  background:#fff;
  box-shadow:0 4px 8px #00000014;
  color:#fe815f;
  border-color:#fe815f;
  width:210px;
  height:48px;
  font-weight:700;
  font-size:18px;
  overflow:hidden;
  position:relative;
  border-radius:999px;
  border:1px solid transparent;
  text-align:center;
  transition:all .3s ease-in-out;
  font-size:14px;
  box-sizing:border-box
}
.footer {
  background:#fff;
  font-size:13px;
  color:#616b84;
  line-height:16px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%
}
.footer-container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:90vw;
  max-width:960px;
  box-sizing:border-box;
  padding:30px 0 40px;
  position:relative;
  font-size:13px;
  color:#616b84;
  line-height:16px;
  text-align:center
}
.elems {
  display:flex;
  align-items:center;
  font-size:13px;
  color:#616b84;
  line-height:16px;
  text-align:center
}
.footer-line {
  display:inline-block;
  width:.05em;
  height:16px;
  background-color:#616b84;
  margin:0 12px
}
.footer-link {
  margin-left:20px;
  color:#8b93a7;
  cursor:pointer;
  display:flex;
  align-items:center
}
.footer-link:hover {
  color:#616b84
}

/* .fixed {
  display:none;
  position:fixed;
  bottom:80px;
  left:calc(50vw - 84px)
} */

.fixed-btn {
  color:#fff;
  background-color:#fe815f;
  border-color:#fe815f;
  height:40px;
  width:168px;
  overflow:hidden;
  position:relative;
  border-radius:9999px;
  border:1px solid transparent;
  text-align:center;
  transition:all .3s ease-in-out;
  font-size:14px;
  box-sizing:border-box;
  z-index:10;
  box-shadow:0 8px 27px -4px #fe815f4d;
  font-weight:600
}
@media (max-width: 1250px) {
  .navbar {
    width:88px
  }
  .navbar ul li span,
  .Sidebar_mainLogo__3Fp5P {
    display:none
  }
  .logo-mini {
    display:block
  }
  .cont span {
    display:none
  }
  .cont2 {
    justify-content:flex-start;
    padding-right:0
  }
  .download-app {
    display:block;
    width:22px;
    height:22px
  }
  .download-app-2 {
    display:none
  }
}
@media (max-width: 1150px) {
  .main-descr {
    position:inherit
  }
  .main-cont1 {
    justify-content:center
  }
  .main-title {
    font-size:36px
  }
  .main-subtitle {
    font-size:18px
  }
  .main-btn {
    margin-top:20px
  }
  .main-banner {
    width:450px;
    height:auto
  }
}
@media (max-width: 992px) {
  .main-descr {
    margin-top:30px;
    flex:1 1 100%;
    text-align:center
  }
  .main-cont1 {
    flex-wrap:wrap
  }
  .main-banner {
    flex:0 1 33.333%
  }
  .section-top {
    padding-right:15px;
    padding-left:15px;
    justify-content:unset
  }
  .search-inp {
    width:150px
  }
  .block2 {
    margin-left:30px
  }
  .main-row {
    justify-content:center
  }
  .order-1 {
    order:1
  }
  .order-2 {
    order:0
  }
  .main-welcome {
    height:150px;
    font-size:20px;
    margin:100px 10px 0
  }
}
@media (max-width: 600px) {
  .navbar,
  .footer,
  .block1,
  .block2 {
    display:none
  }
  .mb-logo {
    display:block
  }
  .main-btn,
  .main-welcome {
    display:none
  }
  .section-top {
    background-color:#344a71
  }
  .main-title {
    font-size:28px;
    font-weight:800
  }
  .main-descr {
    margin-top:55px
  }
  .main-subtitle {
    margin-top:0;
    font-size:16px
  }
  .main-banner {
    width:352px
  }
  .main-top {
    height:auto
  }
  .row-img {
    width:315px;
    height:143px;
    order:1
  }
  .row-descr {
    order:0;
    align-items:center
  }
  .row-title {
    font-size:20px
  }
  .row-subtitle {
    margin-top:0;
    font-size:15px
  }
  .main-row {
    display:flex;
    grid-gap:16px;
    gap:16px;
    margin-top:0;
    margin-bottom:50px
  }
  .fixed {
    display:block
  }
  .ReferralCodeBtn_referralCodeBtn__1cCrY {
    display:none
  }
}
html {
  --border-gray-color:#b7c1db;
  --slider-border-color-rgba:254,129,95;
  --card-border-shadow:rgba(0,0,0,.05)
}
html {
  --select-divider:#e1e5f2;
  --select-divider-rgba:225,229,242;
  --select-divider-2:#e1e5f2;
  --color-title:#19233c;
  --dark-blue-title:#19233c;
  --dark-blue-title-rgba:25,35,60;
  --color-mid-blue-title:#616b84;
  --color-mid-blue-title-rgba:97,107,132;
  --color-light-blue-title:#8b93a7;
  --color-light-blue-title-rgba:137,147,167;
  --color-white-title:#fff;
  --color-white-title-rgba:255,255,255;
  --color-prominent-text:#2e3343;
  --bg-default-color:#eff3f8;
  --bg-default-color-rgba:239,243,248;
  --bg-light-color:#fafbfc;
  --bg-light-color-rgba:250,251,252;
  --bg-white-color:#fff;
  --bg-white-color-rgba:255,255,255;
  --bg-pin-color:#f3f5f8;
  --bg-form:#343e58;
  --line-color:#eff3f8;
  --bg-chat-color:#f7f8fa;
  --light-sideinfo-color:#b3bcd2;
  --light-sideinfo-color-rgba:179,188,210;
  --mid-sideinfo-color:#a0a9be;
  --dark-text-color:#6b758d;
  --dialog-color:#e1ecfa;
  --dialog-revert-color:#38405b;
  --dialog-return-color:#ebeef1;
  --color-purple:#6a75ca;
  --color-purple-rgba:106,117,202;
  --color-purple-1:#9c4cf5;
  --color-blue:#5089ff;
  --color-blue-rgba:80,137,255;
  --color-green:#00c087;
  --color-green-rgba:0,192,135;
  --color-red:#f63d3d;
  --color-red-rgba:246,61,61;
  --color-orange:#fd9e2e;
  --color-orange-rgba:253,158,46;
  --color-primary:#fe815f;
  --color-primary-rgba:254,129,95;
  --color-main-title:#2d3033;
  --color-main-title-rgba:45,48,51;
  --color-white:#fff;
  --color-white-rgba:255,255,255;
  --color-black-rgba:0,0,0;
  --color-bg-rgba:239,243,248;
  --bg-gray:#fbfcfd;
  --input-border-color:#d9d9d9;
  --input-primary-focus-shadow:rgba(254,129,95,.12);
  --input-border-radius:6px;
  --input-light-bg-color:#fff;
  --color-pagination-disable:#dcdee0;
  --color-pagination-item-link:#8b93a7;
  --color-project-divider:#dce3eb;
  --color-external:#d6dbe7;
  --color-external-link:#bcc2d6;
  --color-light-gray:139,147,167;
  --color-border:#dee2ed;
  --color-border-rgba:239,243,248;
  --color-light-border:#eceff6;
  --color-divider:#d1d6e2;
  --color-light-divider:#bcc2cf;
  --color-gray:#616b84;
  --color-gray-rgba:97,107,132;
  --bg-orange-color:#fff6f4;
  --color-black:#000;
  --popup-box-shadow-rgba:81,84,114;
  --r-neutral-bg-2:#f2f4f7;
  --r-neutral-body:#3e495e;
  --r-neutral-title-1:#192945;
  --r-neutral-line:#d3d8e0;
  --r-neutral-card-1:#fff;
  --r-neutral-card-3:#f7fafc;
  --r-neutral-foot:#6a7587;
  --r-red-default:#ef5c48
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(/static/font/S6uyw4BMUTPHjxAwXjeu.3952106c.woff2) format("woff2");
  unicode-range:u+0100-024f,
  u+0259,
  u+1e??,
  u+2020,
  u+20a0-20ab,
  u+20ad-20cf,
  u+2113,
  u+2c60-2c7f,
  u+a720-a7ff
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(/static/font/S6uyw4BMUTPHjx4wXg.b4d2c4c3.woff2) format("woff2");
  unicode-range:u+00??,
  u+0131,
  u+0152-0153,
  u+02bb-02bc,
  u+02c6,
  u+02da,
  u+02dc,
  u+2000-206f,
  u+2074,
  u+20ac,
  u+2122,
  u+2191,
  u+2193,
  u+2212,
  u+2215,
  u+feff,
  u+fffd
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(/static/font/S6uyw4BMUTPHh13212.ad9d0496.woff2) format("woff2");
  unicode-range:u+0100-024f,
  u+0259,
  u+1e??,
  u+2020,
  u+20a0-20ab,
  u+20ad-20cf,
  u+2113,
  u+2c60-2c7f,
  u+a720-a7ff
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(/static/font/S6uyw4BMUTPHh53212.1617188b.woff2) format("woff2");
  unicode-range:u+00??,
  u+0131,
  u+0152-0153,
  u+02bb-02bc,
  u+02c6,
  u+02da,
  u+02dc,
  u+2000-206f,
  u+2074,
  u+20ac,
  u+2122,
  u+2191,
  u+2193,
  u+2212,
  u+2215,
  u+feff,
  u+fffd
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(/static/font/S6u9w4BMUTPHh6UVSwaPGR_p.19e57ab1.woff2) format("woff2");
  unicode-range:u+0100-024f,
  u+0259,
  u+1e??,
  u+2020,
  u+20a0-20ab,
  u+20ad-20cf,
  u+2113,
  u+2c60-2c7f,
  u+a720-a7ff
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(/static/font/S6u9w4BMUTPHh6UVSwiPGQ.1efbd38a.woff2) format("woff2");
  unicode-range:u+00??,
  u+0131,
  u+0152-0153,
  u+02bb-02bc,
  u+02c6,
  u+02da,
  u+02dc,
  u+2000-206f,
  u+2074,
  u+20ac,
  u+2122,
  u+2191,
  u+2193,
  u+2212,
  u+2215,
  u+feff,
  u+fffd
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url(/static/font/S6u9w4BMUTPHh50XSwaPGR_p.c2925b27.woff2) format("woff2");
  unicode-range:u+0100-024f,
  u+0259,
  u+1e??,
  u+2020,
  u+20a0-20ab,
  u+20ad-20cf,
  u+2113,
  u+2c60-2c7f,
  u+a720-a7ff
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url(/static/font/S6u9w4BMUTPHh50XSwiPGQ.947e87c5.woff2) format("woff2");
  unicode-range:u+00??,
  u+0131,
  u+0152-0153,
  u+02bb-02bc,
  u+02c6,
  u+02da,
  u+02dc,
  u+2000-206f,
  u+2074,
  u+20ac,
  u+2122,
  u+2191,
  u+2193,
  u+2212,
  u+2215,
  u+feff,
  u+fffd
}

@keyframes antFadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes antFadeOut {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
@keyframes antMoveDownIn {
  0% {
    transform:translateY(100%);
    transform-origin:0 0;
    opacity:0
  }
  to {
    transform:translateY(0);
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes antMoveDownOut {
  0% {
    transform:translateY(0);
    transform-origin:0 0;
    opacity:1
  }
  to {
    transform:translateY(100%);
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform:translate(-100%);
    transform-origin:0 0;
    opacity:0
  }
  to {
    transform:translate(0);
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform:translate(0);
    transform-origin:0 0;
    opacity:1
  }
  to {
    transform:translate(-100%);
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes antMoveRightIn {
  0% {
    transform:translate(100%);
    transform-origin:0 0;
    opacity:0
  }
  to {
    transform:translate(0);
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes antMoveRightOut {
  0% {
    transform:translate(0);
    transform-origin:0 0;
    opacity:1
  }
  to {
    transform:translate(100%);
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes antMoveUpIn {
  0% {
    transform:translateY(-100%);
    transform-origin:0 0;
    opacity:0
  }
  to {
    transform:translateY(0);
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes antMoveUpOut {
  0% {
    transform:translateY(0);
    transform-origin:0 0;
    opacity:1
  }
  to {
    transform:translateY(-100%);
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes loadingCircle {
  to {
    transform:rotate(1turn)
  }
}
html {
  --antd-wave-shadow-color:#1890ff
}
@keyframes waveEffect {
  to {
    box-shadow:0 0 #1890ff;
    box-shadow:0 0 0 6px var(--antd-wave-shadow-color)
  }
}
@keyframes fadeEffect {
  to {
    opacity:0
  }
}
@keyframes antSlideUpIn {
  0% {
    transform:scaleY(.8);
    transform-origin:0 0;
    opacity:0
  }
  to {
    transform:scaleY(1);
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes antSlideUpOut {
  0% {
    transform:scaleY(1);
    transform-origin:0 0;
    opacity:1
  }
  to {
    transform:scaleY(.8);
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes antSlideDownIn {
  0% {
    transform:scaleY(.8);
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    transform:scaleY(1);
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes antSlideDownOut {
  0% {
    transform:scaleY(1);
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    transform:scaleY(.8);
    transform-origin:100% 100%;
    opacity:0
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform:scaleX(.8);
    transform-origin:0 0;
    opacity:0
  }
  to {
    transform:scaleX(1);
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform:scaleX(1);
    transform-origin:0 0;
    opacity:1
  }
  to {
    transform:scaleX(.8);
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes antSlideRightIn {
  0% {
    transform:scaleX(.8);
    transform-origin:100% 0;
    opacity:0
  }
  to {
    transform:scaleX(1);
    transform-origin:100% 0;
    opacity:1
  }
}
@keyframes antSlideRightOut {
  0% {
    transform:scaleX(1);
    transform-origin:100% 0;
    opacity:1
  }
  to {
    transform:scaleX(.8);
    transform-origin:100% 0;
    opacity:0
  }
}
@keyframes antSwingIn {
  0%,
  to {
    transform:translate(0)
  }
  20% {
    transform:translate(-10px)
  }
  40% {
    transform:translate(10px)
  }
  60% {
    transform:translate(-5px)
  }
  80% {
    transform:translate(5px)
  }
}
@keyframes antZoomIn {
  0% {
    transform:scale(.2);
    opacity:0
  }
  to {
    transform:scale(1);
    opacity:1
  }
}
@keyframes antZoomOut {
  0% {
    transform:scale(1)
  }
  to {
    transform:scale(.2);
    opacity:0
  }
}
@keyframes antZoomBigIn {
  0% {
    transform:scale(.8);
    opacity:0
  }
  to {
    transform:scale(1);
    opacity:1
  }
}
@keyframes antZoomBigOut {
  0% {
    transform:scale(1)
  }
  to {
    transform:scale(.8);
    opacity:0
  }
}
@keyframes antZoomUpIn {
  0% {
    transform:scale(.8);
    transform-origin:50% 0;
    opacity:0
  }
  to {
    transform:scale(1);
    transform-origin:50% 0
  }
}
@keyframes antZoomUpOut {
  0% {
    transform:scale(1);
    transform-origin:50% 0
  }
  to {
    transform:scale(.8);
    transform-origin:50% 0;
    opacity:0
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform:scale(.8);
    transform-origin:0 50%;
    opacity:0
  }
  to {
    transform:scale(1);
    transform-origin:0 50%
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform:scale(1);
    transform-origin:0 50%
  }
  to {
    transform:scale(.8);
    transform-origin:0 50%;
    opacity:0
  }
}
@keyframes antZoomRightIn {
  0% {
    transform:scale(.8);
    transform-origin:100% 50%;
    opacity:0
  }
  to {
    transform:scale(1);
    transform-origin:100% 50%
  }
}
@keyframes antZoomRightOut {
  0% {
    transform:scale(1);
    transform-origin:100% 50%
  }
  to {
    transform:scale(.8);
    transform-origin:100% 50%;
    opacity:0
  }
}
@keyframes antZoomDownIn {
  0% {
    transform:scale(.8);
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    transform:scale(1);
    transform-origin:50% 100%
  }
}
@keyframes antZoomDownOut {
  0% {
    transform:scale(1);
    transform-origin:50% 100%
  }
  to {
    transform:scale(.8);
    transform-origin:50% 100%;
    opacity:0
  }
}
@keyframes spin {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(1turn)
  }
}
@keyframes UpdateButton_rotating__3VG0A {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(1turn)
  }
}
.Sidebar_mainLogo__3Fp5P {
  color:var(--dark-blue-title)
}
.Sidebar_line__3DfvD {
  margin:30px 32px 30px 0;
  height:1px;
  background-color:var(--select-divider)
}
.PrivateEye_eye__2PPXI {
  width:24px;
  height:24px;
  margin-left:16px;
  cursor:pointer
}
@keyframes PollCard_rotating__3zYVu {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(1turn)
  }
}
@keyframes AnalysisModeButton_rotating__1P_sg {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(1turn)
  }
}
@keyframes APPScanQRCodeModal_spin__214Mv {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(1turn)
  }
}
@keyframes anvil {
  0% {
    transform:scale(1) translateY(0);
    opacity:0;
    box-shadow:0 0 #f1f1f100
  }
  1% {
    transform:scale(.96) translateY(10px);
    opacity:0;
    box-shadow:0 0 #f1f1f100
  }
  to {
    transform:scale(1) translateY(0);
    opacity:1;
    box-shadow:0 0 500px #f1f1f100
  }
}
@keyframes MessageContainer_enter__2zk7B {
  0% {
    transform:translateY(100%)
  }
  to {
    transform:translateY(0)
  }
}
@keyframes OTPInput_input-flash__29la6 {
  0% {
    visibility:hidden
  }
  to {
    visibility:visible
  }
}
@keyframes AccountHistory_load__38nH3 {
  0% {
    opacity:1
  }
  to {
    opacity:.4
  }
}
@keyframes TypingMessageItem_load__3phtV {
  0% {
    background:var(--light-sideinfo-color)
  }
  to {
    background:var(--select-divider)
  }
}
.ReferralCodeBtn_referralCodeBtn__1cCrY {
  position:fixed;
  bottom:83px;
  width:44px;
  height:44px;
  left:50%;
  transform:translate(612px);
  color:var(--bg-white-color);
  cursor:pointer
}