/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/
 *,
 :after,
 :before {
     border: 0 solid #e5e7eb;
     box-sizing: border-box
 }

 :after,
 :before {
     --tw-content: ""
 }

 html {
     -webkit-text-size-adjust: 100%;
     font-feature-settings: normal;
     font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
     font-variation-settings: normal;
     line-height: 1.5;
     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4
 }

 body {
     line-height: inherit;
     margin: 0
 }

 hr {
     border-top-width: 1px;
     color: inherit;
     height: 0
 }

 abbr:where([title]) {
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-size: inherit;
     font-weight: inherit
 }

 a {
     color: inherit;
     text-decoration: inherit
 }

 b,
 strong {
     font-weight: bolder
 }

 code,
 kbd,
 pre,
 samp {
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
     font-size: 1em
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: initial
 }

 sub {
     bottom: -.25em
 }

 sup {
     top: -.5em
 }

 table {
     border-collapse: collapse;
     border-color: inherit;
     text-indent: 0
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     color: inherit;
     font-family: inherit;
     font-size: 100%;
     font-weight: inherit;
     line-height: inherit;
     margin: 0;
     padding: 0
 }

 button,
 select {
     text-transform: none
 }

 [type=button],
 [type=reset],
 [type=submit],
 button {
     -webkit-appearance: button;
     background-color: initial;
     background-image: none
 }

 :-moz-focusring {
     outline: auto
 }

 :-moz-ui-invalid {
     box-shadow: none
 }

 progress {
     vertical-align: initial
 }

 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
     height: auto
 }

 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }

 ::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }

 summary {
     display: list-item
 }

 blockquote,
 dd,
 dl,
 figure,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 p,
 pre {
     margin: 0
 }

 fieldset {
     margin: 0
 }

 fieldset,
 legend {
     padding: 0
 }

 menu,
 ol,
 ul {
     list-style: none;
     margin: 0;
     padding: 0
 }

 textarea {
     resize: vertical
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
     color: #9ca3af;
     opacity: 1
 }

 input::placeholder,
 textarea::placeholder {
     color: #9ca3af;
     opacity: 1
 }

 [role=button],
 button {
     cursor: pointer
 }

 :disabled {
     cursor: default
 }

 audio,
 canvas,
 embed,
 iframe,
 img,
 object,
 svg,
 video {
     display: block;
     vertical-align: middle
 }

 img,
 video {
     height: auto;
     max-width: 100%
 }

 [hidden] {
     display: none
 }

 *,
 ::backdrop,
 :after,
 :before {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --tw-translate-x: 0;
     --tw-translate-y: 0;
     --tw-rotate: 0;
     --tw-skew-x: 0;
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     --tw-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-gradient-from-position: ;
     --tw-gradient-via-position: ;
     --tw-gradient-to-position: ;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: #3b82f680;
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia:
 }

 .rounded-lg {
     border-radius: .5rem
 }

 .p-4 {
     padding: 1rem
 }

 .px-0 {
     padding-left: 0;
     padding-right: 0
 }

 .px-4 {
     padding-left: 1rem;
     padding-right: 1rem
 }

 .py-6 {
     padding-bottom: 1.5rem;
     padding-top: 1.5rem
 }

 .pt-8 {
     padding-top: 2rem
 }

 .\!normal-case {
     text-transform: none !important
 }

 ::-webkit-scrollbar {
     width: 0
 }

 @media (min-width:768px) {
     ::-webkit-scrollbar {
         width: 0
     }
 }

 ::-webkit-scrollbar-thumb,
 ::-webkit-scrollbar-track {
     --tw-bg-opacity: 1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity))
 }

 ::-webkit-scrollbar-thumb:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity))
 }

 .scrollbar-hide::-webkit-scrollbar {
     display: none
 }

 .scrollbar-hide {
     -ms-overflow-style: none;
     scrollbar-width: none
 }

 * {
     font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
     transition-duration: .1s;
     transition-property: all;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }

 body {
     overflow-x: hidden !important
 }

 input {
     background-color: initial;
     outline: 2px solid #0000;
     outline-offset: 2px
 }

 .wrapper {
     --tw-bg-opacity: 1;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     display: flex;
     justify-content: center;
     min-height: 100vh;
     position: relative;
     width: 100%
 }

 .bottom-nav>div,
 .lang>div,
 .top-nav>div,
 .wrapper>div {
     max-width: 48rem;
     overflow-y: auto;
     width: 100%
 }

 .wrapper>div {
     display: flex;
     flex-direction: column;
     flex-grow: 1
 }

 .wrapper.auth-wrapper {
     display: flex;
     flex-direction: column-reverse;
     justify-content: flex-start
 }

 .wrapper.auth-wrapper>div {
     background-color: initial;
     height: auto !important
 }

 .auth {
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 1.5rem;
     row-gap: 1.5rem;
     width: 100%
 }

 .auth>img:first-of-type {
     height: 3.5rem
 }

 .auth>div.logo {
     --tw-text-opacity: 1;
     color: rgb(30 64 175/var(--tw-text-opacity));
     font-size: 1.5rem;
     font-weight: 700;
     height: 3.5rem;
     line-height: 2rem;
     text-align: center;
     width: 100%
 }

 .auth>div.form-inputs {
     --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     background-color: #ffffff1a;
     border-radius: .5rem;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
     display: flex;
     flex-direction: column;
     padding: 1.5rem;
     row-gap: .75rem;
     width: 100%
 }

 .auth>a {
     --tw-text-opacity: 1;
     color: rgb(234 88 12/var(--tw-text-opacity));
     text-transform: none
 }

 .auth>.auth-btn-go,
 .auth>a {
     font-size: .875rem;
     font-weight: 600;
     line-height: 1.25rem;
     text-align: center
 }

 .auth>.auth-btn-go {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: .25rem;
     color: rgb(255 255 255/var(--tw-text-opacity));
     padding-bottom: 1rem;
     padding-top: 1rem;
     width: 100%
 }

 .auth>div.form-inputs>.group-input {
     border-bottom-width: 1px;
     border-color: #2f364833
 }

 .auth>div.form-inputs>.group-input:focus-within {
     --tw-border-opacity: 1;
     border-color: rgb(238 238 0/var(--tw-border-opacity))
 }

 .auth>div.form-inputs>.group-input>p {
     display: none
 }

 .auth>div.form-inputs>.group-input>div {
     align-items: center;
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     justify-content: space-between
 }

 .auth>div.form-inputs>.group-input>div>input {
     flex-grow: 1;
     padding-bottom: .75rem;
     padding-top: .75rem
 }

 .auth>div.form-inputs>.group-input>div>input+span {
     color: #fff9
 }

 .auth>div.form-inputs>.group-input>div>input+span>* {
     pointer-events: none
 }

 .auth>p.title {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 2rem;
     padding-bottom: 1rem;
     padding-top: 1rem;
     text-align: center
 }

 .auth-links {
     color: #ee0c;
     display: flex;
     font-size: .75rem;
     justify-content: flex-end;
     line-height: 1rem;
     padding-top: 1rem
 }

 button,
 input,
 select {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     outline: 2px solid #0000;
     outline-offset: 2px
 }

 input,
 select {
     background-color: initial
 }

 .btn {
     --tw-border-opacity: 1;
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-color: rgb(238 238 0/var(--tw-border-opacity));
     border-radius: .75rem;
     color: rgb(47 54 72/var(--tw-text-opacity));
     font-size: 1.125rem;
     font-weight: 600;
     line-height: 1.75rem;
     padding-bottom: 10px !important;
     padding-top: 10px !important;
     text-transform: uppercase;
     width: 100%
 }

 .auth a.btn {
     display: block;
     text-align: center;
     width: 100% !important
 }

 .btn.bordered {
     background-color: #ffffff0d;
     color: #fffc
 }

 .home {
     padding-bottom: 5rem;
     padding-left: 1rem;
     padding-right: 1rem;
     width: 100%
 }

 .home>.home-title {
     align-items: center;
     display: flex;
     justify-content: space-between;
     margin-bottom: 1rem;
     padding-top: 2rem;
     width: 100%
 }

 .home>.home-title>div:first-of-type {
     align-items: center;
     -moz-column-gap: 1rem;
     column-gap: 1rem;
     display: flex
 }

 .home>.home-title>div:first-of-type>img {
     background-color: #ffffff4d;
     border-color: #ffffff1a;
     border-radius: 9999px;
     border-width: 1px;
     padding: .25rem;
     width: 4rem
 }

 .home>.home-title>div:first-of-type>div {
     display: flex;
     flex-direction: column
 }

 .home>.home-title>div:first-of-type>div>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.125rem;
     line-height: 1.75rem
 }

 .home>.home-title>div:first-of-type>div>p:last-of-type {
     color: #ffffff80;
     font-size: 1rem;
     line-height: 1.5rem
 }

 .home>.home-title>div:last-of-type {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     align-items: center;
     aspect-ratio: 1/1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(47 54 72/var(--tw-text-opacity));
     display: flex;
     justify-content: center;
     width: 2.5rem
 }

 .home>.balance {
     background-color: #ffffff1a;
     border-radius: .5rem;
     display: block;
     margin-bottom: 1rem;
     padding: 1rem;
     width: 100%
 }

 .home>.balance>div {
     width: 100%
 }

 .home>.balance>div:last-of-type {
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     padding-top: 1rem;
     width: 100%
 }

 .home>.balance div.amount:first-of-type {
     align-items: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     width: 100%
 }

 .home>.balance div:last-of-type {
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     width: 100%
 }

 .home>.balance div:last-of-type>div {
     align-items: center;
     background-color: #ffffff1a;
     border-radius: .5rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-bottom: .75rem;
     padding-top: .75rem
 }

 .home>.balance div.amount>p:first-of-type {
     color: #fff9;
     font-size: .75rem;
     line-height: 1rem;
     text-transform: uppercase
 }

 .home>.balance div.amount>p:first-of-type span {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 22px;
     font-weight: 600
 }

 .home>.balance div.amount>p:last-of-type {
     color: #fffc;
     font-size: .75rem;
     line-height: 1rem
 }

 .home>.links {
     align-items: center;
     background-color: #ffffff1a;
     border-radius: .5rem;
     display: flex;
     justify-content: space-between;
     margin-bottom: 1.5rem;
     padding: 1rem;
     width: 100%
 }

 .home>.links>a {
     flex-direction: column
 }

 .home>.links>a,
 .home>.links>a>div {
     align-items: center;
     display: flex;
     justify-content: center
 }

 .home>.links>a>div {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     aspect-ratio: 1/1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(47 54 72/var(--tw-text-opacity));
     width: 3rem
 }

 .home>.links>a>p {
     color: #fff9;
     font-size: .875rem;
     font-weight: 600;
     line-height: 1.25rem;
     padding-top: .25rem
 }

 .home>.links-group {
     display: flex;
     flex-direction: column;
     row-gap: .5rem;
     width: 100%
 }

 .home>.links-group:not(:last-of-type) {
     margin-bottom: 1.5rem
 }

 .home>.links-group>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.125rem;
     font-weight: 700;
     line-height: 1.75rem
 }

 .home>.links-group>a {
     align-items: center;
     background-color: #ffffff1a;
     border-radius: 9999px;
     color: #ffffffe6;
     display: flex;
     justify-content: space-between;
     padding: .5rem;
     width: 100%
 }

 .home>.links-group>a>div {
     align-items: center;
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     justify-content: center
 }

 .home>.links-group>a>:last-child {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity))
 }

 .home>.links-group>a>div>div {
     --tw-gradient-from: #eeee004d var(--tw-gradient-from-position);
     --tw-gradient-to: #ee00 var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-to: #eeee001a var(--tw-gradient-to-position);
     --tw-text-opacity: 1;
     align-items: center;
     aspect-ratio: 1/1;
     background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
     border-radius: 9999px;
     color: rgb(238 238 0/var(--tw-text-opacity));
     display: flex;
     justify-content: center;
     width: 2.5rem
 }

 .home>.links-group>a>div>p {
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem
 }

 .bottom-nav {
     align-items: center;
     bottom: 0;
     display: flex;
     justify-content: center;
     left: 0;
     padding-bottom: .25rem;
     padding-right: .25rem;
     position: fixed;
     width: 100%;
     z-index: 9999
 }

 .bottom-nav>div {
     padding-bottom: .25rem;
     padding-left: .75rem;
     padding-right: .75rem;
     width: 100%
 }

 .bottom-nav>div>div {
     --tw-bg-opacity: 1;
     background-color: rgb(24 28 20/var(--tw-bg-opacity));
     border-radius: 1rem;
     display: flex;
     justify-content: space-between;
     width: 100%
 }

 .bottom-nav>div>div>a {
     align-items: center;
     color: #fffc;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-bottom: .5rem;
     padding-top: .5rem;
     width: 100%
 }

 .bottom-nav>div>div>a>p {
     color: #ffffff80;
     font-size: .75rem;
     line-height: 1rem
 }

 .bottom-nav>div>div>a.active>p {
     display: block
 }

 .bottom-nav>div>div>a.active,
 .bottom-nav>div>div>a.active>p {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity))
 }

 .top-nav {
     --tw-bg-opacity: 1;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     color: #ffffffe6;
     justify-content: center;
     position: relative;
     z-index: 9999
 }

 .top-nav,
 .top-nav>div {
     align-items: center;
     display: flex;
     width: 100%
 }

 .top-nav>div {
     justify-content: space-between;
     padding: 1rem
 }

 .top-nav>div>p {
     font-weight: 600;
     text-transform: uppercase
 }

 .top-nav>div>div {
     align-items: center;
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex
 }

 .top-nav>div>div:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.5rem;
     font-weight: 600;
     line-height: 2rem
 }

 .top-nav>div>div:last-of-type>* {
     --tw-bg-opacity: 1;
     align-items: center;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: #fff9;
     -moz-column-gap: .25rem;
     column-gap: .25rem;
     display: flex;
     font-size: .75rem;
     line-height: 1rem;
     padding: .25rem .5rem
 }

 .top-nav.home {
     background-color: initial !important
 }

 .help {
     display: flex;
     flex-direction: column;
     gap: .25rem;
     padding-right: .5rem;
     padding-top: 1rem;
     position: fixed;
     right: 0;
     top: 0
 }

 .help>* {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     align-items: center;
     aspect-ratio: 1/1;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     border-color: #fff6;
     border-radius: 9999px;
     border-width: 1px;
     color: rgb(238 238 0/var(--tw-text-opacity));
     display: flex;
     justify-content: center;
     width: 2.5rem
 }

 .home2 {
     display: flex;
     flex-direction: column;
     height: 100%;
     padding-bottom: 4rem;
     position: relative;
     width: 100%
 }

 .home2>* {
     width: 100%
 }

 .home2>div.cover {
     aspect-ratio: 16/9;
     background-repeat: no-repeat;
     background-size: cover
 }

 p.home-title {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.5rem;
     font-weight: 600;
     line-height: 2rem;
     margin: 1rem;
     position: absolute;
     z-index: 99999999
 }

 .home2>div.cover>div {
     --tw-gradient-from: #0000 var(--tw-gradient-from-position);
     --tw-gradient-to: #0000 var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-from-position: 70%;
     --tw-gradient-to: #2f3648 var(--tw-gradient-to-position);
     background-color: #2f364833;
     background-image: radial-gradient(circle, var(--tw-gradient-stops));
     height: 100%;
     width: 100%
 }

 .home2>div.body {
     --tw-bg-opacity: 1;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     border-color: #eeee00b3;
     border-top-left-radius: 1.5rem;
     border-top-right-radius: 1.5rem;
     border-top-width: 10px;
     flex-grow: 1;
     margin-top: -1.5rem;
     padding-bottom: 1rem;
     padding-top: 1rem
 }

 .home2>div.body .summa {
     --tw-gradient-from: #ee0 var(--tw-gradient-from-position);
     --tw-gradient-to: #ee00 var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
     padding: 1px
 }

 .home2>div.body .summa,
 .home2>div.body .summa>div,
 .home2>div.body .summa>div>div {
     border-radius: .75rem;
     width: 100%
 }

 .home2>div.body .summa>div {
     --tw-bg-opacity: 1;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     height: 100%
 }

 .home2>div.body .summa>div>div {
     display: flex;
     height: 100%
 }

 .home2>div.body .summa>div>div>:not([hidden])~:not([hidden]) {
     --tw-divide-x-reverse: 0;
     border-color: #eeee0080;
     border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
     border-right-width: calc(1px*var(--tw-divide-x-reverse))
 }

 .home2>div.body .summa>div>div {
     background-color: #ffffff0d;
     padding: 1rem
 }

 .home2>div.body .summa>div>div>div {
     align-items: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 100%
 }

 .home2>div.body .summa>div>div>div>p:first-of-type {
     color: #ffffffb3;
     font-size: .875rem;
     line-height: 1.25rem;
     text-transform: uppercase
 }

 .home2>div.body .summa>div>div>div>p:last-of-type {
     --tw-text-opacity: 1;
     align-items: baseline;
     color: rgb(238 238 0/var(--tw-text-opacity));
     display: flex;
     font-size: 1.125rem;
     line-height: 1.75rem
 }

 .home2>div.body .summa>div>div>div>p:last-of-type>span {
     color: #fff6;
     font-size: .875rem;
     line-height: 1.25rem;
     text-transform: uppercase
 }

 .home2>div.body>.links {
     background-color: initial;
     padding-bottom: .75rem;
     padding-top: .75rem
 }

 .home2>div.body>.links,
 .home2>div.body>.links>a {
     align-items: center;
     display: flex;
     justify-content: center;
     width: 100%
 }

 .home2>div.body>.links>a {
     flex-direction: column
 }

 .home2>div.body>.links>a>:first-child {
     --tw-text-opacity: 1;
     align-items: center;
     aspect-ratio: 1/1;
     background-color: #fff3;
     border-radius: 9999px;
     color: rgb(238 238 0/var(--tw-text-opacity));
     display: flex;
     justify-content: center;
     width: 60px
 }

 .home2>div.body>.links>a>:last-child {
     color: #ee0c;
     font-size: .75rem;
     line-height: 1rem
 }

 .home2>div.body>.task-hall {
     display: flex;
     flex-direction: column;
     padding: 1rem;
     width: 100%
 }

 .home2>div.body>.task-hall>p:first-of-type {
     color: #fff9;
     font-size: 1.125rem;
     font-weight: 600;
     line-height: 1.75rem;
     margin-bottom: .5rem
 }

 .home2>div.body>.task-hall>div {
     display: grid;
     flex-grow: 1;
     gap: .75rem;
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }

 @media (min-width:768px) {
     .home2>div.body>.task-hall>div {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }
 }

 .home2>div.body>.task-hall>div>div {
     background-color: #ffffff1a;
     border-radius: .75rem;
     width: 100%
 }

 .home2>div.body>.task-hall>div>div>div:first-of-type {
     align-items: flex-start;
     aspect-ratio: 16/9;
     background-repeat: no-repeat;
     background-size: cover;
     border-top-left-radius: .75rem;
     border-top-right-radius: .75rem;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     width: 100%
 }

 .home2>div.body>.task-hall>div>div>div:first-of-type>p:first-of-type {
     --tw-text-opacity: 1;
     background-color: #2f3648cc;
     border-color: #eeee001a;
     border-right-width: 1px;
     border-top-right-radius: .75rem;
     border-top-width: 1px;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: .75rem;
     font-weight: 600;
     line-height: 1rem;
     padding: .125rem .5rem
 }

 .home2>div.body>.task-hall>div>div>div:first-of-type>p:first-of-type:not(:only-of-type) {
     padding-bottom: 0
 }

 .home2>div.body>.task-hall>div>div>div:first-of-type>p:last-of-type {
     align-items: baseline;
     background-color: #2f3648cc;
     border-right-width: 1px;
     border-top-right-radius: .75rem;
     color: #fffc;
     display: flex;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem;
     padding: .125rem .5rem
 }

 .home2>div.body>.task-hall>div>div>div:first-of-type>p:last-of-type>span {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 8px;
     font-weight: 400
 }

 .home2>div.body>.task-hall>div>div>div:last-of-type {
     border-bottom-left-radius: .75rem;
     border-bottom-right-radius: .75rem;
     display: flex;
     flex-direction: column;
     padding: .75rem
 }

 .home2>div.body>.task-hall>div>div>div:last-of-type>* {
     --tw-bg-opacity: 1;
     align-items: center;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: .25rem;
     color: #2f3648;
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     font-size: .75rem;
     font-weight: 600;
     justify-content: center;
     line-height: 1rem;
     padding: .25rem;
     width: 100%
 }

 .invest {
     display: block;
     padding: 1rem 1rem 5rem;
     position: relative
 }

 .invest,
 .invest>.tabs {
     width: 100%
 }

 .invest>.tabs {
     --tw-backdrop-blur: blur(64px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     background-color: #ffffff1a;
     border-radius: 9999px;
     justify-content: space-between;
     padding: .5rem;
     position: sticky;
     top: .5rem;
     z-index: 99
 }

 .invest>.tabs,
 .invest>.tabs>div {
     display: flex
 }

 .invest>.tabs>div {
     align-items: center;
     -moz-column-gap: .5rem;
     column-gap: .5rem
 }

 .invest>.tabs>div:first-of-type {
     -moz-column-gap: 0;
     column-gap: 0
 }

 .invest>.tabs>div:first-of-type>:not([hidden])~:not([hidden]) {
     --tw-divide-x-reverse: 0;
     border-color: #2f364880;
     border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
     border-right-width: calc(1px*var(--tw-divide-x-reverse))
 }

 .invest>.tabs>div:first-of-type>* {
     --tw-text-opacity: 1;
     background-color: #fff3;
     color: rgb(255 255 255/var(--tw-text-opacity));
     font-size: .875rem;
     font-weight: 600;
     line-height: 1.25rem;
     padding: .5rem 1.25rem
 }

 .invest>.tabs>div:first-of-type>:first-child {
     border-bottom-left-radius: 9999px;
     border-top-left-radius: 9999px
 }

 .invest>.tabs>div:first-of-type>:last-child {
     border-bottom-right-radius: .75rem;
     border-top-right-radius: .75rem
 }

 .invest>.tabs>div:first-of-type>.active {
     background-color: #2f3648cc
 }

 .invest>.tabs>div:last-of-type {
     justify-content: center
 }

 .invest>.tabs>div:last-of-type>* {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     align-items: center;
     aspect-ratio: 1/1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(47 54 72/var(--tw-text-opacity));
     display: flex;
     justify-content: center;
     width: 2.25rem
 }

 .invest .product-title {
     padding: 1rem;
     text-align: center
 }

 .invest .product-title>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.25rem;
     font-weight: 600;
     line-height: 1.75rem
 }

 .invest .product-title>p:first-of-type+p {
     color: #ffffffb3;
     font-size: .875rem;
     line-height: 1.25rem
 }

 .invest .product-list {
     display: flex;
     flex-direction: column;
     row-gap: 1rem;
     width: 100%
 }

 /* Mobile layout overridden for products-bag class */
.invest>.product-list>.item:not(.products-bag) {
    padding-bottom: .5rem;
    padding-left: .25rem;
    padding-top: .5rem;
    position: relative;
    width: 100%
}

/* Completely override mobile layout for products-bag */
.invest>.product-list>.item.products-bag {
    position: static !important;
    width: auto !important;
    height: auto !important;
    z-index: auto !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    background: #fff !important;
    border: 2px solid #333 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    overflow: visible !important;
}

.invest>.product-list>.item.products-bag > * {
    position: static !important;
    width: auto !important;
    height: auto !important;
    z-index: auto !important;
    background: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
}

.invest>.product-list>.item:not(.products-bag):first-child {
    margin-top: -1rem
}

.invest>.product-list>.item:not(.products-bag)>div:first-of-type {
   --tw-bg-opacity: 1;
   background-color: rgb(47 54 72/var(--tw-bg-opacity));
   border-radius: 1.5rem;
   padding: 1rem;
   position: relative;
   width: 50%;
   z-index: 50
}

 .invest>.product-list>.item>div:first-of-type>p:first-of-type {
     color: #ffffffe6;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem
 }

 .invest>.product-list>.item>div:first-of-type>div {
     align-items: center;
     display: flex;
     justify-content: space-between;
     width: 100%
 }

 .invest>.product-list>.item>div:first-of-type>div>p:first-of-type,
 .invest>.product-list>.item>div:first-of-type>div>p:last-of-type span {
     color: #000000 !important;
     font-size: .75rem !important;
     font-weight: 400 !important;
     line-height: 1rem !important
 }

 .invest>.product-list>.item>div:first-of-type>div>p:last-of-type span {
     text-transform: uppercase
 }

 .invest>.product-list>.item>div:first-of-type>div>p:last-of-type,
 p.state-success {
     align-items: center;
     color: #eeee00e6;
     display: flex;
     font-size: 1.125rem;
     font-weight: 600;
     line-height: 1.75rem
 }

 p.state-success {
     --tw-text-opacity: 1 !important;
     color: rgb(22 163 74/var(--tw-text-opacity)) !important
 }

 /* Mobile layout overridden for products-bag class */
.invest>.product-list>.item:not(.products-bag)>div:last-of-type {
    background-color: #fff3;
    border-radius: 1.5rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 40
}

 .invest>.product-list>.item>div:first-of-type>div:last-of-type {
     display: flex;
     flex-direction: row-reverse;
     padding-top: 1rem;
     width: 100%
 }

 .invest>.product-list>.item>div:first-of-type>div:last-of-type>* {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     align-items: center;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(47 54 72/var(--tw-text-opacity));
     -moz-column-gap: .75rem;
     column-gap: .75rem;
     display: flex;
     font-size: .875rem;
     font-weight: 600;
     line-height: 1.25rem;
     padding: .5rem .75rem
 }

 div.vip-crown {
     align-items: center;
     display: flex;
     font-size: 1.25rem;
     font-weight: 600;
     justify-content: center;
     line-height: 1.75rem;
     position: relative;
     width: 2.5rem
 }

 div.vip-crown>img {
     --tw-grayscale: grayscale(0);
     position: absolute;
     width: 5rem !important
 }

 div.vip-crown.lv1>img,
 div.vip-crown>img {
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }

 div.vip-crown.lv1>img {
     --tw-grayscale: grayscale(100%)
 }

 div.vip-crown>p {
     --tw-text-opacity: 1;
     color: rgb(239 246 255/var(--tw-text-opacity));
     position: relative;
     z-index: 50
 }

 div.vip-crown.lv1>p {
     --tw-text-opacity: 1;
     color: rgb(255 255 255/var(--tw-text-opacity))
 }

 .invest-modal {
     --tw-backdrop-blur: blur(4px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     background-color: #00000080;
     display: flex;
     height: 100%;
     justify-content: center;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999
 }

 .invest-modal.close {
     display: none
 }

 .invest-modal>div {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     border-bottom-left-radius: 1.5rem;
     border-bottom-right-radius: 1.5rem;
     color: rgb(255 255 255/var(--tw-text-opacity));
     margin-top: 0;
     max-height: 92% !important;
     max-width: 48rem;
     overflow-y: auto;
     width: 100%
 }

 .invest-modal>div>.title {
     border-bottom-width: 1px;
     border-color: #ffffff1a;
     display: flex;
     flex-direction: row-reverse;
     padding: .5rem 1rem;
     width: 100%
 }

 .invest-modal>div>.title>button {
     background-color: initial;
     border-width: 0;
     color: #ee0c
 }

 .invest-modal>div>.summary {
     padding: 1rem;
     row-gap: 1rem;
     width: 100%
 }

 .invest-modal>div>.summary,
 .invest-modal>div>.summary>div:first-of-type {
     display: flex;
     flex-direction: column
 }

 .invest-modal>div>.summary>div:first-of-type>p {
     color: #fff9;
     font-size: .875rem;
     line-height: 1.25rem
 }

 .invest-modal>div>.summary>div:first-of-type>p>span {
     color: #ffffffe6;
     font-size: 1.25rem;
     font-weight: 600;
     line-height: 1.75rem
 }

 .invest-modal>div>.summary>div:first-of-type>p+p {
     color: #fffc;
     font-size: .875rem;
     line-height: 1.25rem
 }

 .invest-modal>div>.summary>div:last-of-type {
     -moz-column-gap: .75rem;
     column-gap: .75rem;
     display: flex
 }

 .invest-modal>div>.summary>div:last-of-type>div {
     align-items: center;
     background-color: #ffffff1a;
     border-radius: .5rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: .75rem;
     width: 100%
 }

 .invest-modal>div>.summary>div:last-of-type>div>p:first-of-type {
     color: #fffc;
     font-size: .875rem;
     line-height: 1.25rem
 }

 .invest-modal>div>.summary>div:last-of-type>div>p:first-of-type>span {
     color: #ee0;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem
 }

 .invest-modal>div>.summary>div:last-of-type>div>p:first-of-type+p {
     color: #fff9;
     font-size: .75rem;
     line-height: 1rem
 }

 .invest-modal>div>.scale {
     -moz-column-gap: 1rem;
     column-gap: 1rem;
     display: flex;
     padding-left: 1rem;
     padding-right: 1rem;
     padding-top: 2rem;
     width: 100%
 }

 .invest-modal>div>.scale>button {
     align-items: center;
     aspect-ratio: 1/1;
     border-radius: 9999px;
     display: flex;
     justify-content: center;
     width: 2.5rem
 }

 .invest-modal>div>.scale>button:first-of-type {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(107 114 128/var(--tw-bg-opacity));
     color: rgb(255 255 255/var(--tw-text-opacity))
 }

 .invest-modal>div>.scale>button:last-of-type {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     color: rgb(47 54 72/var(--tw-text-opacity))
 }

 .invest-modal>div>.scale>input {
     flex-grow: 1
 }

 .invest-modal>div>.description {
     background-color: initial !important;
     padding: 1rem;
     width: 100%
 }

 .invest-modal>div>.description>div {
     align-items: center;
     display: flex;
     justify-content: space-between;
     width: 100%
 }

 .invest-modal>div>.description>div:has(>div)>p:first-of-type,
 .invest-modal>div>.description>div>p:first-of-type,
 .invest-modal>div>.description>div>p:last-of-type>span {
     color: #fffc;
     font-size: .75rem;
     font-weight: 400;
     line-height: 1rem
 }

 .invest-modal>div>.description>div>p:last-of-type>span {
     text-transform: uppercase
 }

 .invest-modal>div>.description>div>p:last-of-type {
     --tw-text-opacity: 1;
     align-items: center;
     color: rgb(238 238 0/var(--tw-text-opacity));
     display: flex;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem
 }

 .invest-modal>div>.description>:last-child {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(34 197 94/var(--tw-bg-opacity));
     border-bottom-left-radius: 1.5rem;
     border-bottom-right-radius: 1.5rem;
     border-top-left-radius: .75rem;
     border-top-right-radius: .75rem;
     color: rgb(255 255 255/var(--tw-text-opacity));
     font-size: .875rem;
     line-height: 1.25rem;
     margin-top: 1rem;
     padding-bottom: .75rem;
     padding-top: .75rem;
     width: 100%
 }

 .task {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     padding: 1rem
 }

 .tressure {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(255 255 255/var(--tw-bg-opacity));
     border-radius: 1.5rem;
     color: rgb(47 54 72/var(--tw-text-opacity));
     margin-bottom: 1rem;
     margin-top: -1.5rem;
     padding: 1rem 1.5rem;
     width: 100%
 }

 .tressure>p:first-of-type {
     font-size: 1.25rem;
     font-weight: 600;
     line-height: 1.75rem
 }

 .tressure>p:first-of-type+p {
     font-size: .875rem;
     line-height: 1.25rem;
     margin-bottom: .75rem
 }

 .tressure>button {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     align-items: center;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(255 255 255/var(--tw-text-opacity));
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     font-size: .75rem;
     font-weight: 600;
     line-height: 1rem;
     padding: .25rem 1rem
 }

 .millionare,
 .millionare>div {
     border-radius: .5rem;
     margin-bottom: .5rem;
     width: 100%
 }

 .millionare {
     background-color: #181c1433;
     padding: .125rem
 }

 .millionare>div {
     background-color: #ffffff0d;
     font-size: .875rem;
     line-height: 1.25rem;
     padding: 1rem
 }

 .millionare>div>p {
     color: #ffffffb3;
     margin-bottom: .5rem
 }

 .millionare>div:first-of-type>p:first-of-type {
     color: #ee0c;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem;
     margin-bottom: 0 !important
 }

 .millionare>div:first-of-type>p:first-of-type+p {
     color: #fff9;
     margin-bottom: 1rem;
     margin-top: -.25rem
 }

 .millionare>div:first-of-type~div {
     align-items: center;
     -moz-column-gap: .75rem;
     column-gap: .75rem;
     display: flex;
     justify-content: space-between
 }

 .millionare>div:first-of-type~div>div {
     flex-grow: 1
 }

 .millionare>div:first-of-type~div>div>div.graph {
     background-color: #1212121a;
     border-radius: 9999px;
     height: .25rem;
     margin-bottom: .5rem;
     margin-top: .5rem;
     width: 100%
 }

 .millionare>div:first-of-type~div>div>p:first-of-type {
     color: #2f3648e6;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem;
     margin-bottom: 0 !important
 }

 .millionare>div:first-of-type~div>div>p:first-of-type~p {
     --tw-text-opacity: 1;
     align-items: center;
     color: rgb(18 18 18/var(--tw-text-opacity));
     -moz-column-gap: .25rem;
     column-gap: .25rem;
     display: flex
 }

 .millionare>div:first-of-type~div>div>p:first-of-type~p>img {
     width: 1.25rem
 }

 .millionare>div:first-of-type~div>div>p:first-of-type~p span {
     --tw-text-opacity: 1;
     color: rgb(47 54 72/var(--tw-text-opacity));
     font-weight: 600;
     text-transform: uppercase
 }

 .copy-code {
     background-color: #ffffff1a;
     border-radius: 1.5rem;
     display: flex;
     flex-direction: column;
     padding: 1rem;
     position: relative;
     row-gap: .5rem;
     width: 100%
 }

 .copy-code>div {
     align-items: center;
     display: flex;
     justify-content: space-between;
     width: 100%
 }

 .copy-code>div:first-of-type>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.5rem;
     font-weight: 600;
     line-height: 2rem
 }

 .copy-code>div:first-of-type>:last-child {
     background-color: #eeee001a;
     border-radius: 9999px;
     color: #ee0c;
     font-size: .75rem;
     font-weight: 600;
     line-height: 1rem;
     padding: .5rem
 }

 .copy-code>div:last-of-type>* {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     display: -webkit-box;
     overflow: hidden
 }

 .copy-code>div:last-of-type>:first-child {
     color: #fffc
 }

 .copy-code>div:last-of-type>:last-child {
     --tw-text-opacity: 1;
     background-color: #ffffff4d;
     border-radius: 9999px;
     color: rgb(255 255 255/var(--tw-text-opacity));
     flex-shrink: 0;
     font-size: .75rem;
     line-height: 1rem;
     padding: .5rem
 }

 .copy-code>p:first-of-type {
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 2rem
 }

 .copy-code>p:first-of-type,
 .copy-code>p:first-of-type+p {
     --tw-text-opacity: 1;
     color: rgb(47 54 72/var(--tw-text-opacity))
 }

 .copy-code>p:first-of-type+p {
     font-size: .875rem;
     line-height: 1.25rem;
     margin-bottom: .5rem
 }

 .copy-code>p:first-of-type+p+button {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     align-items: center;
     background-color: rgb(24 28 20/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(255 255 255/var(--tw-text-opacity));
     -moz-column-gap: .25rem;
     column-gap: .25rem;
     display: flex;
     font-size: .75rem;
     line-height: 1rem;
     padding: .25rem .75rem
 }

 .copy-code>img {
     bottom: -.5rem;
     position: absolute;
     right: .5rem;
     width: 7rem
 }

 .task>.home2>.body {
     border-top-width: 0 !important
 }

 .task>.home2>.body>.task-hall {
     padding: 0
 }

 .club {
     display: flex;
     flex-direction: column;
     padding-bottom: 5rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     row-gap: 1.25rem;
     width: 100%
 }

 .club>div:not(:first-of-type) {
     display: flex;
     flex-direction: column;
     row-gap: .25rem
 }

 .club>div>div:first-of-type {
     align-items: center;
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     margin-left: -1rem
 }

 .club>div>div:first-of-type>img {
     background-color: #ee06;
     border-radius: 9999px;
     width: 2.5rem
 }

 .club>div>div:first-of-type>div {
     display: block;
     font-size: .875rem;
     line-height: 1.25rem
 }

 .club>div>div:first-of-type>div>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem
 }

 .club>div>div:first-of-type>div>p:first-of-type+p {
     color: #fff9
 }

 .club>div>div:last-of-type {
     background-color: #ffffff1a;
     border-radius: .5rem;
     color: #fffc;
     font-size: .875rem;
     line-height: 1.25rem;
     padding: 1rem;
     width: 100%
 }

 .club>div>div:last-of-type>img {
     display: inline-grid;
     height: 5rem
 }

 .bottom-nav.chat-box {
     --tw-bg-opacity: 1;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     padding-bottom: .5rem !important
 }

 .bottom-nav.chat-box>div {
     --tw-text-opacity: 1;
     color: rgb(255 255 255/var(--tw-text-opacity));
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     flex-direction: row
 }

 .bottom-nav.chat-box>div,
 .bottom-nav.chat-box>div>div {
     align-items: center;
     border-radius: 9999px;
     display: flex;
     width: 100%
 }

 .bottom-nav.chat-box>div>div {
     background-color: #fff3;
     -moz-column-gap: .75rem;
     column-gap: .75rem;
     justify-content: center
 }

 .bottom-nav.chat-box>div>div>input {
     --tw-text-opacity: 1;
     background-color: initial;
     color: rgb(255 255 255/var(--tw-text-opacity));
     flex-grow: 1;
     padding-left: 1.25rem
 }

 .bottom-nav.chat-box>div>div>input~label.upload-file {
     position: relative
 }

 .bottom-nav.chat-box>div>div>input~label.upload-file>* {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     pointer-events: none
 }

 .bottom-nav.chat-box>div>div>input~label.upload-file>button {
     align-items: center;
     aspect-ratio: 1/1;
     border-radius: 9999px;
     display: flex;
     justify-content: center;
     width: 3.5rem
 }

 .bottom-nav.chat-box>div>div>input~label.upload-file>input[type=file] {
     display: none
 }

 .bottom-nav.chat-box>div>.send {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     align-items: center;
     aspect-ratio: 1/1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(47 54 72/var(--tw-text-opacity));
     display: flex;
     justify-content: center;
     width: 4rem
 }

 .img-modal {
     --tw-backdrop-blur: blur(12px);
     align-items: flex-start;
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     display: flex;
     height: 100vh;
     left: 0;
     padding: 1.5rem;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 99999
 }

 .img-modal.hide {
     display: none
 }

 .img-modal img {
     width: 100%
 }

 .file-name {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     background-color: #ffffff0d;
     border-radius: 9999px;
     bottom: 0;
     color: #ffffff80;
     display: -webkit-box;
     font-size: .75rem;
     line-height: 1rem;
     overflow: hidden;
     position: absolute;
     right: 0;
     text-align: center
 }

 .file-name,
 .withdraw {
     padding-left: 1rem;
     padding-right: 1rem;
     width: 100%
 }

 .withdraw {
     display: flex;
     flex-direction: column;
     row-gap: .25rem
 }

 .withdraw>div {
     background-color: #ffffff1a;
     border-radius: .75rem;
     padding: 1.25rem
 }

 .withdraw>div.balance {
     padding-bottom: 1.25rem;
     padding-top: 1.25rem
 }

 .withdraw>div.balance>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.125rem;
     font-weight: 600;
     line-height: 1.2rem
 }

 .withdraw>div.balance>p:first-of-type>span {
     --tw-text-opacity: 1;
     color: rgb(255 255 255/var(--tw-text-opacity));
     font-size: .75rem;
     line-height: 1rem
 }

 .withdraw>div.balance>p:first-of-type+p {
     color: #fffc;
     font-size: .75rem;
     line-height: 1.2rem
 }

 .card,
 .withdraw>div.form {
     display: flex;
     flex-direction: column
 }

 .card {
     --tw-gradient-from: #ffffff4d var(--tw-gradient-from-position);
     --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-to: #fff6 var(--tw-gradient-to-position);
     --tw-text-opacity: 1;
     background-image: radial-gradient(circle, var(--tw-gradient-stops));
     border-radius: .75rem;
     color: rgb(255 255 255/var(--tw-text-opacity));
     padding: 1rem;
     row-gap: 1rem;
     width: 100%
 }

 .card>div:first-of-type {
     align-items: center;
     display: flex;
     justify-content: space-between;
     width: 100%
 }

 .card>div:first-of-type>p {
     color: #fffc;
     font-size: 1rem;
     font-weight: 700;
     line-height: 1.5rem
 }

 .card>div:first-of-type>img {
     width: 3.5rem
 }

 .card>div:last-of-type {
     display: flex;
     flex-direction: column
 }

 .card>div:last-of-type>p:first-of-type {
     font-size: 1.125rem;
     line-height: 1.75rem
 }

 .card>div:last-of-type>p:first-of-type+p {
     color: #fffc;
     font-size: .875rem;
     line-height: 1.25rem
 }

 div.description {
     background-color: #ffffff1a !important;
     font-size: .875rem;
     line-height: 1.25rem
 }

 div.description>p:first-of-type {
     color: #fffc;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem
 }

 div.description>p {
     color: #fff9;
     margin-bottom: .5rem
 }

 .group-input {
     display: flex;
     flex-direction: column;
     width: 100%
 }

 .group-input>p:first-of-type {
     color: #fff9
 }

 .group-input>div {
     align-items: center;
     border-bottom-width: 1px;
     border-color: #ffffff80;
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     width: 100%
 }

 .group-input>div>input {
     color: #ee0;
     font-weight: 600;
     width: 100%
 }

 .group-input>div>input::-moz-placeholder {
     color: #ffffff80
 }

 .group-input>div>input::placeholder {
     color: #ffffff80
 }

 .quick-amount {
     display: grid;
     gap: .75rem;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     width: 100%
 }

 .form>p:first-of-type {
     margin-bottom: 1rem
 }

 .form>p:first-of-type,
 .quick-amount>* {
     color: #fffc;
     font-size: .875rem;
     line-height: 1.25rem
 }

 .quick-amount>* {
     background-color: #ffffff1a;
     border-color: #0000;
     border-radius: .25rem;
     border-width: 1px;
     padding-bottom: .5rem;
     padding-top: .5rem;
     width: 100%
 }

 .quick-amount>.active {
     background-color: #fff3;
     border-color: #fff6;
     color: #fff
 }

 .card-bag {
     display: flex;
     flex-direction: column;
     padding: 1rem .5rem;
     row-gap: .5rem
 }

 .card-bag>.card+button {
     --tw-border-opacity: 1;
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(239 68 68/var(--tw-bg-opacity));
     border-color: rgb(239 68 68/var(--tw-border-opacity));
     color: rgb(255 255 255/var(--tw-text-opacity));
     padding: 1rem .5rem
 }

 .team {
     padding-left: 1rem;
     padding-right: 1rem
 }

 .team,
 .team>div.levels {
     width: 100%
 }

 .team>div.levels {
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     flex-direction: row;
     overflow: auto;
     padding-bottom: 1rem;
     padding-top: 1rem
 }

 .team>div.levels::-webkit-scrollbar {
     display: none
 }

 .team>div.levels {
     -ms-overflow-style: none;
     scrollbar-width: none
 }

 .team>div.levels>div.level {
     --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     background-color: #ffffff1a;
     border-radius: .75rem;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
     padding-bottom: 1rem;
     padding-left: .5rem;
     padding-right: .5rem;
     row-gap: .5rem;
     width: 83.333333%
 }

 .team>div.levels>div.level>div:first-of-type {
     --tw-text-opacity: 1;
     background-color: #ffffff1a;
     border-bottom-left-radius: 1.5rem;
     border-bottom-right-radius: 1.5rem;
     border-bottom-width: 4px;
     border-color: #eeee0080;
     border-top-left-radius: .75rem;
     border-top-right-radius: .75rem;
     color: rgb(255 255 255/var(--tw-text-opacity));
     padding: 1rem;
     position: relative;
     width: 100%
 }

 .team>div.levels>div.level>div:first-of-type>img {
     --tw-rotate: 180deg;
     position: absolute;
     right: -.5rem;
     top: -.5rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .team>div.levels>div.level>div:first-of-type>p:first-of-type {
     font-size: 2.25rem;
     font-weight: 700;
     line-height: 2.5rem
 }

 .team>div.levels>div.level>div:first-of-type>p:first-of-type+p {
     color: #ffffffb3;
     font-size: .875rem;
     font-weight: 600;
     line-height: 1.25rem
 }

 .team>div.levels>div.level>div:nth-child(2) {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     padding-bottom: 1rem;
     padding-right: 1rem;
     padding-top: 1rem;
     width: 100%
 }

 .team>div.levels>div.level>div:nth-child(2)>div {
     text-align: center;
     width: 100%
 }

 .team>div.levels>div.level>div:nth-child(2)>div>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.25rem;
     font-weight: 600;
     line-height: 1.75rem
 }

 .team>div.levels>div.level>div:nth-child(2)>div>p:last-of-type {
     color: #ffffffb3;
     font-size: .75rem;
     line-height: 1rem
 }

 .team>div.levels>div.level>div:last-of-type {
     display: flex;
     flex-direction: column;
     padding-right: 1rem;
     row-gap: 1.5rem
 }

 .team>div.levels>div.level>div:last-of-type>p {
     color: #ffffff80;
     font-size: 1rem;
     line-height: 1.2rem;
     text-align: center
 }

 .team>div.levels>div.level>div:last-of-type>:not(p) {
     --tw-text-opacity: 1;
     align-items: center;
     background-color: initial;
     border-width: 0;
     color: rgb(238 238 0/var(--tw-text-opacity));
     -moz-column-gap: .5rem;
     column-gap: .5rem;
     display: flex;
     font-size: 1rem;
     font-weight: 600;
     justify-content: flex-start;
     line-height: 1.5rem;
     text-align: left
 }

 .team>.invite {
     align-items: center;
     background-color: #ffffff1a;
     border-color: #fff3;
     border-radius: .5rem;
     border-width: 1px;
     display: flex;
     justify-content: space-between;
     margin-top: 1rem;
     padding: 1rem;
     width: 100%
 }

 .team>.invite>div:first-child {
     display: flex;
     flex-direction: column;
     width: 100%
 }

 .team>.invite>div:first-child>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.5rem;
     font-weight: 600;
     line-height: 2rem
 }

 .team>.invite>div:first-child>p:last-of-type {
     color: #ffffff80;
     font-size: .875rem;
     line-height: 1.25rem
 }

 .team>.invite>:last-child {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(47 54 72/var(--tw-text-opacity));
     flex-shrink: 0;
     font-size: .875rem;
     font-weight: 600;
     line-height: 1.25rem;
     padding: .5rem 1rem
 }

 .vip {
     display: flex;
     flex-direction: column;
     padding-left: 1rem;
     padding-right: 1rem;
     row-gap: .5rem;
     width: 100%
 }

 .vip>div {
     background-color: #ffffff1a;
     border-radius: .5rem;
     color: #ffffffb3;
     padding: 1rem
 }

 .vip>div p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1rem;
     font-weight: 600;
     line-height: 1.5rem
 }

 .vip>div p,
 .vip>div p:only-of-type {
     font-size: .875rem;
     line-height: 1.25rem
 }

 .vip>div p span {
     color: #fff;
     font-weight: 600
 }

 .help-center,
 .help-center>div.welcome {
     display: flex;
     flex-direction: column;
     width: 100%
 }

 .help-center>div.welcome {
     background-color: #ffffff1a;
     padding: 1.5rem;
     position: relative
 }

 .help-center>div.welcome>div {
     width: 83.333333%;
     z-index: 50
 }

 .help-center>div.welcome>div>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(47 54 72/var(--tw-text-opacity));
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 2rem
 }

 .help-center>div.welcome>div>p:last-of-type {
     --tw-text-opacity: 1;
     color: rgb(18 18 18/var(--tw-text-opacity));
     font-size: 1.125rem;
     font-weight: 700;
     line-height: 1.75rem
 }

 .help-center>div.welcome>img {
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 20
 }

 .help-center>div.places {
     display: flex;
     flex-direction: column;
     padding: .5rem;
     row-gap: .5rem;
     width: 100%
 }

 .help-center>div.places>div {
     --tw-bg-opacity: 1;
     --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     align-items: flex-start;
     background-color: rgb(255 255 255/var(--tw-bg-opacity));
     border-radius: .5rem;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
     -moz-column-gap: .75rem;
     column-gap: .75rem;
     display: flex;
     padding: 1rem;
     width: 100%
 }

 .help-center>div.places>div>div:first-of-type {
     --tw-text-opacity: 1;
     align-items: center;
     aspect-ratio: 1/1;
     background-color: #eeee001a;
     border-color: #181c141a;
     border-radius: 9999px;
     border-width: 1px;
     color: rgb(24 28 20/var(--tw-text-opacity));
     display: flex;
     flex-shrink: 0;
     justify-content: center;
     width: 2.5rem !important
 }

 .help-center>div.places>div>div:last-of-type {
     flex-grow: 1
 }

 .help-center>div.places>div>div:last-of-type>p:first-of-type {
     --tw-text-opacity: 1;
     color: rgb(47 54 72/var(--tw-text-opacity));
     font-size: 1.125rem;
     font-weight: 600;
     line-height: 1.75rem
 }

 .help-center>div.places>div>div:last-of-type>p:last-of-type {
     --tw-text-opacity: 1;
     color: rgb(18 18 18/var(--tw-text-opacity));
     font-size: .875rem;
     line-height: 1.25rem
 }

 .statement {
     flex-direction: column;
     padding-left: 1rem;
     padding-right: 1rem;
     row-gap: 1rem
 }

 .statement,
 .statement>.stabs {
     display: flex;
     width: 100%
 }

 .statement>.stabs>* {
     border-bottom-width: 1px;
     border-top-left-radius: .5rem;
     border-top-right-radius: .5rem;
     color: #ffffff80;
     font-weight: 600;
     padding-bottom: .5rem;
     padding-top: .5rem;
     text-align: center;
     width: 100%
 }

 .statement>.stabs>.active {
     --tw-text-opacity: 1;
     border-width: 1px 1px 0;
     color: rgb(238 238 0/var(--tw-text-opacity))
 }

 .statement>.bag {
     display: flex;
     flex-direction: column;
     row-gap: .5rem;
     width: 100%
 }

 .statement>.bag.hide {
     display: none
 }

 .statement>.bag>div {
     background-color: #ffffff1a;
     border-radius: .5rem;
     padding: 1rem;
     width: 100%
 }

 .statement>.bag>div>div {
     align-items: center;
     display: flex;
     justify-content: space-between;
     width: 100%
 }

 .statement>.bag>div>div:first-of-type>p:first-of-type {
     color: #fffc;
     font-size: .875rem;
     line-height: 1.25rem
 }

 .statement>.bag>div>div:first-of-type>p:last-of-type {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     font-size: 1.125rem;
     font-weight: 600;
     line-height: 1.75rem
 }

 .statement>.bag>div>div:last-of-type>p:first-of-type {
     color: #ffffffb3;
     font-size: .75rem;
     line-height: 1rem
 }

 .statement>.bag>div>div:last-of-type>p.success {
     --tw-text-opacity: 1;
     color: rgb(34 197 94/var(--tw-text-opacity));
     font-size: .75rem;
     line-height: 1rem
 }

 .statement>.bag>div>div:last-of-type>p.waiting {
     color: #ffffff80;
     font-size: .75rem;
     line-height: 1rem
 }

 .statement>.bag>div>div:last-of-type>p.failed {
     --tw-text-opacity: 1;
     color: rgb(234 179 8/var(--tw-text-opacity));
     font-size: .75rem;
     line-height: 1rem
 }

 .lang {
     --tw-backdrop-blur: blur(8px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     background-color: #ffffff1a;
     bottom: 0;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     left: 0;
     min-height: 100vh;
     position: fixed;
     width: 100%;
     z-index: 10000000000000000
 }

 .lang.hide {
     display: none
 }

 .lang>div:first-of-type {
     align-items: flex-end;
     background-color: initial;
     display: flex;
     justify-content: flex-end;
     padding: 1rem;
     width: 100%
 }

 .lang>div:first-of-type>* {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     align-items: center;
     aspect-ratio: 1/1;
     background-color: rgb(238 238 0/var(--tw-bg-opacity));
     border-radius: 9999px;
     color: rgb(47 54 72/var(--tw-text-opacity));
     display: flex;
     justify-content: center;
     width: 2.5rem
 }

 .lang>div:last-of-type {
     --tw-bg-opacity: 1;
     background-color: rgb(47 54 72/var(--tw-bg-opacity));
     border-color: #ee0c;
     border-top-left-radius: 1.5rem;
     border-top-right-radius: 1.5rem;
     border-top-width: 4px;
     width: 100%
 }

 .lang>div:last-of-type>div {
     padding: 1rem;
     width: 100%
 }

 .lang>div:last-of-type>div>p:first-of-type {
     color: #ffffff80;
     font-size: .875rem;
     font-weight: 600;
     line-height: 1.25rem;
     margin-bottom: .75rem
 }

 .lang>div:last-of-type>div>a {
     color: #ffffffb3;
     display: flex;
     justify-content: space-between;
     padding-bottom: .5rem;
     padding-top: .5rem;
     width: 100%
 }

 .lang>div:last-of-type>div>a:not(:last-of-type) {
     border-bottom-width: 1px;
     border-color: #fff3
 }

 .lang>div:last-of-type>div>a>:last-child {
     display: none
 }

 .lang>div:last-of-type>div>a.active {
     color: #ffffffe6
 }

 .lang>div:last-of-type>div>a.active>:last-child {
     --tw-text-opacity: 1;
     color: rgb(238 238 0/var(--tw-text-opacity));
     display: block
 }