@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:100,200,300,400,500,600,700,100i,200i,300i,400i,500i,600i,700i&display=swap'); 
  body {  
    font-family:'Poppins',sans-serif;
    color:#FFFFFF !important;
    line-height:1.15;
    background:#000000 !important;
  }  
* { 
    box-sizing: inherit; 
    font-family: inherit; 
    color: inherit; 
    outline: none;
} 

body { 
    margin: 0;
} 

body { 
    height: 100%; 
    width: 100%;
} 

body { 
    min-width: 390px;
} 

html { 
    line-height: 1.15; 
    -webkit-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    text-size-adjust: 100%;
} 

html { 
    background: #000000; 
    color: #FFFFFF; 
    box-sizing: border-box; 
    font-family: 'Poppins',sans-serif; 
    -webkit-font-smoothing: antialiased;
} 

html { 
    height: 100%; 
    width: 100%;
} 

.css-pef { 
    width: 100%; 
    height: 100%; 
    padding: 16px 0 0; 
    display: grid; 
    grid-template-columns: 20px minmax(42px, 1fr) minmax(555px, 1260px) minmax(42px, 1fr) 20px; 
    grid-auto-rows: max-content; 
    grid-column: unset;
} 

*,:after,:before { 
    box-sizing: inherit; 
    font-family: inherit; 
    color: inherit; 
    outline: none;
} 

.css-nyq { 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    height: 36px; 
    background-color: rgb(22, 22, 22); 
    font-size: 14px; 
    grid-column: 2 / 5; 
    margin-bottom: 16px;
} 

.css-78x { 
    display: grid; 
    position: -webkit-sticky; 
    position: sticky; 
    top: 0; 
    z-index: 20; 
    grid-column: 3/4;
} 

.css-hjz { 
    visibility: hidden; 
    z-index: 999; 
    position: fixed; 
    background: #000000; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    opacity: 0; 
    padding: 20px 20px 0; 
    overflow: auto;
} 

main { 
    display: block;
} 

.css-owk { 
    position: relative; 
    z-index: 10; 
    grid-column: 1/6; 
    margin-top: 80px;
} 

.css-wta { 
    z-index: 100; 
    height: 110px; 
    position: fixed; 
    display: grid; 
    visibility: visible; 
    grid-template-columns: max-content max-content; 
    grid-auto-flow: column; 
    column-gap: 24px; 
    bottom: 0px; 
    width: 1300px; 
    margin: 0px auto; 
    justify-self: center; 
    background: rgb(22, 22, 22); 
    opacity: 0.9; 
    box-shadow: rgba(0, 0, 0, 0.81) 0px 4px 10px; 
    border-radius: 18px; 
    font-family: Poppins; 
    font-style: normal; 
    font-weight: 400; 
    font-size: 16px; 
    line-height: 24px; 
    color: rgb(135, 117, 231); 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center;
} 

.css-j4g { 
    display: grid; 
    grid-template-columns: 1fr; 
    grid-auto-rows: max-content; 
    justify-items: center; 
    padding: 145px 0; 
    width: 100%; 
    z-index: 0; 
    margin-top: -600px; 
    padding-top: 740px; 
    grid-column: 1/6; 
    background-image: url(../images/fullbg.png); 
    -webkit-background-size: 2863px; 
    background-size: 2863px; 
    background-repeat: no-repeat; 
    -webkit-background-position: calc(100% / 2 + 157px) 244px; 
    background-position: calc(100% / 2 + 157px) 244px; 
    background-repeat-x: no-repeat; 
    background-repeat-y: no-repeat;
} 

.css-i9z { 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    padding: 0px 10px;
} 

.css-863 { 
    height: 100%;
} 

.container-25f { 
    overflow-x: hidden !important; 
    display: flex !important; 
    flex-direction: row !important; 
    position: relative; 
    width: 100%;
} 

.css-thn { 
    position: absolute; 
    z-index: 20; 
    width: 100%; 
    box-shadow: 0px 4px 10px rgb(0 0 0 / 81%); 
    border-radius: 18px;
} 

.css-khl { 
    -webkit-backdrop-filter: blur(2px); 
    backdrop-filter: blur(2px); 
    background: #161616; 
    border-radius: 18px; 
    width: 100%; 
    grid-column: 3/4; 
    padding: 0 32px;
} 

.css-ve4 { 
    width: 100%; 
    height: -webkit-fit-content; 
    height: -moz-fit-content; 
    height: fit-content; 
    padding: unset; 
    display: grid; 
    grid-template-columns: 20px minmax(42px, 1fr) minmax(555px, 1260px) minmax(42px, 1fr) 20px; 
    grid-auto-rows: max-content; 
    grid-column: 1/6;
} 

.css-rra { 
    display: grid; 
    grid-auto-flow: column; 
    grid-column-gap: 24px; 
    grid-template-columns: 144px 240px;
} 

.css-68c { 
    cursor: pointer;
} 

a { 
    background-color: transparent;
} 

.css-z5o { 
    font-size: 18px; 
    font-weight: 400; 
    line-height: 32px; 
    letter-spacing: 0em; 
    text-align: center; 
    margin-top: 36px; 
    -webkit-text-decoration: none; 
    text-decoration: none; 
    z-index: 1000;
} 

.css-lxz { 
    font-size: 18px; 
    font-weight: 400; 
    line-height: 32px; 
    letter-spacing: 0em; 
    text-align: center; 
    -webkit-text-decoration: none; 
    text-decoration: none; 
    cursor: pointer; 
    z-index: 1000;
} 

.css-cbi { 
    font-size: 14px; 
    font-weight: 700; 
    white-space: nowrap;
} 

.css-2mj { 
    display: flex; 
    -webkit-box-pack: justify; 
    justify-content: space-between; 
    width: 42px; 
    margin-left: 12px; 
    font-size: 14px;
} 

.mar-m5y { 
    flex: 0 0 auto; 
    min-width: 100%; 
    z-index: 1; 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count); 
    animation-play-state: var(--play); 
    animation-delay: var(--delay); 
    animation-direction: var(--direction);
} 

.container-25f:hover div  { 
    animation-play-state: var(--pause-on-hover);
} 

.css-4je { 
    width: 100%; 
    display: grid; 
    padding: 7px 0 7px 32px; 
    height: 64px; 
    border-radius: 18px; 
    background-color: #161616; 
    grid-template-columns: 38px 1fr 72px; 
    grid-template-areas: 'headerLogo empty mobileControls';
} 

@media (min-width: 768px){ 
  .css-4je { 
    padding: 7px 32px; 
    grid-template-columns: 1fr 38px 1fr; 
    grid-template-areas: 'leftMenuContainer headerLogo rightMenuContainer';
  } 
}     

.css-tis { 
    grid-column: 3;
} 

.css-4yc { 
    grid-column: 3/4; 
    margin-bottom: 40px;
} 

.css-vqr { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-gap: 30px; 
    margin-bottom: 40px; 
    grid-column: 3/4; 
    z-index: +2;
} 

.css-26b { 
    display: grid; 
    overflow: visible; 
    width: 100%; 
    grid-template-columns: 1fr; 
    grid-template-rows: max-content; 
    grid-column: 1/6; 
    z-index: +2;
} 

.css-j9i { 
    width: 100%; 
    min-height: 236px; 
    display: grid; 
    grid-template-columns: 1fr; 
    justify-items: center; 
    grid-column: 3/4; 
    margin-bottom: 200px; 
    margin-top: 40px;
} 

.css-vfh { 
    display: grid; 
    grid-template-columns: 1fr; 
    grid-row-gap: 36px; 
    height: -webkit-min-content; 
    height: -moz-min-content; 
    height: min-content; 
    max-width: 685px; 
    margin: 0 auto; 
    grid-column: 3/4; 
    z-index: +2;
} 

.css-x6x { 
    display: grid; 
    grid-auto-flow: column; 
    grid-column-gap: 24px; 
    grid-template-columns: 60px 60px;
} 

.css-a6a { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    cursor: pointer; 
    display: grid; 
    padding: 0 16px; 
    position: relative; 
    z-index: 0; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    height: 44px; 
    width: 100%; 
    -webkit-text-decoration: none; 
    text-decoration: none;
} 

.css-a6a:before { 
    content: ''; 
    position: absolute; 
    z-index: -1; 
    inset: 0; 
    padding: 2px; 
    border-radius: 23px; 
    height: 44px; 
    background: linear-gradient(to right, #33e3ce, #8775e7, #8775e7, #8775e7); 
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 50 0); 
    -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: exclude; 
    mask-composite: exclude;
} 

.css-a6a:hover { 
    background: #33e3ce; 
    border-radius: 23px; 
    color: #000000;
} 

.css-a6a:hover:before { 
    color: #000000; 
    background: none; 
    content: ''; 
    position: absolute; 
    z-index: -1; 
    inset: 0; 
    padding: 2px; 
    border-radius: 23px; 
    height: 44px;
} 

.css-2mj svg  { 
    cursor: pointer;
} 

.css-lm5 { 
    display: flex;
} 

.css-qvy { 
    display: none;
} 

@media (min-width: 768px){ 
  .css-qvy { 
    height: 50px; 
    display: grid; 
    grid-template-columns: min-content min-content; 
    grid-column-gap: 36px; 
    padding-left: 5px; 
    grid-area: leftMenuContainer;
  } 
}     

.css-fco { 
    width: 100%; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer; 
    grid-area: headerLogo;
} 

.css-enq { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    grid-area: mobileControls; 
    margin: -7px 0;
} 

@media (min-width: 768px){ 
  .css-enq { 
    display: none;
  } 
}     

.css-cif { 
    display: none;
} 

@media (min-width: 768px){ 
  .css-cif { 
    display: grid; 
    margin-right: -34px; 
    margin-top: -7px; 
    margin-bottom: -7px; 
    justify-self: end; 
    grid-template-columns: 1fr 192px; 
    grid-column-gap: 24px; 
    grid-area: rightMenuContainer;
  } 
}     

.css-bvb { 
    display: grid; 
    margin: 0 -32px;
} 

.css-ccf { 
    grid-column: 3/4; 
    margin-top: 6px; 
    margin-bottom: 30px;
} 

.css-vws { 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: flex-end; 
    justify-content: flex-end; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    width: 100%; 
    height: 100%; 
    grid-column: 3/4;
} 

.css-goy { 
    /* display: grid;  */
    grid-template-columns: 1fr 1fr; 
    grid-template-areas: 'stake convert'; 
    gap: 30px;
} 

div#withdraw-box {
    cursor: no-drop;
}

.css-7wt { 
    background: #161616; 
    border-radius: 26px; 
    padding: 51px 30px 51px 33px; 
    display: grid; 
    grid-template-columns: max-content 1fr max-content; 
    grid-auto-rows: max-content; 
    grid-gap: 16px 0px; 
    position: relative;
} 

.css-a84 { 
    position: relative; 
    width: 100%; 
    padding-bottom: 20px; 
    padding-left: 22px;
} 



.css-9q2 { 
    font-weight: 700; 
    font-size: 55px; 
    line-height: 75px; 
    justify-self: center; 
    margin-bottom: 80px; 
    position: relative; 
    background: linear-gradient(93.47deg, #33e3ce 6.53%, #8775e7 24.6%); 
    -webkit-background-clip: text; 
    background-clip: text; 
    -webkit-text-fill-color: transparent; 
    text-fill-color: transparent;
} 

.css-wog { 
    width: -webkit-max-content; 
    width: -moz-max-content; 
    width: max-content; 
    margin: 0 auto; 
    text-align: center; 
    background: linear-gradient(106.58deg, #5AC2B6 34.49%, #FFFFFF 61.47%); 
    -webkit-background-clip: text; 
    background-clip: text; 
    -webkit-text-fill-color: transparent; 
    text-fill-color: transparent; 
    font-size: 18px; 
    line-height: 32px;
} 

.css-tzi { 
    background: linear-gradient(108.93deg, #33E2CE 24.19%, #C64DB3 95.49%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    font-size: 36px; 
    font-weight: 700; 
    line-height: 75px; 
    letter-spacing: 0; 
    text-align: center; 
    width: 163px; 
    justify-self: center;
} 

@media (min-width: 768px){ 
  .css-tzi { 
    font-size: 55px;
  } 
}     

@media (min-width: 1280px){ 
  .css-tzi { 
    display: none;
  } 
}     

.css-5it { 
    background: #000000; 
    border-radius: 26px; 
    height: 100%; 
    width: 100%; 
    padding: 1px; 
    background: linear-gradient(95.25deg, #33E3CE 1.47%, #8775E7 80.7%);
} 

.css-m6z { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    cursor: pointer; 
    display: grid; 
    padding: 0 16px; 
    position: relative; 
    z-index: 0; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    height: 44px; 
    width: 100%;
} 

.css-m6z:before { 
    content: ''; 
    position: absolute; 
    z-index: -1; 
    inset: 0; 
    padding: 2px; 
    border-radius: 23px; 
    height: 44px; 
    background: linear-gradient(to right, #33e3ce, #8775e7, #8775e7, #8775e7); 
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 50 0); 
    -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: exclude; 
    mask-composite: exclude;
} 

.css-m6z:hover { 
    background: #8775e7; 
    border-radius: 23px; 
    color: #000000;
} 

.css-m6z:hover:before { 
    color: #000000; 
    background: none; 
    content: ''; 
    position: absolute; 
    z-index: -1; 
    inset: 0; 
    padding: 2px; 
    border-radius: 23px; 
    height: 44px;
} 

.css-12q { 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    margin-left: 18px; 
    font-size: 15px;
} 

.css-oc6 { 
    display: grid; 
    grid-auto-columns: max-content; 
    grid-auto-flow: column; 
    -webkit-align-content: center; 
    -ms-flex-line-pack: center; 
    align-content: center; 
    -webkit-box-pack: space-around; 
    -ms-flex-pack: space-around; 
    -webkit-justify-content: space-around; 
    justify-content: space-around; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    font-size: 36px; 
    grid-gap: 26px; 
    padding-right: 36px; 
    border-right: 1px solid #4a4a4a;
} 

.css-ck5 { 
    display: none;
} 

@media (min-width: 1280px){ 
  .css-ck5 { 
    display: grid; 
    grid-auto-flow: column; 
    grid-column-gap: 36px;
  } 
}     

.css-8p2 { 
    display: grid; 
    border-left: 1px solid #4a4a4a; 
    margin-top: 7px; 
    margin-bottom: 7px; 
    padding-left: 20px;
} 

@media (min-width: 1280px){ 
  .css-8p2 { 
    display: none;
  } 
}     

.css-rgr { 
    display: none;
} 

@media (min-width: 1280px){ 
  .css-rgr { 
    display: grid; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    position: relative; 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: end; 
    justify-content: end; 
    justify-items: end; 
    padding: 7px 0;
  } 
}     

.css-tfz { 
    display: none; 
    height: 100%;
} 

@media (min-width: 768px){ 
  .css-tfz { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
  } 
}     

.css-9w9 { 
    width: 100%; 
    display: grid; 
    padding: 7px 0; 
    height: 64px; 
    border-radius: 18px; 
    background-color: #161616; 
    grid-template-columns: 70px 1fr 72px; 
    grid-template-areas: 'headerLogo empty mobileControls';
} 

@media (min-width: 768px){ 
  .css-9w9 { 
    grid-column-gap: 32px; 
    grid-template-columns: 1fr 38px 1fr; 
    grid-template-areas: 'leftMenuContainer headerLogo rightMenuContainer';
  } 
}     

.css-6di { 
    display: grid; 
    width: 100%; 
    -webkit-box-pack: start; 
    -ms-flex-pack: start; 
    -webkit-justify-content: start; 
    justify-content: start; 
    padding: 24px 0;
} 

@media (min-width: 768px){ 
  .css-6di { 
    display: none;
  } 
}     

.css-dd4 { 
    display: none;
} 

.css-1f5 { 
    display: none;
} 

@media (min-width: 768px){ 
  .css-1f5 { 
    display: grid; 
    justify-items: start; 
    width: 100%; 
    padding: 32px 0 52px; 
    grid-gap: 40px; 
    font-weight: 700; 
    font-size: 20px; 
    line-height: 30px; 
    color: #ffffff; 
    grid-template-columns: 1fr 1fr;
  } 
}     

.css-kt7 { 
    display: grid; 
    grid-template-columns: 1fr; 
    justify-items: start; 
    width: 100%; 
    padding: 32px 0 52px; 
    grid-gap: 40px; 
    font-weight: 700; 
    font-size: 20px; 
    line-height: 30px; 
    color: #ffffff;
} 

@media (min-width: 768px){ 
  .css-kt7 { 
    display: none;
  } 
}     

.css-j3b { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    margin-bottom: 42px;
} 

@media (min-width: 320px){ 
  .css-j3b { 
    gap: auto; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    justify-content: space-between;
  } 
}     

@media (min-width: 390px){ 
  .css-j3b { 
    gap: 67px; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center;
  } 
}     

@media (min-width: 768px){ 
  .css-j3b { 
    display: none;
  } 
}     

.css-tx4 { 
    display: grid; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    grid-template-columns: 1fr 42px; 
    padding: 32px 0;
} 

@media (min-width: 768px){ 
  .css-tx4 { 
    padding: 24px 0; 
    grid-template-columns: 1fr 42px 1fr;
  } 
}     

.css-e7n { 
    display: none; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    justify-content: space-between; 
    grid-area: tabs; 
    width: 100%; 
    max-width: 550px; 
    padding: 0 8px; 
    margin: 0 auto;
} 

.css-7b3 { 
    font-weight: 700; 
    font-size: 32px; 
    line-height: 48px; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    color: #ffffff; 
    grid-row: 1; 
    grid-column: 1; 
    height: 26px;
} 

.css-vpm { 
    font-weight: 400; 
    font-size: 18px; 
    line-height: 27px; 
    display: grid; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    color: #7e7e7e; 
    grid-row: 2; 
    grid-column: 1; 
    min-height: 27px;
} 

button { 
    font-family: inherit; 
    font-size: 100%; 
    line-height: 1.15; 
    margin: 0;
} 

button { 
    overflow: visible;
} 

button { 
    text-transform: none;
} 

button { 
    -webkit-appearance: button;
} 

.css-qdz { 
    background: #ce1db4; 
    border-radius: 30px; 
    padding: 0 38.5px; 
    font-weight: 500; 
    font-size: 24px; 
    line-height: 36px; 
    color: #fff; 
    cursor: pointer; 
    grid-row: 1/3; 
    grid-column: 3; 
    height: 60px; 
    -webkit-align-self: center; 
    -ms-flex-item-align: center; 
    align-self: center; 
    border: none;
} 

.css-s5t { 
    padding: 1px; 
    background: linear-gradient(95.25deg, #33E3CE 1.47%, #8775E7 80.7%); 
    border-radius: 26px;
} 

.css-cjx { 
    background: #000000; 
    border-radius: 26px; 
    height: 100%; 
    width: 100%; 
    padding: 1px; 
    background: linear-gradient(95.25deg, #33E3CE 1.47%, #8775E7 80.7%);
} 

.css-a84 > :last-child  { 
    position: absolute; 
    z-index: -1; 
    top: 20px; 
    left: 0px; 
    width: calc(100% - 20px); 
    height: calc(100% - 20px);
} 

.css-phc { 
    display: grid; 
    grid-auto-rows: max-content; 
    grid-template-columns: 1fr max-content; 
    grid-gap: 30px; 
    overflow: hidden;
} 

.css-67b { 
    background: #000000; 
    border-radius: 26px; 
    height: 100%; 
    width: 100%;
} 

.css-5it > *  { 
    padding: 44px 21px 40px; 
    display: grid; 
    grid-template-columns: 1fr; 
    justify-items: center; 
    grid-gap: 39px;
} 

@media (min-width: 768px){ 
  .css-5it > *  { 
    padding: 44px 50px 60px;
  } 
}     

@media (min-width: 1024px){ 
  .css-5it > *  { 
    padding: 55px 50px 55px;
  } 
}     

@media (min-width: 1280px){ 
  .css-5it > *  { 
    padding: 55px 70px 112px;
  } 
}     

.css-ftf { 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    margin-right: 6px;
} 

.css-ibf { 
    display: flex; 
    -webkit-box-align: start; 
    align-items: start; 
    margin-left: 8px; 
    font-size: 12px;
} 

.css-oc6 svg  { 
    cursor: pointer;
} 

.css-ojp { 
    background: none; 
    border: none; 
    cursor: pointer; 
    font-weight: 700;
} 

.css-okc { 
    background: none; 
    border: none; 
    cursor: pointer; 
    font-weight: 400;
} 

.css-q1t { 
    cursor: pointer; 
    display: grid; 
    grid-auto-flow: column; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-64w { 
    display: grid; 
    grid-template-columns: max-content 21px; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    width: 100%; 
    background: #ce1db4;
    border-radius: 0px 18px 18px 0px; 
    border: none; 
    padding: 0 20px; 
    grid-gap: 8px; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer; 
    height: 100%;
} 

.css-xv4 { 
    display: none;
} 

@media (min-width: 768px){ 
  .css-xv4 { 
    padding-left: 32px; 
    height: 50px; 
    display: grid; 
    -webkit-box-pack: start; 
    -ms-flex-pack: start; 
    -webkit-justify-content: start; 
    justify-content: start; 
    grid-template-columns: min-content; 
    grid-column-gap: 36px; 
    grid-area: leftMenuContainer;
  } 
}     

.css-ns1 { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    font-weight: 500; 
    font-size: 16px; 
    line-height: 18px; 
    letter-spacing: 0.3px; 
    color: #8775e7; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

@media (min-width: 768px){ 
  .css-ns1 { 
    display: none;
  } 
}     

.css-pso { 
    width: 100%; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer; 
    grid-area: headerLogo; 
    padding-left: 32px;
} 

@media (min-width: 768px){ 
  .css-pso { 
    padding-left: 0;
  } 
}     

.css-m7q { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    grid-area: mobileControls; 
    margin: -7px 0; 
    margin-right: 14px; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center;
} 

@media (min-width: 768px){ 
  .css-m7q { 
    display: none;
  } 
}     

.css-dx2 { 
    display: none;
} 

@media (min-width: 768px){ 
  .css-dx2 { 
    display: grid; 
    margin-top: -7px; 
    margin-bottom: -7px; 
    justify-self: end; 
    grid-template-columns: 1fr; 
    grid-column-gap: 24px; 
    grid-area: rightMenuContainer;
  } 
}     

.css-o3k { 
    width: 100%; 
    height: 1px; 
    opacity: 0.25; 
    background: #7e7e7e;
} 

.css-nhe { 
    display: grid; 
    grid-template-columns: max-content 21px; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    width: 100%; 
    background: #8775e7; 
    border-radius: 18px; 
    border: none; 
    padding: 16px 32px; 
    grid-gap: 8px; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer;
} 

.css-oha { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    color: #8775e7; 
    height: 100%; 
    cursor: pointer;
} 

@media (min-width: 768px){ 
  .css-oha { 
    display: none;
  } 
}     

.css-xtc { 
    display: none;
} 

@media (min-width: 768px){ 
  .css-xtc { 
    display: grid; 
    min-width: 150px; 
    grid-auto-flow: column; 
    -webkit-box-pack: start; 
    -ms-flex-pack: start; 
    -webkit-justify-content: start; 
    justify-content: start; 
    grid-column-gap: 8px;
  } 
}     

.css-xld { 
    font-weight: 700; 
    font-size: 20px; 
    line-height: 30px; 
    cursor: pointer;
} 

.css-y6x { 
    display: none;
} 

@media (min-width: 768px){ 
  .css-y6x { 
    display: grid; 
    min-width: 150px; 
    grid-auto-flow: column; 
    -webkit-box-pack: start; 
    -ms-flex-pack: start; 
    -webkit-justify-content: start; 
    justify-content: start; 
    grid-column-gap: 8px;
  } 

  .css-y6x { 
    display: grid; 
    min-width: 150px; 
    grid-auto-columns: max-content; 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: end; 
    justify-content: end; 
    grid-column-gap: 8px;
  } 
}     

.css-hd8 { 
    width: 164px; 
    height: 44px; 
    font-weight: 700; 
    font-size: 16px; 
    border-radius: 30px; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    border: 1px solid #33E3CE; 
    color: #33E3CE; 
    background: transparent; 
    cursor: pointer;
} 

.css-5nm { 
    width: 164px; 
    height: 44px; 
    font-weight: 700; 
    font-size: 16px; 
    border-radius: 30px; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    border: 1px solid transparent; 
    color: #7E7E7E; 
    background: transparent; 
    cursor: pointer;
} 

.css-m54 { 
    padding: 44px 36px; 
    background: #161616; 
    border-radius: 26px; 
    grid-template-columns: 1fr 1fr; 
    display: grid; 
    grid-area: stake;
} 

.css-y5k { 
    display: flex; 
    flex-direction: column; 
    margin: 0px 40px;
} 

.css-s5t .e10-tfp  { 
    padding: 11px 12px 24px 26px; 
    display: grid; 
    grid-template-rows: max-content max-content; 
    grid-gap: 12px;
} 

.css-yzt { 
    width: 100%; 
    height: -webkit-fit-content; 
    height: -moz-fit-content; 
    height: fit-content; 
    padding: unset; 
    display: grid; 
    grid-template-columns: 20px minmax(42px, 1fr) minmax(555px, 1260px) minmax(42px, 1fr) 20px; 
    grid-auto-rows: max-content; 
    grid-column: 1/3;
} 

.css-xtd { 
    background: linear-gradient(108.93deg, #33E2CE 24.19%, #C64DB3 95.49%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    font-size: 36px; 
    font-weight: 700; 
    line-height: 75px; 
    letter-spacing: 0; 
    text-align: center; 
    width: 163px; 
    justify-self: center; 
    display: none;
} 

@media (min-width: 768px){ 
  .css-xtd { 
    font-size: 55px;
  } 
}     

@media (min-width: 1280px){ 
  .css-xtd { 
    display: none;
  } 

  .css-xtd { 
    display: block; 
    font-size: 55px;
  } 
}     

.css-dob { 
    display: grid; 
    grid-template-columns: 1fr; 
    grid-auto-rows: max-content;
} 

.css-yqn { 
    padding: 2px 10px 0px; 
    border: 1px solid rgb(255, 255, 255); 
    font-size: 15px; 
    margin-left: 6px;
} 

.css-64w svg  { 
    font-size: 20px;
} 

.css-3cp { 
    width: 80px;
} 

@media (min-width: 390px){ 
  .css-3cp { 
    width: 93px;
  } 
}     

.css-fxv { 
    display: grid; 
    border-left: 1px solid #4a4a4a; 
    margin-top: 7px; 
    margin-bottom: 7px; 
    padding-left: 20px; 
    padding-right: 24px;
} 

@media (min-width: 1280px){ 
  .css-fxv { 
    display: none;
  } 
}     

.css-ejr { 
    display: grid; 
    grid-auto-flow: column; 
    grid-column-gap: 42px; 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: end; 
    justify-content: end;
} 

.css-yjv { 
    border: 1px solid #ce1db4; 
    border-radius: 30px; 
    width: 270px; 
    height: 35px; 
    grid-template-columns: 1fr; 
    grid-template-rows: 1fr; 
    position: relative; 
    margin-bottom: 24px;
} 

.css-yp2 { 
    grid-column: 1; 
    margin: 0; 
    font-size: 55px; 
    font-weight: 700; 
    line-height: 75px; 
    text-align: left; 
    color: #fff; 
    text-transform: uppercase; 
    -webkit-transition: color 0.32s; 
    transition: color 0.32s;
} 

.css-8nt { 
    grid-column: 1; 
    font-size: 18px; 
    font-weight: 400; 
    line-height: 32px; 
    letter-spacing: 0em; 
    text-align: left; 
    background-color: linear-gradient(106.58deg, #FFFFFF 34.49%, #FFFFFF 61.47%); 
    -webkit-background-clip: text!important; 
    -webkit-text-fill-color: transparent!important; 
    background-clip: text!important; 
    text-fill-color: transparent!important; 
    margin: -14px 0 12px; 
    width: -webkit-fit-content; 
    width: -moz-fit-content; 
    width: fit-content;
} 

.css-d2q { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    grid-row: 4;
} 

.css-k3c { 
    grid-column: 1/4; 
    grid-row: 5; 
    display: grid; 
    grid-template-rows: 59px; 
    grid-template-columns: 1fr; 
    border-radius: 29.5px; 
    position: relative; 
    margin-bottom: 12px; 
    margin-top: 12px;
} 

.css-htj { 
    display: grid; 
    grid-column: 1/3; 
    grid-row: 6;
} 

.css-jzo { 
    grid-row: 7; 
    grid-column: 1/4; 
    margin-top: 12px; 
    font-size: 16px; 
    line-height: 21px; 
    color: #7e7e7e; 
    -webkit-transition: color 0.3s; 
    transition: color 0.3s;
} 

.css-jcj { 
    font-size: 24px; 
    grid-row: 8; 
    grid-column: 1/4; 
    background: #ce1db4; 
    border: none; 
    margin-top: 12px; 
    border-radius: 30px; 
    padding: 6px 0; 
    color: #fff; 
    cursor: pointer; 
    -webkit-transition: background-color 0.32s; 
    transition: background-color 0.32s; 
    line-height: 48px; 
    min-height: 60px; 
    margin-bottom: 50px;
} 

.css-jcj:first-letter { 
    text-transform: capitalize;
} 

.css-x2n { 
    grid-row: 9; 
    grid-column: 1/4; 
    display: none; 
    font-size: 14px; 
    font-weight: 400; 
    line-height: 17px; 
    letter-spacing: 0em; 
    color: rgba(255,255,255,0); 
    -webkit-transition: color 0.32s; 
    transition: color 0.32s; 
    margin: 16px 0 17px;
} 

.css-w2z { 
    grid-column: 1/4; 
    grid-row: 10; 
    display: grid; 
    grid-template-areas: 'receiveTitle receiveValue' 'exchangeTitle exchangeValue' 'rewardFeeTitle rewardFeeValue' 'apyTitle apyValue'; 
    grid-row-gap: 10px; 
    font-size: 18px; 
    letter-spacing: 0em;
} 

.css-ho8 { 
    font-style: normal; 
    font-weight: 700; 
    font-size: 55px; 
    text-transform: uppercase; 
    text-align: center; 
    color: #fff; 
    margin: 90px 0px 44px;
} 

.css-ofd { 
    display: flex; 
    width: 100%; 
    -webkit-box-pack: center; 
    justify-content: center;
} 

.css-wkz { 
    margin-top: 68px; 
    font-weight: 700; 
    font-size: 45px; 
    text-align: center; 
    line-height: 62px;
} 

.css-xz6 { 
    font-size: 35px; 
    font-weight: 700; 
    line-height: 53px; 
    letter-spacing: 0;
} 

.css-d5h { 
    width: 204px; 
    font-size: 18px; 
    font-weight: 400; 
    line-height: 32px; 
    letter-spacing: 0; 
    text-align: center; 
    color: #8775E7; 
    margin-left: 12px; 
    -webkit-text-decoration: none; 
    text-decoration: none; 
    border-radius: 23px; 
    cursor: pointer;
} 

.css-b5k { 
    grid-column: 3; 
    display: grid; 
    grid-template-rows: max-content; 
    grid-auto-columns: max-content; 
    grid-auto-flow: column; 
    grid-gap: 20px; 
    width: 100%; 
    overflow: visible;
} 

.css-qwo { 
    display: grid; 
    grid-gap: 0 12px; 
    grid-template-columns: 1fr max-content; 
    grid-auto-rows: max-content; 
    font-size: 16px; 
    line-height: 24px; 
    cursor: pointer; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-nhe svg  { 
    font-size: 20px;
} 

.css-p2c { 
    height: 100%; 
    font-size: 16px; 
    font-weight: 700; 
    line-height: 24px; 
    letter-spacing: 0; 
    text-align: center; 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-auto-flow: column; 
    justify-items: center; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
} 

.css-rxo { 
    position: absolute; 
    border-radius: 30px; 
    height: 100%; 
    width: 50%; 
    left: 0; 
    top: 0; 
    overflow: hidden;
} 

.css-vli { 
    font-weight: 400; 
    line-height: 24px; 
    letter-spacing: 0em; 
    grid-column: 1; 
    margin-right: 6px;
} 

.css-dhg { 
    width: fit-content; 
    height: 16px;
} 

.tooltip-dc2 { 
    border-radius: 3px; 
    display: inline-block; 
    font-size: 13px; 
    left: -999em; 
    opacity: 0; 
    position: fixed; 
    pointer-events: none; 
    transition: opacity 0.3s ease-out; 
    top: -999em; 
    visibility: hidden; 
    z-index: 999;
} 

.fa-boj { 
    color: #fff; 
    background: #222; 
    border: 1px solid transparent; 
    border-radius: undefinedpx; 
    padding: 12;
} 

.fa-boj.place-emy { 
    margin-top: -10px;
} 

.tooltip-dc2:before,.tooltip-dc2:after { 
    content: ""; 
    width: 0; 
    height: 0; 
    position: absolute;
} 

.tooltip-dc2.place-emy:before { 
    bottom: 0; 
    left: 50%; 
    margin-left: -11px;
} 

.fa-boj.place-emy:before { 
    content: ""; 
    background-color: inherit; 
    position: absolute; 
    z-index: 2; 
    width: 20px; 
    height: 12px;
} 

.fa-boj.place-emy:after { 
    content: ""; 
    position: absolute; 
    width: 10px; 
    height: 10px; 
    border-top-right-radius: undefinedpx; 
    border: 1px solid transparent; 
    background-color: #222; 
    z-index: -2; 
    bottom: -6px; 
    left: 50%; 
    margin-left: -6px; 
    transform: rotate(135deg);
} 

.css-2on { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    padding: 4px 5px 5px 24px; 
    background: rgba(44, 44, 44, 1); 
    border-radius: 26px; 
    width: 100%;
} 

.css-b74 { 
    font-weight: 400; 
    line-height: 24px; 
    letter-spacing: 0em; 
    grid-column: 1;
} 

.css-75h { 
    font-weight: 400; 
    line-height: 24px; 
    letter-spacing: 0em; 
    grid-column: 3; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: end; 
    justify-content: end; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    color: #FFFFFF;
} 

strong { 
    font-weight: bolder;
} 

.css-y17 { 
    font-weight: 400; 
    line-height: 27px; 
    text-align: left; 
    color: #7e7e7e; 
    grid-area: receiveTitle;
} 

.css-kte { 
    font-weight: 700; 
    line-height: 27px; 
    min-height: 27px; 
    text-align: right; 
    color: #33e3ce;
} 

.css-flo { 
    font-weight: 400; 
    line-height: 27px; 
    text-align: left; 
    color: #7e7e7e; 
    grid-area: exchangeTitle;
} 

.css-9fm { 
    font-weight: 700; 
    line-height: 27px; 
    min-height: 27px; 
    text-align: right; 
    color: #ffffff; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: right; 
    -ms-flex-pack: right; 
    -webkit-justify-content: right; 
    justify-content: right;
} 

.css-qo1 { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    grid-area: rewardFeeTitle;
} 

.css-enw { 
    font-weight: 700; 
    line-height: 27px; 
    min-height: 27px; 
    text-align: right; 
    color: #ffffff;
} 

.css-cl1 { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    grid-area: apyTitle;
} 

.css-ofd svg  { 
    height: 57px; 
    width: 100%; 
    fill: rgb(126, 126, 126);
} 

.css-d5h *  { 
    border-radius: 23px;
} 

.css-d5h > div  { 
    background: linear-gradient(93.47deg, #33E3CE 6.53%, #8775E7 24.6%);
} 

.css-dob > div:first-child span  { 
    padding: 0 0 20px;
} 

.css-qwo > svg  { 
    margin-right: 2px;
} 

.css-dob > div:first-child svg  { 
    margin-top: 8px; 
    -webkit-align-self: start; 
    -ms-flex-item-align: start; 
    align-self: start;
} 

.css-81s { 
    overflow: hidden; 
    white-space: pre-wrap; 
    color: #7e7e7e; 
    text-align: left; 
    grid-column: 1/3;
} 

.css-ga2 { 
    width: 100%; 
    height: 1px; 
    background: linear-gradient(90deg, rgba(65, 65, 65, 0) 1.45%, rgba(65, 65, 65, 0.767679) 11.51%, #414141 52.69%, rgba(65, 65, 65, 0.7677) 91.06%, rgba(65, 65, 65, 0) 100.79%); 
    grid-column: 1/3;
} 

.css-dob > div:not(:first-child) span  { 
    padding: 20px 0;
} 

.css-hzd { 
    height: 100%; 
    font-size: 16px; 
    font-weight: 700; 
    line-height: 24px; 
    letter-spacing: 0; 
    text-align: center; 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-auto-flow: column; 
    justify-items: center; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    position: absolute; 
    left: 0; 
    width: calc(100% * 2); 
    top: 0; 
    color: black;
} 

.css-r0lk8s { 
    cursor: pointer;
} 

.css-ez6 { 
    width: 37px; 
    height: 36px; 
    margin-right: 8px;
} 

input { 
    font-family: inherit; 
    font-size: 100%; 
    line-height: 1.15; 
    margin: 0;
} 

input { 
    overflow: visible;
} 

.css-xfi { 
    font-family: 'Roboto Mono'; 
    font-style: normal; 
    font-weight: 400; 
    font-size: 32px; 
    color: #ffffff; 
    background: transparent; 
    border: none; 
    margin-left: 10px; 
    width: calc(100% - 150px); 
    padding: 0;
} 

.css-v5x { 
    background: #161616; 
    border-radius: 28.5px; 
    border: none; 
    font-style: normal; 
    font-weight: 400; 
    font-size: 18px; 
    line-height: 27px; 
    color: #7E7E7E; 
    width: 83px; 
    padding: 12px 0; 
    cursor: pointer; 
    margin-left: auto;
} 

.css-5hy { 
    font-weight: 400; 
    line-height: 27px; 
    text-align: left; 
    color: #7e7e7e; 
    margin-right: 6px;
} 

.tefb970fc-9ae2-4701-a55a-gjk { 
    color: #fff; 
    background: #222; 
    border: 1px solid transparent; 
    border-radius: undefinedpx; 
    padding: 12;
} 

.tefb970fc-9ae2-4701-a55a-gjk.place-emy { 
    margin-top: -10px;
} 

.tefb970fc-9ae2-4701-a55a-gjk.place-emy:before { 
    content: ""; 
    background-color: inherit; 
    position: absolute; 
    z-index: 2; 
    width: 20px; 
    height: 12px;
} 

.tefb970fc-9ae2-4701-a55a-gjk.place-emy:after { 
    content: ""; 
    position: absolute; 
    width: 10px; 
    height: 10px; 
    border-top-right-radius: undefinedpx; 
    border: 1px solid transparent; 
    background-color: #222; 
    z-index: -2; 
    bottom: -6px; 
    left: 50%; 
    margin-left: -6px; 
    transform: rotate(135deg);
} 

.css-d5h > div > div  { 
    padding: 6px 0;
} 

.css-goj { 
    padding-bottom: 20px;
} 

.css-ez6 > svg  { 
    width: 100%; 
    height: 100%;
} 

.css-vnx { 
    font-weight: 700;
} 


@keyframes scroll { 
  0% {  
      transform: translateX(0%); 
      transform: translateX(0%); 
  }  
  100% {  
      transform: translateX(-100%); 
      transform: translateX(-100%); 
  }  

} 
/* These were inline style tags. Uses id+class to override almost everything */
#style-3rJF4.style-3rJF4 {  
   --pause-on-hover: paused;  
    --pause-on-click: paused;  
}  
#style-7DHnE.style-7DHnE {  
   --play: running;  
    --direction: normal;  
    --duration: 62.43000081380208s;  
    --delay: 0s;  
    --iteration-count: infinite;  
}  
#style-FwZOM.style-FwZOM {  
   --play: running;  
    --direction: normal;  
    --duration: 62.43000081380208s;  
    --delay: 0s;  
    --iteration-count: infinite;  
}  
/* #style-PSE7o.style-PSE7o {  
   height: 2516px;  
}   */
#style-1Cpse.style-1Cpse {  
   background:#ce1db4;  
   left:0%;  
}  
#style-nHaoG.style-nHaoG {  
   background: linear-gradient(106.58deg, rgb(90, 194, 182) 34.49%, rgb(255, 255, 255) 61.47%);  
}  
#style-AGLbv.style-AGLbv {  
   height:0;  
   opacity:0;  
}  
#style-hFBSt.style-hFBSt {  
   height:0;  
   opacity:0;  
}  
#style-Mmj4r.style-Mmj4r {  
   height:0;  
   opacity:0;  
}  
#style-HnzsW.style-HnzsW {  
   height:0;  
   opacity:0;  
}  
#style-U9sVF.style-U9sVF {  
   height:0;  
   opacity:0;  
}  
#style-GgH5o.style-GgH5o {  
   height:0;  
   opacity:0;  
}  
#style-Jwbj7.style-Jwbj7 {  
   height:0;  
   opacity:0;  
}  
#style-6rrMX.style-6rrMX {  
   height:0;  
   opacity:0;  
}  
#style-7BZ3X.style-7BZ3X {  
   height:0;  
   opacity:0;  
}  
#style-yOQnx.style-yOQnx {  
   height:0;  
   opacity:0;  
}  

@media all and (min-width: 992px) and (max-width: 1199px) {
    .css-wkz {
        font-size: 33px;
    }
}