.rc-slider {
    border-radius: 6px;
    height: 14px;
    padding: 5px 0;
    position: relative;
    touch-action: none;
    width: 100%
}

.rc-slider,
.rc-slider * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box
}

.rc-slider-rail {
    background-color: #e9e9e9;
    border-radius: 6px;
    height: 4px;
    position: absolute;
    width: 100%
}

.rc-slider-track,
.rc-slider-tracks {
    background-color: #abe2fb;
    border-radius: 6px;
    height: 4px;
    position: absolute
}

.rc-slider-track-draggable {
    background-clip: content-box;
    border-bottom: 5px solid #0000;
    border-top: 5px solid #0000;
    box-sizing: initial;
    transform: translateY(-5px);
    z-index: 1
}

.rc-slider-handle {
    background-color: #fff;
    border: 2px solid #96dbfa;
    border-radius: 50%;
    cursor: pointer;
    cursor: grab;
    height: 14px;
    margin-top: -5px;
    opacity: .8;
    position: absolute;
    touch-action: pan-x;
    width: 14px;
    z-index: 1
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #57c5f7;
    box-shadow: 0 0 0 5px #96dbfa
}

.rc-slider-handle:focus {
    box-shadow: none;
    outline: none
}

.rc-slider-handle:focus-visible {
    border-color: #2db7f5;
    box-shadow: 0 0 0 3px #96dbfa
}

.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    box-shadow: none
}

.rc-slider-handle:hover {
    border-color: #57c5f7
}

.rc-slider-handle:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: grabbing
}

.rc-slider-mark {
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%
}

.rc-slider-mark-text {
    color: #999;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    vertical-align: middle
}

.rc-slider-mark-text-active {
    color: #666
}

.rc-slider-step {
    background: #0000;
    height: 4px;
    position: absolute;
    width: 100%
}

.rc-slider-dot {
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 50%;
    bottom: -2px;
    cursor: pointer;
    height: 8px;
    position: absolute;
    vertical-align: middle;
    width: 8px
}

.rc-slider-dot-active {
    border-color: #96dbfa
}

.rc-slider-dot-reverse {
    margin-right: -4px
}

.rc-slider-disabled {
    background-color: #e9e9e9
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc
}

.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-handle {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: none;
    cursor: not-allowed
}

.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-mark-text {
    cursor: not-allowed !important
}

.rc-slider-vertical {
    height: 100%;
    padding: 0 5px;
    width: 14px
}

.rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-track {
    bottom: 0;
    left: 5px;
    width: 4px
}

.rc-slider-vertical .rc-slider-track-draggable {
    border-bottom: 0;
    border-left: 5px solid #0000;
    border-right: 5px solid #0000;
    border-top: 0;
    transform: translateX(-5px)
}

.rc-slider-vertical .rc-slider-handle {
    margin-left: -5px;
    margin-top: 0;
    position: absolute;
    touch-action: pan-y;
    z-index: 1
}

.rc-slider-vertical .rc-slider-mark {
    height: 100%;
    left: 18px;
    top: 0
}

.rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-dot {
    margin-left: -2px
}

.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    display: block !important
}

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    transform: scale(0)
}

.rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 100%
    }
}

.rc-slider-tooltip {
    left: -9999px;
    position: absolute;
    top: -9999px;
    visibility: visible
}

.rc-slider-tooltip,
.rc-slider-tooltip * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box
}

.rc-slider-tooltip-hidden {
    display: none
}

.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px
}

.rc-slider-tooltip-inner {
    background-color: #6c6c6c;
    border-radius: 6px;
    box-shadow: 0 0 4px #d9d9d9;
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 1;
    min-width: 24px;
    padding: 6px 2px;
    text-align: center;
    text-decoration: none
}

.rc-slider-tooltip-arrow {
    border-color: #0000;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    border-top-color: #6c6c6c;
    border-width: 4px 4px 0;
    bottom: 4px;
    left: 50%;
    margin-left: -4px
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(data:image/gif;base64,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) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);
    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"), url(/static/media/slick.295183786cd8a1389865.woff) format("woff"), url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"), url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: #0000;
    color: #0000;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: #0000;
    border: 0;
    color: #0000;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

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

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

:host,
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    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-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
}

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-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    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
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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
}

*,
: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:
}

::backdrop {
    --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:
}

.container {
    width: 100%
}

@media (min-width:320px) {
    .container {
        max-width: 320px
    }
}

@media (min-width:450px) {
    .container {
        max-width: 450px
    }
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 992px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.typography.text-h1 {
    font-family: Montserrat;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 75px
}

.typography.text-h2 {
    font-family: Montserrat;
    font-size: 3rem;
    font-weight: 700;
    line-height: 48px
}

.typography.text-h2-alt {
    font-family: Montserrat;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem
}

.typography.text-h3 {
    font-family: Montserrat;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 44px
}

.typography.text-h4 {
    font-family: Montserrat;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 38px
}

.typography.text-h4-700 {
    font-weight: 700
}

.typography.text-h4-700,
.typography.text-h4-800 {
    font-family: Montserrat;
    font-size: 1.75rem;
    line-height: 34px
}

.typography.text-h4-800 {
    font-weight: 800
}

.typography.text-h5 {
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 30px
}

.typography.text-h6 {
    font-family: Montserrat;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 25px
}

.typography.text-p {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    line-height: 24px
}

.typography.text-span {
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    line-height: 20px
}

.typography.text-link {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity));
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    line-height: 24px
}

.typography.text-link:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

.typography.text-ultra-small-600 {
    font-family: Montserrat;
    font-size: .65rem;
    font-weight: 600;
    line-height: 10px
}

.typography.text-extra-small-400 {
    font-family: Montserrat;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.typography.text-extra-small-500 {
    font-family: Montserrat;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.typography.extra-small-600,
.typography.text-extra-small-600 {
    font-family: Montserrat;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem
}

.typography.text-extra-small-700 {
    font-family: Montserrat;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.typography.text-body-14-500 {
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}

.typography.text-body-14-600 {
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1rem
}

.typography.text-body-14-700 {
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem
}

.typography.text-body-14-800 {
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 800;
    line-height: 1rem
}

.typography.text-body-16-400 {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem
}

.typography.text-body-16-500 {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem
}

.typography.text-body-16-600 {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem
}

.typography.text-body-16-700 {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem
}

.typography.text-body-16-800 {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25rem
}

.typography.text-body-18-500 {
    font-weight: 500
}

.typography.text-body-18-500,
.typography.text-body-18-600 {
    font-family: Montserrat;
    font-size: 1.15rem;
    line-height: 1.5rem
}

.typography.text-body-18-600 {
    font-weight: 600
}

.typography.text-body-18-700 {
    font-weight: 700
}

.typography.text-body-18-700,
.typography.text-body-18-800 {
    font-family: Montserrat;
    font-size: 1.15rem;
    line-height: 1.5rem
}

.typography.text-body-18-800 {
    font-weight: 800
}

.typography.text-body-20-500 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25rem
}

.typography.text-body-20-600 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25rem
}

.typography.text-body-20-700 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25rem
}

.typography.text-body-20-800 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 800;
    line-height: 34px
}

.typography.text-body-24-800 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 800;
    line-height: 24px
}

.typography.text-body-26-800 {
    font-family: Montserrat;
    font-size: 1.63rem;
    font-weight: 800;
    line-height: 1.5rem
}

.typography.text-title-1 {
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem
}

.typography.text-title-2 {
    font-weight: 700
}

.typography.text-title-2,
.typography.text-title-3 {
    font-family: Montserrat;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.typography.text-title-3 {
    font-weight: 600
}

.typography.text-caption-1 {
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 700;
    line-height: 17px
}

.typography.text-caption-2 {
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem
}

.typography-moca-id.text-h1 {
    font-family: Outfit;
    font-size: 8rem;
    font-weight: 800;
    line-height: 1.2
}

.typography-moca-id.text-h2 {
    font-family: Outfit;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.2
}

.typography-moca-id.text-h3 {
    font-family: Outfit;
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.2
}

.typography-moca-id.text-h4 {
    font-family: Outfit;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2
}

.typography-moca-id.text-h5 {
    font-family: Outfit;
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.2
}

.typography-moca-id.text-h6 {
    font-family: Outfit;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

.typography-moca-id.text-h7 {
    font-family: Outfit;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2
}

.typography-moca-id.text-h8 {
    font-family: Outfit;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2
}

.typography-moca-id.\!text-h9,
.typography-moca-id.text-h9 {
    font-family: Outfit;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2
}

.typography-moca-id.text-btn1 {
    font-family: Outfit;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.4
}

.typography-moca-id.text-btn1-underline {
    font-family: Quicksand;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.4;
    text-decoration-line: underline
}

.typography-moca-id.text-btn2,
.typography-moca-id.text-btn2-underline {
    font-family: Quicksand;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.4
}

.typography-moca-id.text-btn2-underline {
    text-decoration-line: underline
}

.typography-moca-id.text-btn3,
.typography-moca-id.text-btn3-underline {
    font-family: Quicksand;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.4
}

.typography-moca-id.text-btn3-underline {
    text-decoration-line: underline
}

.typography-moca-id.text-p1-heavy {
    font-family: Quicksand;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.4
}

.typography-moca-id.text-p1-normal {
    font-family: Quicksand;
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 1.4
}

.typography-moca-id.text-p1-soft {
    font-family: Quicksand;
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 1.4
}

.typography-moca-id.text-p2-heavy {
    font-family: Quicksand;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.4
}

.typography-moca-id.text-p2-normal {
    font-family: Quicksand;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1.4
}

.typography-moca-id.text-p2-soft {
    font-family: Quicksand;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.4
}

.typography-moca-id.\!text-p3-heavy,
.typography-moca-id.text-p3-heavy {
    font-family: Quicksand;
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.4
}

.typography-moca-id.\!text-p3-normal,
.typography-moca-id.text-p3-normal {
    font-family: Quicksand;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.4
}

.typography-moca-id.\!text-p3-soft,
.typography-moca-id.text-p3-soft {
    font-family: Quicksand;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.4
}

.typography-moca-id.text-p4-heavy {
    font-family: Quicksand;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.4
}

.typography-moca-id.text-p4-normal {
    font-family: Quicksand;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.4
}

.typography-moca-id.text-p4-soft {
    font-family: Quicksand;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.4
}

.typography-moca-id.text-p5-heavy {
    font-family: Quicksand;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.4
}

.typography-moca-id.text-p5-normal {
    font-family: Quicksand;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.4
}

.typography-moca-id.text-p5-soft {
    font-family: Quicksand;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.4
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.-bottom-1 {
    bottom: -.25rem
}

.-bottom-3 {
    bottom: -.75rem
}

.-bottom-6 {
    bottom: -1.5rem
}

.-bottom-9 {
    bottom: -2.25rem
}

.-bottom-\[10px\] {
    bottom: -10px
}

.-bottom-\[70px\] {
    bottom: -70px
}

.-bottom-\[8rem\] {
    bottom: -8rem
}

.-left-1 {
    left: -.25rem
}

.-left-2 {
    left: -.5rem
}

.-left-3 {
    left: -.75rem
}

.-left-6 {
    left: -1.5rem
}

.-left-8 {
    left: -2rem
}

.-left-\[10\%\] {
    left: -10%
}

.-left-\[165px\] {
    left: -165px
}

.-left-\[250px\] {
    left: -250px
}

.-left-\[5rem\] {
    left: -5rem
}

.-right-1 {
    right: -.25rem
}

.-right-12 {
    right: -3rem
}

.-right-2 {
    right: -.5rem
}

.-right-3 {
    right: -.75rem
}

.-right-7 {
    right: -1.75rem
}

.-top-1 {
    top: -.25rem
}

.-top-1\/2 {
    top: -50%
}

.-top-10 {
    top: -2.5rem
}

.-top-12 {
    top: -3rem
}

.-top-14 {
    top: -3.5rem
}

.-top-2 {
    top: -.5rem
}

.-top-20 {
    top: -5rem
}

.-top-3 {
    top: -.75rem
}

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

.-top-\[1px\] {
    top: -1px
}

.-top-\[2px\] {
    top: -2px
}

.-top-\[3px\] {
    top: -3px
}

.bottom-0 {
    bottom: 0
}

.bottom-0\.5 {
    bottom: .125rem
}

.bottom-1 {
    bottom: .25rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-\[12\%\] {
    bottom: 12%
}

.bottom-\[155px\] {
    bottom: 155px
}

.bottom-\[24px\] {
    bottom: 24px
}

.bottom-\[32px\] {
    bottom: 32px
}

.bottom-\[48px\] {
    bottom: 48px
}

.bottom-\[520px\] {
    bottom: 520px
}

.bottom-\[64px\] {
    bottom: 64px
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.left-0\.5 {
    left: .125rem
}

.left-1 {
    left: .25rem
}

.left-1\/2 {
    left: 50%
}

.left-20 {
    left: 5rem
}

.left-4 {
    left: 1rem
}

.left-\[-10px\] {
    left: -10px
}

.left-\[-6px\] {
    left: -6px
}

.left-\[10\%\] {
    left: 10%
}

.left-\[110px\] {
    left: 110px
}

.left-\[117px\] {
    left: 117px
}

.left-\[120px\] {
    left: 120px
}

.left-\[130px\] {
    left: 130px
}

.left-\[175px\] {
    left: 175px
}

.left-\[180px\] {
    left: 180px
}

.left-\[200px\] {
    left: 200px
}

.left-\[24px\] {
    left: 24px
}

.left-\[25\%\] {
    left: 25%
}

.left-\[26\%\] {
    left: 26%
}

.left-\[30px\] {
    left: 30px
}

.left-\[32\%\] {
    left: 32%
}

.left-\[336px\] {
    left: 336px
}

.left-\[4\%\] {
    left: 4%
}

.left-\[40px\] {
    left: 40px
}

.left-\[41px\] {
    left: 41px
}

.left-\[50\%\] {
    left: 50%
}

.left-\[50px\] {
    left: 50px
}

.left-\[55px\] {
    left: 55px
}

.left-\[580px\] {
    left: 580px
}

.left-\[60px\] {
    left: 60px
}

.left-\[661px\] {
    left: 661px
}

.left-\[72px\] {
    left: 72px
}

.left-\[9\%\] {
    left: 9%
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-2 {
    right: .5rem
}

.right-2\.5 {
    right: .625rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

.right-\[-25px\] {
    right: -25px
}

.right-\[-6px\] {
    right: -6px
}

.right-\[10px\] {
    right: 10px
}

.right-\[12px\] {
    right: 12px
}

.right-\[150px\] {
    right: 150px
}

.right-\[18px\] {
    right: 18px
}

.right-\[20px\] {
    right: 20px
}

.right-\[25\%\] {
    right: 25%
}

.right-\[2px\] {
    right: 2px
}

.right-\[50\%\] {
    right: 50%
}

.right-\[60px\] {
    right: 60px
}

.right-\[6px\] {
    right: 6px
}

.right-\[85px\] {
    right: 85px
}

.right-\[89px\] {
    right: 89px
}

.top-0 {
    top: 0
}

.top-0\.5 {
    top: .125rem
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-12 {
    top: 3rem
}

.top-2 {
    top: .5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.top-8 {
    top: 2rem
}

.top-9 {
    top: 2.25rem
}

.top-\[-155px\] {
    top: -155px
}

.top-\[-1px\] {
    top: -1px
}

.top-\[-6px\] {
    top: -6px
}

.top-\[0px\] {
    top: 0
}

.top-\[100px\] {
    top: 100px
}

.top-\[10px\] {
    top: 10px
}

.top-\[115px\] {
    top: 115px
}

.top-\[11px\] {
    top: 11px
}

.top-\[120px\] {
    top: 120px
}

.top-\[13px\] {
    top: 13px
}

.top-\[15\%\] {
    top: 15%
}

.top-\[15px\] {
    top: 15px
}

.top-\[160px\] {
    top: 160px
}

.top-\[180px\] {
    top: 180px
}

.top-\[190px\] {
    top: 190px
}

.top-\[20px\] {
    top: 20px
}

.top-\[210px\] {
    top: 210px
}

.top-\[220px\] {
    top: 220px
}

.top-\[22px\] {
    top: 22px
}

.top-\[25\%\] {
    top: 25%
}

.top-\[260px\] {
    top: 260px
}

.top-\[280px\] {
    top: 280px
}

.top-\[2px\] {
    top: 2px
}

.top-\[30px\] {
    top: 30px
}

.top-\[32\%\] {
    top: 32%
}

.top-\[35\%\] {
    top: 35%
}

.top-\[38\%\] {
    top: 38%
}

.top-\[3px\] {
    top: 3px
}

.top-\[40px\] {
    top: 40px
}

.top-\[50\%\] {
    top: 50%
}

.top-\[56\%\] {
    top: 56%
}

.top-\[60px\] {
    top: 60px
}

.top-\[70px\] {
    top: 70px
}

.top-\[80px\] {
    top: 80px
}

.top-\[8px\] {
    top: 8px
}

.top-\[calc\(4vh\+150px\)\] {
    top: calc(4vh + 150px)
}

.top-full {
    top: 100%
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[10000\] {
    z-index: 10000
}

.z-\[1110\] {
    z-index: 1110
}

.z-\[11\] {
    z-index: 11
}

.z-\[1\] {
    z-index: 1
}

.z-\[21\] {
    z-index: 21
}

.z-\[2\] {
    z-index: 2
}

.z-\[3\] {
    z-index: 3
}

.z-\[51\] {
    z-index: 51
}

.z-\[9001\] {
    z-index: 9001
}

.z-\[9998\] {
    z-index: 9998
}

.z-\[9999\] {
    z-index: 9999
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-8 {
    grid-column: span 8/span 8
}

.row-span-1 {
    grid-row: span 1/span 1
}

.row-span-3 {
    grid-row: span 3/span 3
}

.m-0 {
    margin: 0
}

.m-3 {
    margin: .75rem
}

.m-4 {
    margin: 1rem
}

.m-auto {
    margin: auto
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx-\[10px\] {
    margin-left: 10px;
    margin-right: 10px
}

.mx-\[3px\] {
    margin-left: 3px;
    margin-right: 3px
}

.mx-\[6px\] {
    margin-left: 6px;
    margin-right: 6px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.my-9 {
    margin-bottom: 2.25rem;
    margin-top: 2.25rem
}

.my-\[10\%\] {
    margin-bottom: 10%;
    margin-top: 10%
}

.my-\[10px\] {
    margin-bottom: 10px;
    margin-top: 10px
}

.my-\[14px\] {
    margin-bottom: 14px;
    margin-top: 14px
}

.my-\[30px\] {
    margin-bottom: 30px;
    margin-top: 30px
}

.my-\[32px\] {
    margin-bottom: 32px;
    margin-top: 32px
}

.my-\[33px\] {
    margin-bottom: 33px;
    margin-top: 33px
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mb-2 {
    margin-bottom: .5rem !important
}

.\!mb-3 {
    margin-bottom: .75rem !important
}

.\!mr-0 {
    margin-right: 0 !important
}

.-mb-\[60px\] {
    margin-bottom: -60px
}

.-ml-6 {
    margin-left: -1.5rem
}

.-mt-4 {
    margin-top: -1rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-3\.5 {
    margin-bottom: .875rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[17px\] {
    margin-bottom: 17px
}

.mb-\[18px\] {
    margin-bottom: 18px
}

.mb-\[1rem\] {
    margin-bottom: 1rem
}

.mb-\[21px\] {
    margin-bottom: 21px
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-\[38px\] {
    margin-bottom: 38px
}

.mb-\[4px\] {
    margin-bottom: 4px
}

.ml-1 {
    margin-left: .25rem
}

.ml-10 {
    margin-left: 2.5rem
}

.ml-12 {
    margin-left: 3rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-2\.5 {
    margin-left: .625rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-9 {
    margin-left: 2.25rem
}

.ml-\[5px\] {
    margin-left: 5px
}

.ml-\[60px\] {
    margin-left: 60px
}

.ml-\[6px\] {
    margin-left: 6px
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-12 {
    margin-right: 3rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mr-\[20px\] {
    margin-right: 20px
}

.mr-\[2px\] {
    margin-right: 2px
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-11 {
    margin-top: 2.75rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[10px\] {
    margin-top: 10px
}

.mt-\[145px\] {
    margin-top: 145px
}

.mt-\[1rem\] {
    margin-top: 1rem
}

.mt-\[4vh\] {
    margin-top: 4vh
}

.mt-\[64px\] {
    margin-top: 64px
}

.box-content {
    box-sizing: initial
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.aspect-square {
    aspect-ratio: 1/1
}

.\!h-0 {
    height: 0 !important
}

.\!h-0\.5 {
    height: .125rem !important
}

.\!h-10 {
    height: 2.5rem !important
}

.\!h-\[1px\] {
    height: 1px !important
}

.\!h-\[53px\] {
    height: 53px !important
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-52 {
    height: 13rem
}

.h-6 {
    height: 1.5rem
}

.h-60 {
    height: 15rem
}

.h-64 {
    height: 16rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-\[10\%\] {
    height: 10%
}

.h-\[100px\] {
    height: 100px
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[106px\] {
    height: 106px
}

.h-\[108px\] {
    height: 108px
}

.h-\[10px\] {
    height: 10px
}

.h-\[115px\] {
    height: 115px
}

.h-\[118px\] {
    height: 118px
}

.h-\[120px\] {
    height: 120px
}

.h-\[121px\] {
    height: 121px
}

.h-\[128px\] {
    height: 128px
}

.h-\[130px\] {
    height: 130px
}

.h-\[13px\] {
    height: 13px
}

.h-\[140px\] {
    height: 140px
}

.h-\[146px\] {
    height: 146px
}

.h-\[14px\] {
    height: 14px
}

.h-\[150px\] {
    height: 150px
}

.h-\[15px\] {
    height: 15px
}

.h-\[160px\] {
    height: 160px
}

.h-\[163px\] {
    height: 163px
}

.h-\[16px\] {
    height: 16px
}

.h-\[175px\] {
    height: 175px
}

.h-\[180px\] {
    height: 180px
}

.h-\[182px\] {
    height: 182px
}

.h-\[18px\] {
    height: 18px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[20px\] {
    height: 20px
}

.h-\[214px\] {
    height: 214px
}

.h-\[223px\] {
    height: 223px
}

.h-\[22px\] {
    height: 22px
}

.h-\[24px\] {
    height: 24px
}

.h-\[250px\] {
    height: 250px
}

.h-\[25px\] {
    height: 25px
}

.h-\[275px\] {
    height: 275px
}

.h-\[28px\] {
    height: 28px
}

.h-\[29px\] {
    height: 29px
}

.h-\[2px\] {
    height: 2px
}

.h-\[300px\] {
    height: 300px
}

.h-\[30px\] {
    height: 30px
}

.h-\[31px\] {
    height: 31px
}

.h-\[320px\] {
    height: 320px
}

.h-\[32px\] {
    height: 32px
}

.h-\[33px\] {
    height: 33px
}

.h-\[340px\] {
    height: 340px
}

.h-\[36px\] {
    height: 36px
}

.h-\[37px\] {
    height: 37px
}

.h-\[383px\] {
    height: 383px
}

.h-\[38px\] {
    height: 38px
}

.h-\[400px\] {
    height: 400px
}

.h-\[417px\] {
    height: 417px
}

.h-\[41px\] {
    height: 41px
}

.h-\[440px\] {
    height: 440px
}

.h-\[45px\] {
    height: 45px
}

.h-\[460px\] {
    height: 460px
}

.h-\[48px\] {
    height: 48px
}

.h-\[49px\] {
    height: 49px
}

.h-\[500px\] {
    height: 500px
}

.h-\[50px\] {
    height: 50px
}

.h-\[51px\] {
    height: 51px
}

.h-\[524px\] {
    height: 524px
}

.h-\[52px\] {
    height: 52px
}

.h-\[54px\] {
    height: 54px
}

.h-\[550px\] {
    height: 550px
}

.h-\[55px\] {
    height: 55px
}

.h-\[56px\] {
    height: 56px
}

.h-\[57px\] {
    height: 57px
}

.h-\[590px\] {
    height: 590px
}

.h-\[5px\] {
    height: 5px
}

.h-\[60\%\] {
    height: 60%
}

.h-\[64px\] {
    height: 64px
}

.h-\[658px\] {
    height: 658px
}

.h-\[669px\] {
    height: 669px
}

.h-\[670px\] {
    height: 670px
}

.h-\[672px\] {
    height: 672px
}

.h-\[690px\] {
    height: 690px
}

.h-\[6px\] {
    height: 6px
}

.h-\[700px\] {
    height: 700px
}

.h-\[706px\] {
    height: 706px
}

.h-\[70px\] {
    height: 70px
}

.h-\[72px\] {
    height: 72px
}

.h-\[73px\] {
    height: 73px
}

.h-\[747px\] {
    height: 747px
}

.h-\[74px\] {
    height: 74px
}

.h-\[75\%\] {
    height: 75%
}

.h-\[756px\] {
    height: 756px
}

.h-\[77px\] {
    height: 77px
}

.h-\[79px\] {
    height: 79px
}

.h-\[80px\] {
    height: 80px
}

.h-\[811px\] {
    height: 811px
}

.h-\[82px\] {
    height: 82px
}

.h-\[83px\] {
    height: 83px
}

.h-\[84px\] {
    height: 84px
}

.h-\[86px\] {
    height: 86px
}

.h-\[895px\] {
    height: 895px
}

.h-\[90\%\] {
    height: 90%
}

.h-\[90px\] {
    height: 90px
}

.h-\[91px\] {
    height: 91px
}

.h-\[92px\] {
    height: 92px
}

.h-\[954px\] {
    height: 954px
}

.h-\[9px\] {
    height: 9px
}

.h-\[calc\(100vh-100px\)\] {
    height: calc(100vh - 100px)
}

.h-\[calc\(80vh-80px\)\] {
    height: calc(80vh - 80px)
}

.h-auto {
    height: auto
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-\[120px\] {
    max-height: 120px
}

.max-h-\[128px\] {
    max-height: 128px
}

.max-h-\[16px\] {
    max-height: 16px
}

.max-h-\[250px\] {
    max-height: 250px
}

.max-h-\[270px\] {
    max-height: 270px
}

.max-h-\[272px\] {
    max-height: 272px
}

.max-h-\[658px\] {
    max-height: 658px
}

.max-h-\[672px\] {
    max-height: 672px
}

.max-h-\[680px\] {
    max-height: 680px
}

.max-h-\[80vh\] {
    max-height: 80vh
}

.max-h-\[80vw\] {
    max-height: 80vw
}

.max-h-\[895px\] {
    max-height: 895px
}

.max-h-\[90\%\] {
    max-height: 90%
}

.\!min-h-\[144px\] {
    min-height: 144px !important
}

.min-h-\[150px\] {
    min-height: 150px
}

.min-h-\[16px\] {
    min-height: 16px
}

.min-h-\[240px\] {
    min-height: 240px
}

.min-h-\[300px\] {
    min-height: 300px
}

.min-h-\[32px\] {
    min-height: 32px
}

.min-h-\[50px\] {
    min-height: 50px
}

.min-h-\[54px\] {
    min-height: 54px
}

.min-h-\[658px\] {
    min-height: 658px
}

.min-h-\[65px\] {
    min-height: 65px
}

.min-h-\[672px\] {
    min-height: 672px
}

.min-h-\[700px\] {
    min-height: 700px
}

.min-h-\[75px\] {
    min-height: 75px
}

.min-h-\[811px\] {
    min-height: 811px
}

.min-h-\[895px\] {
    min-height: 895px
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.\!w-10 {
    width: 2.5rem !important
}

.\!w-\[429px\] {
    width: 429px !important
}

.\!w-full {
    width: 100% !important
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\/4 {
    width: 75%
}

.w-32 {
    width: 8rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[100px\] {
    width: 100px
}

.w-\[105px\] {
    width: 105px
}

.w-\[106\%\] {
    width: 106%
}

.w-\[106px\] {
    width: 106px
}

.w-\[108px\] {
    width: 108px
}

.w-\[10px\] {
    width: 10px
}

.w-\[110px\] {
    width: 110px
}

.w-\[115px\] {
    width: 115px
}

.w-\[1180px\] {
    width: 1180px
}

.w-\[1186px\] {
    width: 1186px
}

.w-\[120px\] {
    width: 120px
}

.w-\[121px\] {
    width: 121px
}

.w-\[124px\] {
    width: 124px
}

.w-\[1269px\] {
    width: 1269px
}

.w-\[126px\] {
    width: 126px
}

.w-\[127px\] {
    width: 127px
}

.w-\[128px\] {
    width: 128px
}

.w-\[1305px\] {
    width: 1305px
}

.w-\[137px\] {
    width: 137px
}

.w-\[140px\] {
    width: 140px
}

.w-\[142px\] {
    width: 142px
}

.w-\[146px\] {
    width: 146px
}

.w-\[148px\] {
    width: 148px
}

.w-\[14px\] {
    width: 14px
}

.w-\[151px\] {
    width: 151px
}

.w-\[152px\] {
    width: 152px
}

.w-\[155px\] {
    width: 155px
}

.w-\[15px\] {
    width: 15px
}

.w-\[160px\] {
    width: 160px
}

.w-\[163px\] {
    width: 163px
}

.w-\[165px\] {
    width: 165px
}

.w-\[16px\] {
    width: 16px
}

.w-\[170px\] {
    width: 170px
}

.w-\[174px\] {
    width: 174px
}

.w-\[175px\] {
    width: 175px
}

.w-\[180px\] {
    width: 180px
}

.w-\[186px\] {
    width: 186px
}

.w-\[18px\] {
    width: 18px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[208px\] {
    width: 208px
}

.w-\[20px\] {
    width: 20px
}

.w-\[216px\] {
    width: 216px
}

.w-\[224px\] {
    width: 224px
}

.w-\[228px\] {
    width: 228px
}

.w-\[229px\] {
    width: 229px
}

.w-\[22px\] {
    width: 22px
}

.w-\[240px\] {
    width: 240px
}

.w-\[24px\] {
    width: 24px
}

.w-\[25\%\] {
    width: 25%
}

.w-\[257px\] {
    width: 257px
}

.w-\[25px\] {
    width: 25px
}

.w-\[260px\] {
    width: 260px
}

.w-\[264px\] {
    width: 264px
}

.w-\[270px\] {
    width: 270px
}

.w-\[280px\] {
    width: 280px
}

.w-\[285px\] {
    width: 285px
}

.w-\[289px\] {
    width: 289px
}

.w-\[28px\] {
    width: 28px
}

.w-\[290px\] {
    width: 290px
}

.w-\[29px\] {
    width: 29px
}

.w-\[30\%\] {
    width: 30%
}

.w-\[300px\] {
    width: 300px
}

.w-\[30px\] {
    width: 30px
}

.w-\[313px\] {
    width: 313px
}

.w-\[32\%\] {
    width: 32%
}

.w-\[320px\] {
    width: 320px
}

.w-\[321px\] {
    width: 321px
}

.w-\[32px\] {
    width: 32px
}

.w-\[340px\] {
    width: 340px
}

.w-\[348px\] {
    width: 348px
}

.w-\[357px\] {
    width: 357px
}

.w-\[364px\] {
    width: 364px
}

.w-\[365px\] {
    width: 365px
}

.w-\[366px\] {
    width: 366px
}

.w-\[36px\] {
    width: 36px
}

.w-\[375px\] {
    width: 375px
}

.w-\[37px\] {
    width: 37px
}

.w-\[385px\] {
    width: 385px
}

.w-\[389px\] {
    width: 389px
}

.w-\[38px\] {
    width: 38px
}

.w-\[400px\] {
    width: 400px
}

.w-\[40px\] {
    width: 40px
}

.w-\[41px\] {
    width: 41px
}

.w-\[42px\] {
    width: 42px
}

.w-\[440px\] {
    width: 440px
}

.w-\[45px\] {
    width: 45px
}

.w-\[470px\] {
    width: 470px
}

.w-\[48px\] {
    width: 48px
}

.w-\[49px\] {
    width: 49px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[500px\] {
    width: 500px
}

.w-\[50px\] {
    width: 50px
}

.w-\[529px\] {
    width: 529px
}

.w-\[52px\] {
    width: 52px
}

.w-\[54px\] {
    width: 54px
}

.w-\[556px\] {
    width: 556px
}

.w-\[55px\] {
    width: 55px
}

.w-\[57px\] {
    width: 57px
}

.w-\[5px\] {
    width: 5px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[600px\] {
    width: 600px
}

.w-\[624px\] {
    width: 624px
}

.w-\[629px\] {
    width: 629px
}

.w-\[64px\] {
    width: 64px
}

.w-\[650px\] {
    width: 650px
}

.w-\[652px\] {
    width: 652px
}

.w-\[6px\] {
    width: 6px
}

.w-\[70px\] {
    width: 70px
}

.w-\[72px\] {
    width: 72px
}

.w-\[75px\] {
    width: 75px
}

.w-\[77px\] {
    width: 77px
}

.w-\[781px\] {
    width: 781px
}

.w-\[78px\] {
    width: 78px
}

.w-\[796px\] {
    width: 796px
}

.w-\[79px\] {
    width: 79px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[80px\] {
    width: 80px
}

.w-\[81px\] {
    width: 81px
}

.w-\[82px\] {
    width: 82px
}

.w-\[83px\] {
    width: 83px
}

.w-\[85\%\] {
    width: 85%
}

.w-\[85px\] {
    width: 85px
}

.w-\[863px\] {
    width: 863px
}

.w-\[86px\] {
    width: 86px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[90px\] {
    width: 90px
}

.w-\[94px\] {
    width: 94px
}

.w-\[95vw\] {
    width: 95vw
}

.w-\[96px\] {
    width: 96px
}

.w-\[calc\(100\%-121px\)\] {
    width: calc(100% - 121px)
}

.w-\[calc\(100\%-140px\)\] {
    width: calc(100% - 140px)
}

.w-\[calc\(100\%-60px\)\] {
    width: calc(100% - 60px)
}

.w-\[calc\(100\%-96px\)\] {
    width: calc(100% - 96px)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -webkit-max-content;
    width: max-content
}

.w-screen {
    width: 100vw
}

.\!min-w-0 {
    min-width: 0 !important
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[104px\] {
    min-width: 104px
}

.min-w-\[130px\] {
    min-width: 130px
}

.min-w-\[142px\] {
    min-width: 142px
}

.min-w-\[150px\] {
    min-width: 150px
}

.min-w-\[1600px\] {
    min-width: 1600px
}

.min-w-\[170px\] {
    min-width: 170px
}

.min-w-\[240px\] {
    min-width: 240px
}

.min-w-\[250px\] {
    min-width: 250px
}

.min-w-\[32px\] {
    min-width: 32px
}

.min-w-\[375px\] {
    min-width: 375px
}

.min-w-\[500px\] {
    min-width: 500px
}

.min-w-\[50px\] {
    min-width: 50px
}

.min-w-\[512px\] {
    min-width: 512px
}

.min-w-\[54px\] {
    min-width: 54px
}

.min-w-\[64px\] {
    min-width: 64px
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-\[81px\] {
    min-width: 81px
}

.min-w-full {
    min-width: 100%
}

.\!max-w-\[360px\] {
    max-width: 360px !important
}

.\!max-w-full {
    max-width: 100% !important
}

.max-w-\[104px\] {
    max-width: 104px
}

.max-w-\[1163px\] {
    max-width: 1163px
}

.max-w-\[1180px\] {
    max-width: 1180px
}

.max-w-\[1181px\] {
    max-width: 1181px
}

.max-w-\[1279px\] {
    max-width: 1279px
}

.max-w-\[128px\] {
    max-width: 128px
}

.max-w-\[1380px\] {
    max-width: 1380px
}

.max-w-\[1384px\] {
    max-width: 1384px
}

.max-w-\[160px\] {
    max-width: 160px
}

.max-w-\[220px\] {
    max-width: 220px
}

.max-w-\[228px\] {
    max-width: 228px
}

.max-w-\[2428px\] {
    max-width: 2428px
}

.max-w-\[250px\] {
    max-width: 250px
}

.max-w-\[256px\] {
    max-width: 256px
}

.max-w-\[272px\] {
    max-width: 272px
}

.max-w-\[315px\] {
    max-width: 315px
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[350px\] {
    max-width: 350px
}

.max-w-\[360px\] {
    max-width: 360px
}

.max-w-\[366px\] {
    max-width: 366px
}

.max-w-\[380px\] {
    max-width: 380px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[420px\] {
    max-width: 420px
}

.max-w-\[440px\] {
    max-width: 440px
}

.max-w-\[470px\] {
    max-width: 470px
}

.max-w-\[48\%\] {
    max-width: 48%
}

.max-w-\[480px\] {
    max-width: 480px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[512px\] {
    max-width: 512px
}

.max-w-\[560px\] {
    max-width: 560px
}

.max-w-\[576px\] {
    max-width: 576px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[624px\] {
    max-width: 624px
}

.max-w-\[720px\] {
    max-width: 720px
}

.max-w-\[763px\] {
    max-width: 763px
}

.max-w-\[78px\] {
    max-width: 78px
}

.max-w-\[80vh\] {
    max-width: 80vh
}

.max-w-\[80vw\] {
    max-width: 80vw
}

.max-w-\[827px\] {
    max-width: 827px
}

.max-w-\[900px\] {
    max-width: 900px
}

.max-w-\[960px\] {
    max-width: 960px
}

.max-w-\[98\%\] {
    max-width: 98%
}

.max-w-\[99\%\] {
    max-width: 99%
}

.max-w-\[calc\(100\%-100px\)\] {
    max-width: calc(100% - 100px)
}

.max-w-\[calc\(90vw-110px\)\] {
    max-width: calc(90vw - 110px)
}

.max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-full {
    max-width: 100%
}

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.flex-1 {
    flex: 1 1
}

.flex-none {
    flex: none
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.basis-0 {
    flex-basis: 0px
}

.origin-left {
    transform-origin: left
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-4 {
    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))
}

.-translate-x-4 {
    --tw-translate-x: -1rem
}

.-translate-x-\[0\.1rem\] {
    --tw-translate-x: -0.1rem
}

.-translate-x-\[0\.1rem\],
.-translate-y-1 {
    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))
}

.-translate-y-1 {
    --tw-translate-y: -0.25rem
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-12,
.-translate-y-1\/2 {
    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))
}

.-translate-y-12 {
    --tw-translate-y: -3rem
}

.-translate-y-20 {
    --tw-translate-y: -5rem
}

.-translate-y-20,
.-translate-y-3 {
    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))
}

.-translate-y-3 {
    --tw-translate-y: -0.75rem
}

.-translate-y-\[75px\] {
    --tw-translate-y: -75px
}

.-translate-y-\[75px\],
.-translate-y-full {
    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))
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.translate-x-1\/2,
.translate-x-full {
    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))
}

.translate-x-full {
    --tw-translate-x: 100%
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-0,
.translate-y-10 {
    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))
}

.translate-y-10 {
    --tw-translate-y: 2.5rem
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

.translate-y-2,
.translate-y-5 {
    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))
}

.translate-y-5 {
    --tw-translate-y: 1.25rem
}

.translate-y-6 {
    --tw-translate-y: 1.5rem
}

.translate-y-6,
.translate-y-\[-15\%\] {
    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))
}

.translate-y-\[-15\%\] {
    --tw-translate-y: -15%
}

.translate-y-\[-25\%\] {
    --tw-translate-y: -25%
}

.translate-y-\[-25\%\],
.translate-y-\[100\%\] {
    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))
}

.translate-y-\[100\%\] {
    --tw-translate-y: 100%
}

.translate-y-\[1px\] {
    --tw-translate-y: 1px
}

.translate-y-\[1px\],
.translate-y-\[83px\] {
    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))
}

.translate-y-\[83px\] {
    --tw-translate-y: 83px
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-180,
.-rotate-90 {
    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))
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-\[6deg\] {
    --tw-rotate: -6deg
}

.-rotate-\[6deg\],
.rotate-180 {
    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))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-30 {
    --tw-rotate: 30deg
}

.rotate-30,
.rotate-90 {
    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))
}

.rotate-90 {
    --tw-rotate: 90deg
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-0,
.scale-100 {
    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))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.scale-125,
.scale-150 {
    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))
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.scale-50,
.scale-75 {
    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))
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-95,
.scale-\[60\%\] {
    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))
}

.scale-\[60\%\] {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%
}

.scale-\[calc\(10\/12\)\] {
    --tw-scale-x: 0.83333;
    --tw-scale-y: 0.83333
}

.scale-\[calc\(10\/12\)\],
.scale-x-\[-1\] {
    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))
}

.scale-x-\[-1\] {
    --tw-scale-x: -1
}

.transform {
    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))
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-\[url\(\.\.\/images\/moca-box\/dig-cursor\.svg\)\2c pointer\] {
    cursor: url(https://mocaverse.xyz/static/media/dig-cursor.b8c9a6f55d7246c22451.svg), pointer
}

.cursor-icon {
    cursor: url(https://mocaverse.xyzhttps://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.appearance-none {
    -webkit-appearance: none;
    appearance: none
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
}

.\!flex-row {
    flex-direction: row !important
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.\!justify-start {
    justify-content: flex-start !important
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-items-center {
    justify-items: center
}

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-9 {
    gap: 2.25rem
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[14px\] {
    gap: 14px
}

.gap-\[2px\] {
    gap: 2px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-\[54px\] {
    gap: 54px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[6px\] {
    gap: 6px
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-7 {
    column-gap: 1.75rem
}

.gap-x-8 {
    column-gap: 2rem
}

.gap-y-10 {
    row-gap: 2.5rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.self-end {
    align-self: flex-end
}

.justify-self-center {
    justify-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.text-wrap {
    text-wrap: wrap
}

.\!rounded-2xl {
    border-radius: 1rem !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[100px\] {
    border-radius: 100px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[40px\] {
    border-radius: 40px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[7px\] {
    border-radius: 7px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

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

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-2xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-b-xl {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-l-\[14px\] {
    border-bottom-left-radius: 14px;
    border-top-left-radius: 14px
}

.rounded-l-lg {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.rounded-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.rounded-l-xl {
    border-bottom-left-radius: .75rem;
    border-top-left-radius: .75rem
}

.rounded-r-\[16px\] {
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px
}

.rounded-r-\[20px\] {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.rounded-r-lg {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-r-none {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.rounded-r-xl {
    border-bottom-right-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-s {
    border-end-start-radius: .25rem;
    border-start-start-radius: .25rem
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-t-\[4px\] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-bl-2xl {
    border-bottom-left-radius: 1rem
}

.rounded-bl-\[30px\] {
    border-bottom-left-radius: 30px
}

.rounded-bl-\[50px_50px\] {
    border-bottom-left-radius: 50px 50px
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-br-2xl {
    border-bottom-right-radius: 1rem
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.rounded-tl-2xl {
    border-top-left-radius: 1rem
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.rounded-tr-2xl {
    border-top-right-radius: 1rem
}

.rounded-tr-\[16px\] {
    border-top-right-radius: 16px
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.\!border {
    border-width: 1px !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-\[3px\] {
    border-width: 3px
}

.border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-t {
    border-top-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-solid {
    border-style: solid
}

.border-none {
    border-style: none
}

.border-\[\#00CD3C\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 205 60/var(--tw-border-opacity))
}

.border-\[\#3b3d51\] {
    --tw-border-opacity: 1;
    border-color: rgb(59 61 81/var(--tw-border-opacity))
}

.border-\[\#65ABEF\] {
    --tw-border-opacity: 1;
    border-color: rgb(101 171 239/var(--tw-border-opacity))
}

.border-\[\#8C8C8C\] {
    --tw-border-opacity: 1;
    border-color: rgb(140 140 140/var(--tw-border-opacity))
}

.border-\[\#CD0000\] {
    --tw-border-opacity: 1;
    border-color: rgb(205 0 0/var(--tw-border-opacity))
}

.border-\[\#FFCF00\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 207 0/var(--tw-border-opacity))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-black\/40 {
    border-color: #0006
}

.border-blue-5 {
    --tw-border-opacity: 1;
    border-color: rgb(0 128 206/var(--tw-border-opacity))
}

.border-gray-10 {
    --tw-border-opacity: 1;
    border-color: rgb(148 134 85/var(--tw-border-opacity))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-gray-4 {
    --tw-border-opacity: 1;
    border-color: rgb(62 77 99/var(--tw-border-opacity))
}

.border-grey-2 {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity))
}

.border-grey-3 {
    --tw-border-opacity: 1;
    border-color: rgb(81 102 114/var(--tw-border-opacity))
}

.border-light-red {
    --tw-border-opacity: 1;
    border-color: rgb(255 71 71/var(--tw-border-opacity))
}

.border-moca-dark-3 {
    --tw-border-opacity: 1;
    border-color: rgb(47 47 47/var(--tw-border-opacity))
}

.border-moca-primary-3 {
    --tw-border-opacity: 1;
    border-color: rgb(98 217 255/var(--tw-border-opacity))
}

.border-moca-secondary-1 {
    --tw-border-opacity: 1;
    border-color: rgb(217 64 164/var(--tw-border-opacity))
}

.border-moca-white-2 {
    --tw-border-opacity: 1;
    border-color: rgb(233 233 233/var(--tw-border-opacity))
}

.border-moca-white-3 {
    --tw-border-opacity: 1;
    border-color: rgb(176 176 176/var(--tw-border-opacity))
}

.border-moca-white-4 {
    --tw-border-opacity: 1;
    border-color: rgb(125 125 125/var(--tw-border-opacity))
}

.border-moca-white-5 {
    --tw-border-opacity: 1;
    border-color: rgb(83 83 83/var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-white\/10 {
    border-color: #ffffff1a
}

.border-white\/15 {
    border-color: #ffffff26
}

.border-white\/20 {
    border-color: #fff3
}

.border-white\/25 {
    border-color: #ffffff40
}

.border-white\/30 {
    border-color: #ffffff4d
}

.border-white\/50 {
    border-color: #ffffff80
}

.border-white\/80 {
    border-color: #fffc
}

.border-white\/\[\.19\] {
    border-color: #ffffff30
}

.border-yellow {
    --tw-border-opacity: 1;
    border-color: rgb(255 207 0/var(--tw-border-opacity))
}

.border-b-\[\#55555526\] {
    border-bottom-color: #55555526
}

.border-opacity-20 {
    --tw-border-opacity: 0.2
}

.\!bg-\[\#A08820\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(160 136 32/var(--tw-bg-opacity)) !important
}

.\!bg-black {
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.\!bg-black,
.\!bg-blue-5 {
    --tw-bg-opacity: 1 !important
}

.\!bg-blue-5 {
    background-color: rgb(0 128 206/var(--tw-bg-opacity)) !important
}

.\!bg-gray-2 {
    background-color: rgb(146 140 102/var(--tw-bg-opacity)) !important
}

.\!bg-gray-2,
.\!bg-gray-3 {
    --tw-bg-opacity: 1 !important
}

.\!bg-gray-3 {
    background-color: rgb(237 237 237/var(--tw-bg-opacity)) !important
}

.\!bg-gray-5\/50 {
    background-color: #576a8480 !important
}

.\!bg-green {
    background-color: rgb(191 255 127/var(--tw-bg-opacity)) !important
}

.\!bg-green,
.\!bg-grey-2 {
    --tw-bg-opacity: 1 !important
}

.\!bg-grey-2 {
    background-color: rgb(194 194 194/var(--tw-bg-opacity)) !important
}

.\!bg-moca-dark-3 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(47 47 47/var(--tw-bg-opacity)) !important
}

.\!bg-secondary-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(157 157 157/var(--tw-bg-opacity)) !important
}

.\!bg-success-1 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(191 255 127/var(--tw-bg-opacity)) !important
}

.\!bg-warning-1 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 207 0/var(--tw-bg-opacity)) !important
}

.\!bg-warning-6 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 236 153/var(--tw-bg-opacity)) !important
}

.bg-\[\#0000009A\] {
    background-color: #0009
}

.bg-\[\#000000B3\] {
    background-color: #000000b3
}

.bg-\[\#005182\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 130/var(--tw-bg-opacity))
}

.bg-\[\#005E97\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 94 151/var(--tw-bg-opacity))
}

.bg-\[\#0080CE\],
.bg-\[\#0080ce\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 128 206/var(--tw-bg-opacity))
}

.bg-\[\#00D1FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 209 255/var(--tw-bg-opacity))
}

.bg-\[\#0E2A54\] {
    --tw-bg-opacity: 1;
    background-color: rgb(14 42 84/var(--tw-bg-opacity))
}

.bg-\[\#0F0F0F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 15 15/var(--tw-bg-opacity))
}

.bg-\[\#121212\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 18/var(--tw-bg-opacity))
}

.bg-\[\#14162e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(20 22 46/var(--tw-bg-opacity))
}

.bg-\[\#163946\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 57 70/var(--tw-bg-opacity))
}

.bg-\[\#183A6C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(24 58 108/var(--tw-bg-opacity))
}

.bg-\[\#252525\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 37 37/var(--tw-bg-opacity))
}

.bg-\[\#283862\] {
    --tw-bg-opacity: 1;
    background-color: rgb(40 56 98/var(--tw-bg-opacity))
}

.bg-\[\#2D32A8\]\/20 {
    background-color: #2d32a833
}

.bg-\[\#2E4766\] {
    --tw-bg-opacity: 1;
    background-color: rgb(46 71 102/var(--tw-bg-opacity))
}

.bg-\[\#313131\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 49 49/var(--tw-bg-opacity))
}

.bg-\[\#353535\] {
    --tw-bg-opacity: 1;
    background-color: rgb(53 53 53/var(--tw-bg-opacity))
}

.bg-\[\#3F3F3F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 63/var(--tw-bg-opacity))
}

.bg-\[\#464646\] {
    --tw-bg-opacity: 1;
    background-color: rgb(70 70 70/var(--tw-bg-opacity))
}

.bg-\[\#5F6A76\] {
    --tw-bg-opacity: 1;
    background-color: rgb(95 106 118/var(--tw-bg-opacity))
}

.bg-\[\#93181180\] {
    background-color: #93181180
}

.bg-\[\#931811\] {
    --tw-bg-opacity: 1;
    background-color: rgb(147 24 17/var(--tw-bg-opacity))
}

.bg-\[\#A3C7EC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(163 199 236/var(--tw-bg-opacity))
}

.bg-\[\#C2C2C2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(194 194 194/var(--tw-bg-opacity))
}

.bg-\[\#DFE6ED\] {
    --tw-bg-opacity: 1;
    background-color: rgb(223 230 237/var(--tw-bg-opacity))
}

.bg-\[\#EDEDED\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity))
}

.bg-\[\#F13A5B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 58 91/var(--tw-bg-opacity))
}

.bg-\[\#F1E699\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 230 153/var(--tw-bg-opacity))
}

.bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.bg-\[\#F98AF9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 138 249/var(--tw-bg-opacity))
}

.bg-\[\#FEF9E4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 228/var(--tw-bg-opacity))
}

.bg-\[\#FFAFFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 175 255/var(--tw-bg-opacity))
}

.bg-\[\#FFCF00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 207 0/var(--tw-bg-opacity))
}

.bg-\[\#FFEC40\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 236 64/var(--tw-bg-opacity))
}

.bg-\[\#FFF2AE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 174/var(--tw-bg-opacity))
}

.bg-\[\#ffcf00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 207 0/var(--tw-bg-opacity))
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
    background-color: #0003
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
    background-color: #0006
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
    background-color: #00000080
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
    background-color: #0009
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
    background-color: #000000b3
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
    background-color: #000c
}

.bg-\[rgba\(0\2c 128\2c 206\2c 0\.3\)\] {
    background-color: #0080ce4d
}

.bg-\[rgba\(101\2c 171\2c 239\2c 0\.10\)\] {
    background-color: #65abef1a
}

.bg-\[rgba\(248\2c 215\2c 72\2c 0\.15\)\] {
    background-color: #f8d74826
}

.bg-\[rgba\(27\2c 27\2c 27\2c 0\.6\)\] {
    background-color: #1b1b1b99
}

.bg-\[rgba\(35\2c 35\2c 35\2c 0\.72\)\] {
    background-color: #232323b8
}

.bg-\[rgba\(51\2c 51\2c 51\2c 0\.8\)\] {
    background-color: #333c
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/0 {
    background-color: #0000
}

.bg-black\/20 {
    background-color: #0003
}

.bg-black\/40 {
    background-color: #0006
}

.bg-black\/5 {
    background-color: #0000000d
}

.bg-black\/50 {
    background-color: #00000080
}

.bg-black\/60 {
    background-color: #0009
}

.bg-black\/70 {
    background-color: #000000b3
}

.bg-black\/80 {
    background-color: #000c
}

.bg-blue-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 209 255/var(--tw-bg-opacity))
}

.bg-blue-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 73 117/var(--tw-bg-opacity))
}

.bg-blue-11 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 94 151/var(--tw-bg-opacity))
}

.bg-blue-12 {
    --tw-bg-opacity: 1;
    background-color: rgb(26 60 111/var(--tw-bg-opacity))
}

.bg-blue-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 50 124/var(--tw-bg-opacity))
}

.bg-blue-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 39 85/var(--tw-bg-opacity))
}

.bg-blue-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 128 206/var(--tw-bg-opacity))
}

.bg-blue-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 255 253/var(--tw-bg-opacity))
}

.bg-blue-7 {
    --tw-bg-opacity: 1;
    background-color: rgb(190 228 255/var(--tw-bg-opacity))
}

.bg-blue-8 {
    --tw-bg-opacity: 1;
    background-color: rgb(11 48 109/var(--tw-bg-opacity))
}

.bg-blue-9 {
    --tw-bg-opacity: 1;
    background-color: rgb(91 158 249/var(--tw-bg-opacity))
}

.bg-dark-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 24 62/var(--tw-bg-opacity))
}

.bg-dark-blue-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(7 22 46/var(--tw-bg-opacity))
}

.bg-dark-blue-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(13 34 65/var(--tw-bg-opacity))
}

.bg-dark-blue-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 48 90/var(--tw-bg-opacity))
}

.bg-dark-blue-4\/30 {
    background-color: #0b18284d
}

.bg-dark-blue-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(12 32 62/var(--tw-bg-opacity))
}

.bg-dark-blue-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(8 23 45/var(--tw-bg-opacity))
}

.bg-dark-blue-7 {
    --tw-bg-opacity: 1;
    background-color: rgb(7 27 55/var(--tw-bg-opacity))
}

.bg-error {
    --tw-bg-opacity: 1;
    background-color: rgb(255 124 124/var(--tw-bg-opacity))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.bg-gray-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity))
}

.bg-gray-6\/70 {
    background-color: #232323b3
}

.bg-gray-8 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity))
}

.bg-gray-blue-20 {
    background-color: #45569033
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(191 255 127/var(--tw-bg-opacity))
}

.bg-grey-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(194 194 194/var(--tw-bg-opacity))
}

.bg-grey-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity))
}

.bg-grey-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(201 207 210/var(--tw-bg-opacity))
}

.bg-light-green {
    --tw-bg-opacity: 1;
    background-color: rgb(0 205 60/var(--tw-bg-opacity))
}

.bg-light-red {
    --tw-bg-opacity: 1;
    background-color: rgb(255 71 71/var(--tw-bg-opacity))
}

.bg-moca-dark-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 18/var(--tw-bg-opacity))
}

.bg-moca-dark-1\/25 {
    background-color: #12121240
}

.bg-moca-dark-1\/50 {
    background-color: #12121280
}

.bg-moca-dark-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(47 47 47/var(--tw-bg-opacity))
}

.bg-moca-primary-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(36 80 238/var(--tw-bg-opacity))
}

.bg-moca-primary-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(60 140 255/var(--tw-bg-opacity))
}

.bg-moca-primary-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(98 217 255/var(--tw-bg-opacity))
}

.bg-moca-secondary-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 134 213/var(--tw-bg-opacity))
}

.bg-moca-white-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233/var(--tw-bg-opacity))
}

.bg-moca-white-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(83 83 83/var(--tw-bg-opacity))
}

.bg-odyssey-progress-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(33 57 85/var(--tw-bg-opacity))
}

.bg-odyssey-progress-bg-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(46 78 107/var(--tw-bg-opacity))
}

.bg-odyssey-progress-filled {
    --tw-bg-opacity: 1;
    background-color: rgb(191 255 127/var(--tw-bg-opacity))
}

.bg-odyssey-tab-active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 207 0/var(--tw-bg-opacity))
}

.bg-odyssey-tab-border {
    --tw-bg-opacity: 1;
    background-color: rgb(124 141 147/var(--tw-bg-opacity))
}

.bg-orange-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 215 169/var(--tw-bg-opacity))
}

.bg-pink {
    --tw-bg-opacity: 1;
    background-color: rgb(255 175 255/var(--tw-bg-opacity))
}

.bg-purple-1 {
    background-color: #a533ff99
}

.bg-red-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity))
}

.bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 165 165/var(--tw-bg-opacity))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113/var(--tw-bg-opacity))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-secondary-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(194 194 194/var(--tw-bg-opacity))
}

.bg-success-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 255 127/var(--tw-bg-opacity))
}

.bg-success-100 {
    background-color: #0aa65be5
}

.bg-transparent {
    background-color: initial
}

.bg-warning-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 207 0/var(--tw-bg-opacity))
}

.bg-warning-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 190/var(--tw-bg-opacity))
}

.bg-warning-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 239 114/var(--tw-bg-opacity))
}

.bg-warning-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 236 153/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/15 {
    background-color: #ffffff26
}

.bg-white\/20 {
    background-color: #fff3
}

.bg-white\/50 {
    background-color: #ffffff80
}

.bg-white\/8 {
    background-color: #ffffff14
}

.bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 207 0/var(--tw-bg-opacity))
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.bg-opacity-8 {
    --tw-bg-opacity: .08
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.\!bg-user-board-claimable-rp {
    background-image: linear-gradient(180deg, #0a3673, #0b2a53 78.01%) !important
}

.bg-\[image\:var\(--bg-mobile-url\)\] {
    background-image: var(--bg-mobile-url)
}

.bg-\[image\:var\(--bg-url\)\] {
    background-image: var(--bg-url)
}

.bg-capsule-text-gradient {
    background-image: linear-gradient(180deg, #bfe8ff 37%, #2b99ff 80.5%)
}

.bg-countdown {
    background-image: url(data:image/png;base64,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)
}

.bg-dialog {
    background-image: url(https://mocaverse.xyz/static/media/bg-dialog.67c9ab1c64e2db2f0208.svg)
}

.bg-gradient-blue {
    background-image: linear-gradient(270deg, #0055b8 .02%, #0080ce 96.17%)
}

.bg-gradient-partner-avatar {
    background-image: linear-gradient(180deg, #fff3, #0003)
}

.bg-gradient-partner-bg {
    background-image: linear-gradient(180deg, #284670, #102849 78.01%)
}

.bg-gradient-partner-header {
    background-image: linear-gradient(90deg, #163946, #101d3200 50%)
}

.bg-gradient-pink {
    background-image: linear-gradient(271deg, #e578a9 37.76%, #db9fba 99.21%)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-moca-tab-gradient {
    background-image: linear-gradient(180deg, #2450ee, #448ef7)
}

.bg-mocaID-portal-left {
    background-image: url(/static/media/portal-left.98cc3cb7310848534f35.svg)
}

.bg-mocaID-portal-right {
    background-image: url(/static/media/portal-right.45f4127cbb88b18878b3.svg)
}

.bg-mocaNFT-history {
    background-image: url(/static/media/bg-color-history.1f1b972ddcadca6c429e.svg)
}

.bg-rarity-gradient-golden {
    background-image: linear-gradient(180deg, #f9f247 21%, #f99247 83%)
}

.bg-theme-gradient-1 {
    background-image: linear-gradient(90deg, #1d5cff, #9a41fa 55.21%, #d940a4)
}

.from-\[\#102736\] {
    --tw-gradient-from: #102736 var(--tw-gradient-from-position);
    --tw-gradient-to: #10273600 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#24334C\] {
    --tw-gradient-to: #24334c var(--tw-gradient-to-position)
}

.\!bg-contain {
    background-size: contain !important
}

.\!bg-cover {
    background-size: cover !important
}

.bg-\[length\:100\%_100\%\] {
    background-size: 100% 100%
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.\!bg-center {
    background-position: 50% !important
}

.bg-center {
    background-position: 50%
}

.bg-right {
    background-position: 100%
}

.bg-top {
    background-position: top
}

.\!bg-repeat {
    background-repeat: repeat !important
}

.\!bg-no-repeat {
    background-repeat: no-repeat !important
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-center {
    object-position: center
}

.\!p-0 {
    padding: 0 !important
}

.\!p-2 {
    padding: .5rem !important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-12 {
    padding: 3rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-8 {
    padding: 2rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[10px_24px\] {
    padding: 10px 24px
}

.p-\[1px\] {
    padding: 1px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[4px\] {
    padding: 4px
}

.\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\!px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.\!px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

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

.\!px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.\!py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.\!py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.\!py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

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

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

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-36 {
    padding-left: 9rem;
    padding-right: 9rem
}

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

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[50px\] {
    padding-left: 50px;
    padding-right: 50px
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[70px\] {
    padding-left: 70px;
    padding-right: 70px
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.py-11 {
    padding-bottom: 2.75rem;
    padding-top: 2.75rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

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

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

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

.py-7 {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.py-\[10px\] {
    padding-bottom: 10px;
    padding-top: 10px
}

.py-\[12px\] {
    padding-bottom: 12px;
    padding-top: 12px
}

.py-\[18px\] {
    padding-bottom: 18px;
    padding-top: 18px
}

.py-\[22px\] {
    padding-bottom: 22px;
    padding-top: 22px
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-11 {
    padding-bottom: 2.75rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pb-80 {
    padding-bottom: 20rem
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[26px\] {
    padding-bottom: 26px
}

.pl-0 {
    padding-left: 0
}

.pl-0\.5 {
    padding-left: .125rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-\[12px\] {
    padding-left: 12px
}

.pl-\[140px\] {
    padding-left: 140px
}

.pl-\[14vw\] {
    padding-left: 14vw
}

.pl-\[18px\] {
    padding-left: 18px
}

.pl-\[60px\] {
    padding-left: 60px
}

.pr-0 {
    padding-right: 0
}

.pr-0\.5 {
    padding-right: .125rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-7 {
    padding-right: 1.75rem
}

.pr-\[12px\] {
    padding-right: 12px
}

.pr-\[20px\] {
    padding-right: 20px
}

.pr-\[90px\] {
    padding-right: 90px
}

.pr-\[9vw\] {
    padding-right: 9vw
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-11 {
    padding-top: 2.75rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-16 {
    padding-top: 4rem
}

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

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-\[153px\] {
    padding-top: 153px
}

.pt-\[1rem\] {
    padding-top: 1rem
}

.pt-\[310px\] {
    padding-top: 310px
}

.pt-\[55px\] {
    padding-top: 55px
}

.pt-\[80px\] {
    padding-top: 80px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.font-outfit {
    font-family: Outfit
}

.font-quicksand {
    font-family: Quicksand
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[12px\]\/\[12px\] {
    font-size: 12px;
    line-height: 12px
}

.text-\[12px\]\/\[16px\] {
    font-size: 12px;
    line-height: 16px
}

.text-\[12px\]\/\[24px\] {
    font-size: 12px;
    line-height: 24px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[14px\]\/\[16px\] {
    font-size: 14px;
    line-height: 16px
}

.text-\[16\.8px\]\/\[22\.4px\] {
    font-size: 16.8px;
    line-height: 22.4px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[16px\]\/\[20px\] {
    font-size: 16px;
    line-height: 20px
}

.text-\[16px\]\/\[24px\] {
    font-size: 16px;
    line-height: 24px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[18px\]\/\[24px\] {
    font-size: 18px;
    line-height: 24px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[20px\]\/\[24px\] {
    font-size: 20px;
    line-height: 24px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[24px\]\/\[24px\] {
    font-size: 24px;
    line-height: 24px
}

.text-\[24px\]\/\[32px\] {
    font-size: 24px;
    line-height: 32px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[28px\]\/\[34px\] {
    font-size: 28px;
    line-height: 34px
}

.text-\[36px\]\/\[44px\] {
    font-size: 36px;
    line-height: 44px
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[8px\]\/\[12px\] {
    font-size: 8px;
    line-height: 12px
}

.text-\[9px\] {
    font-size: 9px
}

.text-\[9px\]\/\[9px\] {
    font-size: 9px;
    line-height: 9px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-lg\/\[18px\] {
    font-size: 1.125rem;
    line-height: 18px
}

.text-lg\/\[24px\] {
    font-size: 1.125rem;
    line-height: 24px
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xl\/\[24px\] {
    font-size: 1.25rem;
    line-height: 24px
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-black {
    font-weight: 900 !important
}

.\!font-extrabold {
    font-weight: 800 !important
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.capitalize {
    text-transform: capitalize
}

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

.italic {
    font-style: italic
}

.\!leading-\[28px\] {
    line-height: 28px !important
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-8 {
    line-height: 2rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[0\.36px\] {
    line-height: .36px
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[24px\] {
    line-height: 24px
}

.-tracking-\[0\.5px\] {
    letter-spacing: -.5px
}

.\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.\!text-moca-failed-1 {
    --tw-text-opacity: 1 !important;
    color: rgb(255 73 160/var(--tw-text-opacity)) !important
}

.\!text-moca-white-2 {
    --tw-text-opacity: 1 !important;
    color: rgb(233 233 233/var(--tw-text-opacity)) !important
}

.\!text-transparent {
    color: #0000 !important
}

.text-\[\#0080CE\] {
    --tw-text-opacity: 1;
    color: rgb(0 128 206/var(--tw-text-opacity))
}

.text-\[\#00CD3C\] {
    --tw-text-opacity: 1;
    color: rgb(0 205 60/var(--tw-text-opacity))
}

.text-\[\#00D1FF\] {
    --tw-text-opacity: 1;
    color: rgb(0 209 255/var(--tw-text-opacity))
}

.text-\[\#222\] {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity))
}

.text-\[\#3185D8\] {
    --tw-text-opacity: 1;
    color: rgb(49 133 216/var(--tw-text-opacity))
}

.text-\[\#333\] {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.text-\[\#54697E\] {
    --tw-text-opacity: 1;
    color: rgb(84 105 126/var(--tw-text-opacity))
}

.text-\[\#552E15\] {
    --tw-text-opacity: 1;
    color: rgb(85 46 21/var(--tw-text-opacity))
}

.text-\[\#6F6F6F\] {
    --tw-text-opacity: 1;
    color: rgb(111 111 111/var(--tw-text-opacity))
}

.text-\[\#757575\] {
    --tw-text-opacity: 1;
    color: rgb(117 117 117/var(--tw-text-opacity))
}

.text-\[\#8C8C8C\] {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

.text-\[\#AEAEAE\] {
    --tw-text-opacity: 1;
    color: rgb(174 174 174/var(--tw-text-opacity))
}

.text-\[\#CD0000\] {
    --tw-text-opacity: 1;
    color: rgb(205 0 0/var(--tw-text-opacity))
}

.text-\[\#D8D8D8\] {
    --tw-text-opacity: 1;
    color: rgb(216 216 216/var(--tw-text-opacity))
}

.text-\[\#F00\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 0/var(--tw-text-opacity))
}

.text-\[\#F8D748\] {
    --tw-text-opacity: 1;
    color: rgb(248 215 72/var(--tw-text-opacity))
}

.text-\[\#FF0000\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 0/var(--tw-text-opacity))
}

.text-\[\#FF3737\] {
    --tw-text-opacity: 1;
    color: rgb(255 55 55/var(--tw-text-opacity))
}

.text-\[\#FF5B5B\] {
    --tw-text-opacity: 1;
    color: rgb(255 91 91/var(--tw-text-opacity))
}

.text-\[\#FF5C5C\] {
    --tw-text-opacity: 1;
    color: rgb(255 92 92/var(--tw-text-opacity))
}

.text-\[\#FF7C7C\] {
    --tw-text-opacity: 1;
    color: rgb(255 124 124/var(--tw-text-opacity))
}

.text-\[\#FFCF00\] {
    --tw-text-opacity: 1;
    color: rgb(255 207 0/var(--tw-text-opacity))
}

.text-\[\#FFFFFFCD\] {
    color: #fffc
}

.text-\[\#ececec\] {
    --tw-text-opacity: 1;
    color: rgb(236 236 236/var(--tw-text-opacity))
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
    color: #fffc
}

.text-\[rgba\(51\2c 51\2c 51\2c 0\.5\)\] {
    color: #33333380
}

.text-\[rgba\(51\2c 51\2c 51\2c 0\.7\)\] {
    color: #333333b3
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-black-2 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.text-black\/50 {
    color: #00000080
}

.text-blue-1 {
    --tw-text-opacity: 1;
    color: rgb(0 209 255/var(--tw-text-opacity))
}

.text-blue-2 {
    --tw-text-opacity: 1;
    color: rgb(0 50 124/var(--tw-text-opacity))
}

.text-blue-3 {
    --tw-text-opacity: 1;
    color: rgb(30 30 30/var(--tw-text-opacity))
}

.text-blue-5 {
    --tw-text-opacity: 1;
    color: rgb(0 128 206/var(--tw-text-opacity))
}

.text-error {
    --tw-text-opacity: 1;
    color: rgb(255 124 124/var(--tw-text-opacity))
}

.text-gray-1 {
    --tw-text-opacity: 1;
    color: rgb(218 218 218/var(--tw-text-opacity))
}

.text-gray-10 {
    --tw-text-opacity: 1;
    color: rgb(148 134 85/var(--tw-text-opacity))
}

.text-gray-11 {
    color: 5D4B1E
}

.text-gray-2 {
    --tw-text-opacity: 1;
    color: rgb(146 140 102/var(--tw-text-opacity))
}

.text-gray-7 {
    --tw-text-opacity: 1;
    color: rgb(236 236 236/var(--tw-text-opacity))
}

.text-green {
    --tw-text-opacity: 1;
    color: rgb(191 255 127/var(--tw-text-opacity))
}

.text-green-1 {
    --tw-text-opacity: 1;
    color: rgb(44 255 116/var(--tw-text-opacity))
}

.text-green-2 {
    --tw-text-opacity: 1;
    color: rgb(14 181 0/var(--tw-text-opacity))
}

.text-light-green {
    --tw-text-opacity: 1;
    color: rgb(0 205 60/var(--tw-text-opacity))
}

.text-light-red {
    --tw-text-opacity: 1;
    color: rgb(255 71 71/var(--tw-text-opacity))
}

.text-moca-dark-2 {
    --tw-text-opacity: 1;
    color: rgb(29 29 29/var(--tw-text-opacity))
}

.text-moca-failed-1 {
    --tw-text-opacity: 1;
    color: rgb(255 73 160/var(--tw-text-opacity))
}

.text-moca-in-process-1 {
    --tw-text-opacity: 1;
    color: rgb(249 146 71/var(--tw-text-opacity))
}

.text-moca-passed-1 {
    --tw-text-opacity: 1;
    color: rgb(116 255 205/var(--tw-text-opacity))
}

.text-moca-primary-2 {
    --tw-text-opacity: 1;
    color: rgb(60 140 255/var(--tw-text-opacity))
}

.text-moca-primary-3 {
    --tw-text-opacity: 1;
    color: rgb(98 217 255/var(--tw-text-opacity))
}

.text-moca-secondary-1 {
    --tw-text-opacity: 1;
    color: rgb(217 64 164/var(--tw-text-opacity))
}

.text-moca-secondary-2 {
    --tw-text-opacity: 1;
    color: rgb(255 134 213/var(--tw-text-opacity))
}

.text-moca-white-1 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-moca-white-2 {
    --tw-text-opacity: 1;
    color: rgb(233 233 233/var(--tw-text-opacity))
}

.text-moca-white-2\/60 {
    color: #e9e9e999
}

.text-moca-white-3 {
    --tw-text-opacity: 1;
    color: rgb(176 176 176/var(--tw-text-opacity))
}

.text-moca-white-4 {
    --tw-text-opacity: 1;
    color: rgb(125 125 125/var(--tw-text-opacity))
}

.text-moca-white-6 {
    --tw-text-opacity: 1;
    color: rgb(197 197 197/var(--tw-text-opacity))
}

.text-odyssey-tab-active {
    --tw-text-opacity: 1;
    color: rgb(255 207 0/var(--tw-text-opacity))
}

.text-red-1 {
    --tw-text-opacity: 1;
    color: rgb(255 0 0/var(--tw-text-opacity))
}

.text-red-2 {
    --tw-text-opacity: 1;
    color: rgb(255 115 115/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.text-success-1 {
    --tw-text-opacity: 1;
    color: rgb(191 255 127/var(--tw-text-opacity))
}

.text-transparent {
    color: #0000
}

.text-warning-2 {
    --tw-text-opacity: 1;
    color: rgb(248 215 72/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-white\/20 {
    color: #fff3
}

.text-white\/50 {
    color: #ffffff80
}

.text-white\/80 {
    color: #fffc
}

.text-yellow {
    --tw-text-opacity: 1;
    color: rgb(255 207 0/var(--tw-text-opacity))
}

.text-opacity-85 {
    --tw-text-opacity: .85
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.underline-offset-\[4px\] {
    text-underline-offset: 4px
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-25 {
    opacity: .25
}

.opacity-40 {
    opacity: .4
}

.opacity-5 {
    opacity: .05
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-\[1px_2px_0px_0px_\#000\] {
    --tw-shadow: 1px 2px 0px 0px #000;
    --tw-shadow-colored: 1px 2px 0px 0px var(--tw-shadow-color)
}

.shadow-\[1px_2px_0px_0px_\#000\],
.shadow-\[2px_2px_0_\#000\] {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[2px_2px_0_\#000\] {
    --tw-shadow: 2px 2px 0 #000;
    --tw-shadow-colored: 2px 2px 0 var(--tw-shadow-color)
}

.shadow-\[2px_2px_black\] {
    --tw-shadow: 2px 2px #000;
    --tw-shadow-colored: 2px 2px var(--tw-shadow-color)
}

.shadow-\[2px_2px_black\],
.shadow-\[3px_3px_0_\#000\] {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[3px_3px_0_\#000\] {
    --tw-shadow: 3px 3px 0 #000;
    --tw-shadow-colored: 3px 3px 0 var(--tw-shadow-color)
}

.shadow-\[3px_3px_0_0_\#000\] {
    --tw-shadow: 3px 3px 0 0 #000;
    --tw-shadow-colored: 3px 3px 0 0 var(--tw-shadow-color)
}

.shadow-\[3px_3px_0_0_\#000\],
.shadow-\[3px_3px_0px_\#000000\] {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[3px_3px_0px_\#000000\] {
    --tw-shadow: 3px 3px 0px #000;
    --tw-shadow-colored: 3px 3px 0px var(--tw-shadow-color)
}

.shadow-\[4px_4px_0_0_\#000\] {
    --tw-shadow: 4px 4px 0 0 #000;
    --tw-shadow-colored: 4px 4px 0 0 var(--tw-shadow-color)
}

.shadow-\[4px_4px_0_0_\#000\],
.shadow-\[4px_4px_0px_\#000000\] {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[4px_4px_0px_\#000000\] {
    --tw-shadow: 4px 4px 0px #000;
    --tw-shadow-colored: 4px 4px 0px var(--tw-shadow-color)
}

.shadow-\[6px_6px_0px_\#000000\] {
    --tw-shadow: 6px 6px 0px #000;
    --tw-shadow-colored: 6px 6px 0px var(--tw-shadow-color)
}

.shadow-\[6px_6px_0px_\#000000\],
.shadow-\[7px_9px_0px_\#000000\] {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[7px_9px_0px_\#000000\] {
    --tw-shadow: 7px 9px 0px #000;
    --tw-shadow-colored: 7px 9px 0px var(--tw-shadow-color)
}

.shadow-\[7px_9px_0px_0px_\#000\] {
    --tw-shadow: 7px 9px 0px 0px #000;
    --tw-shadow-colored: 7px 9px 0px 0px var(--tw-shadow-color)
}

.shadow-\[7px_9px_0px_0px_\#000\],
.shadow-drop-shadow-1 {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-drop-shadow-1 {
    --tw-shadow: 4px 4px 12px 0px #12121280;
    --tw-shadow-colored: 4px 4px 12px 0px var(--tw-shadow-color)
}

.shadow-glow-blue-1 {
    --tw-shadow: 0px 0px 18px 0px #2450ee;
    --tw-shadow-colored: 0px 0px 18px 0px var(--tw-shadow-color)
}

.shadow-glow-blue-1,
.shadow-moca-id-nft-img {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-moca-id-nft-img {
    --tw-shadow: 0px 0px 32px 0px #1f93ff, 0px 0px 10px 0px #fff, 0px 4px 30px 0px #86dbff;
    --tw-shadow-colored: 0px 0px 32px 0px var(--tw-shadow-color), 0px 0px 10px 0px var(--tw-shadow-color), 0px 4px 30px 0px var(--tw-shadow-color)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,
.shadow-xl {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-2 {
    outline-width: 2px
}

.outline-yellow {
    outline-color: #ffcf00
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.blur-md {
    --tw-blur: blur(12px);
    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)
}

.\!drop-shadow-button {
    --tw-drop-shadow: drop-shadow(3px 3px 0px #000) !important;
    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) !important
}

.drop-shadow-button {
    --tw-drop-shadow: drop-shadow(3px 3px 0px #000)
}

.drop-shadow-button,
.drop-shadow-none {
    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)
}

.drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.grayscale,
.invert {
    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)
}

.invert {
    --tw-invert: invert(100%)
}

.filter {
    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)
}

.backdrop-blur {
    --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)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.text-shadow {
    text-shadow: 0 2px 4px #46081b
}

.text-shadow-moca-black {
    text-shadow: 0 4px 4px #00000040, 0 0 8px #0069ff
}

.text-shadow-moca-blue {
    text-shadow: 0 0 8px #0069ff
}

.text-shadow-none {
    text-shadow: none
}

.\[-ms-overflow-style\:\'none\'\] {
    -ms-overflow-style: "none"
}

.\[clip-path\:polygon\(0_0\2c _100\%_0\%\2c _100\%_100\%\2c _10\%_100\%\)\] {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%)
}

.\[scrollbar-width\:\'none\'\] {
    scrollbar-width: "none"
}

.\[transform\:rotate\(180deg\)rotateY\(180deg\)\] {
    transform: rotate(180deg)rotateY(180deg)
}

.\[transform\:rotateY\(180deg\)\] {
    transform: rotateY(180deg)
}

.\[transform\:translate\(-50\%\2c 0\)\] {
    transform: translate(-50%)
}

.\[writing-mode\:vertical-lr\] {
    writing-mode: vertical-lr
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    height: 100%;
    touch-action: manipulation
}

header {
    left: 0;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 9999999
}

header nav {
    position: relative
}

header nav .desktop {
    align-items: center;
    background-color: #00d1ff;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 88px;
    justify-content: space-evenly;
    margin: 0 auto;
    max-width: 935px;
    padding: 0 36px;
    width: 100%
}

@media only screen and (max-width:1024px) {
    header nav .desktop {
        display: none
    }
}

header nav .desktop li:not(:first-child):hover a {
    transform: scale(1.05)
}

header nav .navBg {
    border-bottom: 3px solid #000;
    display: none
}

@media only screen and (max-width:1024px) {
    header nav .navBg {
        align-items: center;
        background-color: #00d1ff;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        height: 64px;
        justify-content: space-between;
        left: 0;
        padding: 0 30px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

header nav .mobile {
    display: none
}

@media only screen and (max-width:1024px) {
    header nav .mobile {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        height: 64px;
        justify-content: space-between;
        padding: 0 15px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9000
    }

    header nav .mobile .connect.btn a {
        font-size: 1rem
    }

    header nav .mobile.close .mobile-nav {
        display: none
    }

    header nav .mobile.open .mobile-nav {
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        display: flex;
        flex-direction: column;
        left: 0;
        position: absolute;
        right: 0;
        top: 64px;
        width: 100%;
        z-index: -2
    }

    header nav .mobile.open .mobile-nav .content {
        border: 2px solid #000
    }

    header nav .mobile.open .mobile-nav ul {
        margin: 0;
        padding: 0
    }

    header nav .mobile.open .mobile-nav li {
        background-color: #fff;
        border-top: 2px solid #000;
        box-sizing: border-box;
        padding: 20px
    }

    header nav .mobile.open .mobile-nav li:first-child {
        border-top: none
    }

    header nav .mobile.open .mobile-nav li.last {
        background-color: #fff;
        border-bottom: 2px solid #000;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        position: relative;
        z-index: 3
    }

    header nav .mobile.open .mobile-nav li .icon {
        background-image: url(/static/media/moca-home.e0dbdc558a5f96f369fc.png);
        background-size: contain;
        display: block;
        height: 25px;
        margin-right: 10px;
        width: 25px
    }

    header nav .mobile.open .mobile-nav li a {
        align-items: center;
        display: flex;
        flex-direction: revert;
        justify-content: center
    }

    header nav .mobile.open .mobile-nav.show {
        display: flex
    }

    header nav .mobile.open .mobile-nav.show:before {
        background-color: #000;
        height: 100vh;
        width: 100vw
    }

    header nav .mobile.open .mobile-nav .social-btn {
        align-items: center;
        background-color: #ffcf00;
        border: 2px solid #000;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: center;
        padding: 20px 10px 5px;
        position: relative;
        top: -25px
    }

    header nav .mobile.open .mobile-nav .social-btn img {
        max-width: 27px
    }

    header nav .mobile.open .mobile-nav .social-btn ul {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin: 0;
        padding: 0
    }

    header nav .mobile.open .mobile-nav .social-btn ul li {
        align-items: center;
        background-color: #0000;
        border: 0;
        cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
        display: flex;
        flex-direction: column;
        height: 54px;
        justify-content: center;
        padding: 12px 10px 10px;
        width: 50px
    }

    header nav .mobile.open .mobile-nav .social-btn a {
        height: 28px;
        width: 28px
    }

    header nav .mobile.open .mobile-nav .mobile-sub-items {
        background-color: #fff;
        height: 0;
        margin-top: -12px;
        max-height: 0;
        opacity: 0;
        padding-bottom: 8px;
        position: relative;
        transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
        visibility: hidden
    }

    header nav .mobile.open .mobile-nav .mobile-sub-items a {
        display: block;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin-left: 16px;
        padding: 10px 4px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    header nav .mobile.open .mobile-nav .mobile-sub-items a.moca-dao-snapshot {
        align-items: center;
        display: flex;
        gap: 8px;
        justify-content: center
    }

    header nav .mobile.open .mobile-nav .mobile-sub-items.show {
        height: auto;
        max-height: 500px;
        opacity: 1;
        visibility: visible
    }

    header nav .mobile.open .navoverlay {
        background: #000;
        bottom: 0;
        display: block;
        height: 100vh;
        left: 0;
        opacity: .4;
        position: absolute;
        right: 0;
        top: 91px;
        width: 100vw;
        z-index: -3
    }

    header nav .mobile.open .mobile-moca-icon {
        margin: 0 10px 0 30px;
        width: 25px
    }

    header nav .mobile.open .mobile-moca-icon.nav-user-board {
        border: 0;
        border-radius: 0;
        margin: 0 10px 0 35px;
        width: 120px
    }
}

@media only screen and (max-width:1024px)and (max-width:1024px) {
    header nav .mobile.open .mobile-moca-icon {
        margin: 0 5px 0 32px
    }
}

@media only screen and (max-width:1024px) {
    header nav .mobile.open .mobile-nav.nav-user-board ul li.home {
        display: none
    }
}

header nav .mobile .mobile-moca-icon {
    width: 25px
}

header nav .mobile .mobile-moca-icon.nav-user-board {
    border: 0;
    margin: 0 10px 0 30px;
    width: 120px
}

@media only screen and (max-width:1024px) {
    header nav .mobile .mobile-moca-icon {
        margin: 0 5px 0 32px
    }
}

header nav .mobile span {
    color: #222;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    text-transform: capitalize;
    width: 113px
}

header nav .mobile .mobile-btn {
    background-image: url(https://mocaverse.xyz/static/media/mobile-menu-btn.e27ef4370fa0ba5f5914.svg);
    background-position: 0;
    background-repeat: no-repeat;
    display: flex;
    height: 25px;
    width: 300px
}

header nav .mobile .mobile-btn.open {
    background-image: url(https://mocaverse.xyz/static/media/mobile-menu-btn-close.48561ee53adf4b3b9209.svg)
}

header nav .mobile .mobile-btn.close {
    background-image: url(https://mocaverse.xyz/static/media/mobile-menu-btn.e27ef4370fa0ba5f5914.svg)
}

header nav li {
    display: flex;
    flex-direction: row;
    list-style: none
}

header nav li.last {
    z-index: 10
}

header nav li .utility {
    font-family: montserrat, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    margin-right: 5px;
    opacity: .4
}

header nav li span.soon {
    align-items: center;
    background: #0080ce;
    border: 3px solid #000;
    border-radius: 100px;
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    gap: 10px;
    height: 21px;
    line-height: 15px;
    opacity: 1;
    order: 0;
    padding: 3px 8px;
    width: 49px
}

header nav li .disconnect {
    color: #005284;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAALhSURBVDhPjZTfSxRRFMfP7K/Z2R13tbZ2S7dVyRQfRCFIjKCgHyAVvmRWEEgERdBD/0U99BAEEURBEcE+LFnkQz9IDBMkCsweCiUJNTWp3F13d3Z2bt8zsxa7zEhf+LD3nDv33HPOvXcJGgMCTIEtoB10gxnAfv7tARtKvKhPiDafzAsWQAkYLV6fmIg3i341JCSiJfjagK1coLhSKtHVzVE2YhfDdS4gLZZ0KghB1yIx6vEHOMObQOZFdnp0QAmKhaZW0RtURafsFzONLWKvPyCOBFQxD//L+kYRlFx5fLvPWlIpZErdyGBspKFJ0rBz7/wsJWNx2uXzUdowKO7xoj5Bp7/P0Ugu+wTf9wGDF6/LDZbQjH5EiwzUhKkBizpkP0XcHgq7eJprlijqdlMqk45idQquFXOiLO7JLb8kNS2iL6wTaohiCFCtLlmhZq+3FsOTluefeKvU3Wi951yojhDM8tpIxtxvlPcmv5aAeQ8UzAmIg1z6puvBj1qeOnx+qnFxcvbahlKTmVUVpzYKc9ryWkGez5d0z6RWCMzqxchxlOOUjyq5aDyfc3/ViwrMpOW1evIBnAdXRvNrIm1YvbGTByUNhmp5k4MwGy2vFWRdr7OG8RMnUDbttcevUMLjDWF41PJUBsmBB4+zq+a9cBIf++GAyhVfAOYxVncx+a6QLy2Xj9tJZ1GST5J2Ymg+zOog47i1cw/Tv8qmvXbglHbLig/DM2xXB9HBneFshvgJOAlZmJcSGgB11UFYQ580TcNxl0179QZr8DTcKoZ91uOo1DK/Jey2db8SdLwznM1nTZOmtMImu0y4q7dfrWVFTlQ8VlNc5A80PpVZpYkCHyh1Om3UihTfP92eULrwolk6eoTnQffR9KFsWszpxRUEfIapG+YHNuIM355Sw2I60SLw/yIO4Q8K70qD/wu4DP7e2I00iItltOO/FxE572FwDAR48n8VB5PgOugADqUT/QF6JfFwKDt+6QAAAABJRU5ErkJggg==), auto;
    display: flex;
    flex-direction: row;
    font-family: montserrat, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    position: relative;
    text-decoration: none;
    z-index: 1
}

header nav li .disconnect:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAYAAACOqiAdAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANsSURBVHgB7ZzdddMwHEcvsEA3QExAN2iYgG6QbEA3iJigbGAxQdnA3aDljTeHN97gkbcgHVuQJrEtu3L0V/A953fSnMSuc6OvSLZhZhSvmAlB2Vw3jz9sfjPTi7bZ7qSyuWSmE81TaT4/mWlFc1yaz8wRNN3Sti84D5TNwuatzUXz3PPL5tHma/O46dmXtllzxjhBmrqx3g5IabPkqVyPDtxHlmKdsIJhso7FCdc7+9WcsbQb6h5tGzFOYMGZSnOlzBBX2NBkJ03ZPDBLG4RieOM/S2OWNhhFemm3ZEjqNs2lou6UsmFFemlZVtU75IhzY8ajpe4lM104actjL0gUt0EW12TCAjlV1eegukpcc9jYvEHW9PQ36mmpv0ht41Y2n5HDwZcouXNYIUdeVuM5jyF9G1fuH1QOw5EVsqptdhgElbjcMKQRd7d/ILn9cliRptpuOBMMpy1x7zkjDKcTpxDEgrrqLRiPYXppFUJwg8mSw4NTjMMwrbg1AnDS2mZ3S8ZjOONq2iXN5zXjMcSXVpCYEGkuz50RMRBNWkXi0hYqrSIOBqKI+8CELKiX0R6alM1z1bweKs1lSTwMPEtawUQ4IX2LKppwaWviYwL/934emGgaSRF3sXgKaR4z8FgqJmrXFPlI8xgSS7sgP2keQyJpjoI8pXluW46lZEJpN+QtzXNFLdDJKprnk6GIe/powXhcc3FJJle2uA+6jZwx8vbP/60QNt2ziyK+tDHyNO2NusiluzXTiQuVp3v2sUQg7hvdkk6eDth+0t+UY1BML61Lng7c9gphrDiduH15OnCbg2U7CbQNGKeWpwPfO9mP8eci6ZRScdK6FqSlnqHjLp18R305ZTJyW8kXIc2Rkzgx0hxd4jbIQZQ0R5c4MQdpuUfW8XSyQlZPqhBEV4n7giyWCKKvqt4jB1FzcH29qqRSl9VtedwgOPbNA8amRBB9Jc5V10/I4JHMiL0sODZXZEiKmZLdFGSIJq20CsGLMm1oZmmD0aSV5ubcFJmhSSvNTaJmd8WeJuzDFcTvbd2YUdyqVQiasA+43tnG/R1DYEGm14VqhkvzKOrZlJJhsqpmf9kJ87d6VISdvKxtPva8R1HfctGfHLMrZcO/Wy/e23wncxaMK2n/Pa5kzNJG0tY+zdJ6UBz2jrO0Fv4AOc5pkgEsW6wAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

header nav .link,
header nav a {
    align-items: center;
    color: #000;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAALhSURBVDhPjZTfSxRRFMfP7K/Z2R13tbZ2S7dVyRQfRCFIjKCgHyAVvmRWEEgERdBD/0U99BAEEURBEcE+LFnkQz9IDBMkCsweCiUJNTWp3F13d3Z2bt8zsxa7zEhf+LD3nDv33HPOvXcJGgMCTIEtoB10gxnAfv7tARtKvKhPiDafzAsWQAkYLV6fmIg3i341JCSiJfjagK1coLhSKtHVzVE2YhfDdS4gLZZ0KghB1yIx6vEHOMObQOZFdnp0QAmKhaZW0RtURafsFzONLWKvPyCOBFQxD//L+kYRlFx5fLvPWlIpZErdyGBspKFJ0rBz7/wsJWNx2uXzUdowKO7xoj5Bp7/P0Ugu+wTf9wGDF6/LDZbQjH5EiwzUhKkBizpkP0XcHgq7eJprlijqdlMqk45idQquFXOiLO7JLb8kNS2iL6wTaohiCFCtLlmhZq+3FsOTluefeKvU3Wi951yojhDM8tpIxtxvlPcmv5aAeQ8UzAmIg1z6puvBj1qeOnx+qnFxcvbahlKTmVUVpzYKc9ryWkGez5d0z6RWCMzqxchxlOOUjyq5aDyfc3/ViwrMpOW1evIBnAdXRvNrIm1YvbGTByUNhmp5k4MwGy2vFWRdr7OG8RMnUDbttcevUMLjDWF41PJUBsmBB4+zq+a9cBIf++GAyhVfAOYxVncx+a6QLy2Xj9tJZ1GST5J2Ymg+zOog47i1cw/Tv8qmvXbglHbLig/DM2xXB9HBneFshvgJOAlZmJcSGgB11UFYQ580TcNxl0179QZr8DTcKoZ91uOo1DK/Jey2db8SdLwznM1nTZOmtMImu0y4q7dfrWVFTlQ8VlNc5A80PpVZpYkCHyh1Om3UihTfP92eULrwolk6eoTnQffR9KFsWszpxRUEfIapG+YHNuIM355Sw2I60SLw/yIO4Q8K70qD/wu4DP7e2I00iItltOO/FxE572FwDAR48n8VB5PgOugADqUT/QF6JfFwKDt+6QAAAABJRU5ErkJggg==), auto;
    display: flex;
    font-family: montserrat, sans-serif;
    font-size: 18px;
    font-weight: 800;
    gap: 4px;
    line-height: 22px;
    position: relative;
    text-decoration: none;
    z-index: 1
}

header nav .link:before,
header nav a:before {
    display: none
}

header nav .link:hover:before,
header nav a:hover:before {
    background-color: #00d1ff;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    top: 25px;
    width: 100%;
    z-index: -1
}

@media only screen and (max-width:1024px) {

    header nav .link:hover:before,
    header nav a:hover:before {
        top: 30px
    }
}

header nav .link.active:before,
header nav a.active:before {
    background-color: #f8d748;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: -1
}

header nav .home:hover:before {
    display: none
}

header nav .home img {
    width: 54px
}

header .home-menu {
    position: relative
}

header .home-menu .menu-items {
    background: #b9f2ff;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 3px 3px 0 #000;
    display: none;
    left: -10px;
    margin-top: 10px;
    opacity: .5;
    padding: 20px 16px;
    position: absolute;
    top: 30px;
    width: 250px;
    z-index: 1
}

header .home-menu .menu-items .link-snapshot {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

header .home-menu .menu-items a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    transform: scale(1) !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

header .home-menu:hover .menu-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 1;
    transition: opacity 1s ease-in-out
}

header .nav-desktop {
    transition: top .6s ease-in-out;
    z-index: 1100
}

header .menu-shrink-desktop,
header .nav-desktop {
    display: flex;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0
}

header .menu-shrink-desktop {
    background: url(/static/media/navbar_mini.bdeff308373714ee576b.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    flex-direction: row;
    height: 89px;
    max-width: 970px;
    padding: 0 120px;
    top: -2px;
    width: 100%;
    z-index: 1010
}

@media only screen and (max-width:1024px) {
    header .menu-shrink-desktop {
        display: none
    }
}

.connect-select {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    position: relative
}

.connect-select-title {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    min-height: 52px;
    padding: 5px 18px;
    width: 100%
}

.connect-select-title:hover {
    box-shadow: none
}

@media only screen and (max-width:1024px) {
    .connect-select-title {
        min-height: 40px;
        padding: 5px 10px;
        width: auto !important
    }
}

.connect-select-title:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABYCAYAAACAnmu5AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGTSURBVHgB7drdbcIwFIbhr52AEc4GZYOyQbsBbNARGIERYIO2E9AN2g08At0gTRQsVVWRgRDHP+8jHYkLX+BXKFKMJQAAAAAAAAAAAAAAAADTWbSzbce10xQwn+28trPUhOYqJ+ipce2YIuvCHpR3uHPncNxvFKbyf7H/BTZFsJXUVDh7jcwkNRVP8PFwr+u9qG5PoQVD4kZ7sCdqEVowJK6pbhZaMCQuAobE/VLdgvsfEvdDdXvTiGaq7wXCj1MEc0lNhWOKZKX8Y10yS0X2rPIPb7r9PWoiJZ+ORT0NO6XEwEmE9Uo6OHdK8DXflH9gp4Rf8U35BnbK4OzElF9gp4wOpUz5BM4qrGdKP3CWYT1Tfw8gxbDd95opc90GUgtcRFgvpcB7FRT2t52mDbtV4XYi7Kg2iht2o8qsFSfsWpUaO3C1Yb2xAlcf1rt1YML+cavAhD1haODaLwoGrXRd2KVwlkv+WT4c1+MCpvAt9r0SOzK8U15M/b3YB/UHLt/qL8S9Hz8DAAAAAAAAAAAAAHBjPwiDQeCKjuCEAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: contain;
    content: "";
    height: 22px;
    margin: 0 0 0 10px;
    transition: transform .4s ease-in-out;
    width: 23px
}

@media only screen and (max-width:1024px) {
    .connect-select-title:after {
        margin: 0 0 0 5px
    }
}

.connect-select.open .connect-select-title:after {
    transform: rotate(180deg)
}

.connect-select-content {
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 19px;
    box-shadow: 3px 3px 0 #000;
    display: none;
    position: absolute;
    right: 0;
    top: 62px;
    width: 320px
}

.connect-select.open .connect-select-content {
    display: block
}

@media only screen and (max-width:1024px) {
    .connect-select-content {
        top: 46px
    }
}

@media only screen and (max-width:360px) {
    .connect-select-content {
        width: 253px
    }
}

.connect-select-content ul {
    margin: 0;
    padding: 17px 22px
}

.connect-select-content ul li {
    margin: 0 0 17px
}

.connect-select-content ul li:last-child {
    margin: 0
}

.connect-select-content ul li>a:hover:before {
    display: none
}

.connect-select .btn-icon {
    align-items: center;
    display: flex;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    width: 100%
}

.connect-select .btn-icon:hover:before {
    transform: scale(1.1)
}

.connect-select .btn-icon.btn-account:before {
    background-size: contain;
    background: url(/static/media/user.b779950e03f3bbbc8c7c.svg) 0 0 no-repeat;
    height: 25.5px;
    width: 25.5px
}

.connect-select .btn-icon:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABQCAYAAACgVNM/AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG5SURBVHgB7dzhTYNAGMbxp7qAbnAjuIF1AzfDDVxBJ2AEugFuYDfAu9KLzaMCytt49/b5Ja8x2g/knysBAgD2tnGaOH2codDp4jzHCTijmzhPAIbKpjluu3mMDsBQ6XQwjlLjyvhupWCD9QLG/YUHD9dYL5W9gw/7K6znJUbyaPGVGeCIxQpxRUGIghAFIQpCFIQoCFEQkoOko802zjvGA630e8CFCvgMcTrpb0sOy0s/i/3tHFbDT/9scWFBNpg+F9nHucV8EDfmguTPTNHJnWcKQhSEKAhREKIgREGIghAFIQpCFIQoCFEQoiBEQYiCEAUhCkIUhCgIURCiIERBiIIQBSEKQhSEKAhREKIgREGIghAFIQpCFIQoCLEI8gY/dhZBXuDHLv2YvbN3xhZ/uEG20AkWQZLmHzbeeg4PMlsFcfWou0WQHKXGlfLlZQhWQbKA8VUUJa+Y/hjinjfe4l53V3RgRhSEKAhREKIgREGIgpAlQUo9uDqdFobPGfcABgez9DnjSWmFeLmekc+lVklBXuGH2QuiPFzPyGOi9usZeVoYqvV6Rp60Uw04g4Dyr2dwiBZG+48P6qxs0M6W9WMAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: contain;
    content: "";
    height: 22px;
    margin: 0 8px 0 0;
    width: 22px
}

.connect-select .btn-update {
    background: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    height: 50px;
    margin: 0 -4px 0 -10px;
    width: calc(100% + 14px)
}

.connect-select .btn-update:hover {
    background: #fff
}

.connect-select .btn-update:before {
    display: none
}

.connect-select .btn-change-wallet:before {
    background: url(/static/media/changewallet.bd7c9f83a606ee0bd211.svg) -3px 0 no-repeat;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px
}

.connect-select .btn-disconnect:before {
    background: url(/static/media/disconnect-icon.3512b5dbc5fbf7764b4d.svg) 0 0 no-repeat;
    margin: 0 8px 0 0
}

.connect-select .wallet-copied {
    color: #008126
}

.connect-name {
    align-items: center;
    border-bottom: 2px solid #000;
    display: flex;
    padding: 2px 22px
}

.connect-name:before {
    background: #00cd3c;
    border: 2px solid #000;
    border-radius: 14px;
    content: "";
    display: block;
    height: 10px;
    margin: 0 7px 0 0;
    width: 10px
}

@media only screen and (max-width:1024px) {
    .connect-wrapper {
        position: absolute;
        right: 15px;
        top: 11px
    }
}

.connect-wrapper .connect.btn {
    box-sizing: border-box;
    height: 52px;
    left: 20px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: auto
}

.connect-wrapper .connect.btn a:hover:before {
    display: none
}

@media only screen and (max-width:1024px) {
    .connect-wrapper .connect.btn {
        background: #f8d748;
        font-size: 16px;
        height: 40px;
        left: auto;
        line-height: 20px;
        padding: 10px 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 1px;
        width: 140px
    }
}

.connect-wrapper .connect.btn:before {
    display: none
}

.mocana-header nav {
    position: -webkit-sticky;
    position: sticky
}

.mocana-header .menu {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 935px
}

.mocana-header .menu .menu-item {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 2px;
    padding: 16px 20px
}

.mocana-header .menu .menu-item a:hover:before {
    display: none
}

.mocana-header .menu .menu-item.connect a {
    background: #f47474;
    padding: 8px 16px
}

.mocana-header .menu .menu-item.connect a:hover:before {
    display: none
}

.mocana-header .menu .menu-item:hover {
    background: #d9d9d9
}

.mocana-header .menu .menu-item.dropdown {
    position: relative
}

.mocana-header .menu .menu-item.dropdown .dropdown-content {
    background: #d9d9d9;
    display: none;
    left: 50%;
    padding: 12px;
    position: absolute;
    text-align: center;
    top: 100%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: max-content
}

.mocana-header .menu .menu-item.dropdown .dropdown-content .dropdown-item {
    font-size: 1rem;
    padding: 10px
}

.mocana-header .menu .menu-item.dropdown .dropdown-content .dropdown-item:active,
.mocana-header .menu .menu-item.dropdown .dropdown-content .dropdown-item:hover,
.mocana-header .menu .menu-item.dropdown .dropdown-content .dropdown-item:hover a {
    color: #f47474
}

.mocana-header .menu .menu-item.dropdown:hover .dropdown-content {
    display: block
}

header nav .nav-dashboard {
    max-width: 978px
}

header nav .nav-dashboard.desktop {
    border: 2px solid #000;
    border-top: 0
}

header nav .nav-dashboard .home img {
    width: 224px
}

@media only screen and (max-width:1024px) {
    header nav .mobile.open .nav-dashboard {
        border: 2px solid #000;
        border-radius: 0 0 25px 25px;
        border-top: 0;
        height: auto;
        margin: 0 -2px;
        width: calc(100% + 4px)
    }

    header nav .mobile.open .nav-dashboard .social-btn {
        margin-bottom: -32px
    }
}

.connect-select-content .connect-dashboard {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 28px;
    width: 100%
}

.connect-select-content .connect-dashboard .link,
.connect-select-content .connect-dashboard a {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px
}

.connect-select-content .connect-dashboard-items {
    padding: 5px 0 0
}

.connect-select-content .connect-dashboard-item {
    margin: 0 0 6px
}

.connect-select-content .connect-dashboard-item .link,
.connect-select-content .connect-dashboard-item a {
    font-weight: 500
}

.nav-group {
    position: relative
}

.nav-group.moca-box:hover:before {
    height: 36.5px;
    width: 36.5px
}

.nav-group.moca-box .nav-group-item-experience {
    display: none
}

.nav-group:hover .nav-group-items,
.nav-group:hover .nav-group-link:after {
    display: block
}

.nav-group-items {
    background: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 3px 3px 0 #000;
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 38px;
    width: 270px;
    z-index: 1
}

@media only screen and (max-width:1024px) {
    .nav-group-items {
        background: #fff;
        border: 0;
        border-bottom: 0;
        border-radius: 0 0 25px 25px;
        box-shadow: none;
        display: none;
        flex-wrap: wrap;
        left: 0;
        margin: 24px -21px 1px;
        overflow: visible;
        padding: 0;
        position: relative;
        top: 0;
        width: calc(100% + 46px)
    }
}

.nav-group-link {
    position: relative
}

.nav-group-link:after {
    bottom: -14px;
    content: "";
    display: none;
    height: 16px;
    position: absolute;
    right: 0;
    width: 100%
}

.nav-group-link-icon {
    display: inline-flex;
    margin: 0 0 0 2px
}

@media only screen and (max-width:1024px) {
    .nav-group-item {
        width: 100%
    }
}

.nav-group-item:first-child .nav-group-item-label {
    border-top: 0
}

.nav-group-item-label {
    background: #0000;
    border-top: 2px solid #000;
    color: #1c4d69;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    opacity: .75;
    padding: 12px 15px 0
}

@media only screen and (max-width:1024px) {
    .nav-group-item-label {
        background: none;
        border: 0;
        color: #0080ce;
        font-size: 16px;
        min-height: 0;
        padding: 2px 20px
    }
}

.nav-group-sub-items {
    margin: 8px 0 21px
}

header nav .mobile.open .mobile-nav .nav-group-sub-items {
    margin: 0 0 24px
}

header nav .mobile.open .nav-group-item:last-child .nav-group-sub-items {
    margin: 0
}

.nav-group-sub-items li {
    padding: 4px 0 4px 16px
}

.mocabox header nav .mobile li .nav-group-sub-items li,
.mocabox header nav .mobile.open li .nav-group-sub-items li,
.mocana-page header nav .mobile li .nav-group-sub-items li,
.mocana-page header nav .mobile.open li .nav-group-sub-items li,
.neo-depot header nav .mobile li .nav-group-sub-items li,
.neo-depot header nav .mobile.open li .nav-group-sub-items li,
.user-board header nav .mobile li .nav-group-sub-items li,
.user-board header nav .mobile.open li .nav-group-sub-items li {
    border: 0;
    padding: 5px 20px
}

.nav-group-sub-items li:hover {
    background: #e4eff1
}

header nav .desktop li:not(:first-child):hover .nav-group-sub-items a {
    transform: scale(1)
}

.nav-group-sub-items a,
header nav .nav-group-sub-items a {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 20px;
    padding: 0 20px 0 0;
    position: relative;
    width: 100%
}

.nav-group-sub-items a:hover,
header nav .nav-group-sub-items a:hover {
    transform: scale(1.03) !important
}

@media only screen and (max-width:1024px) {

    .nav-group-sub-items a:hover,
    header nav .nav-group-sub-items a:hover {
        transform: scale(1) !important;
        width: auto
    }

    .nav-group-sub-items a:hover:before,
    header nav .nav-group-sub-items a:hover:before {
        display: block !important
    }
}

.nav-group-sub-items a:hover:before,
header nav .nav-group-sub-items a:hover:before {
    display: none
}

.nav-group-sub-items a:hover .nav-group-sub-item-icon,
header nav .nav-group-sub-items a:hover .nav-group-sub-item-icon {
    right: -10px
}

.nav-group-item-experience {
    border-top: 1px solid #000;
    display: flex;
    justify-content: center;
    padding: 10px 0 13px
}

.nav-group-item-experience:hover {
    background: #e4eff1
}

.nav-group-item-experience a {
    color: #0080ce;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.nav-group-item-experience a:hover {
    text-decoration: none
}

.nav-group-item-experience a:hover:before {
    display: none
}

.nav-group-sub-item-icon {
    display: inline-flex;
    margin: 0 0 0 5px
}

.campaign-page header nav .nav-dashboard,
.dustland-page header nav .nav-dashboard,
.japan-week-page header nav .nav-dashboard,
.mocabox header nav .nav-dashboard,
.mocana-page header nav .nav-dashboard,
.neo-depot header nav .nav-dashboard,
.user-board header nav .nav-dashboard {
    max-width: 1192px
}

.campaign-page header nav .mobile .mobile-btn,
.dustland-page header nav .mobile .mobile-btn,
.japan-week-page header nav .mobile .mobile-btn,
.mocabox header nav .mobile .mobile-btn,
.mocana-page header nav .mobile .mobile-btn,
.neo-depot header nav .mobile .mobile-btn,
.user-board header nav .mobile .mobile-btn {
    height: 32px
}

.campaign-page header nav .mobile .mobile-moca-icon,
.dustland-page header nav .mobile .mobile-moca-icon,
.japan-week-page header nav .mobile .mobile-moca-icon,
.mocabox header nav .mobile .mobile-moca-icon,
.mocana-page header nav .mobile .mobile-moca-icon,
.neo-depot header nav .mobile .mobile-moca-icon,
.user-board header nav .mobile .mobile-moca-icon {
    border: 0;
    border-radius: 0;
    height: 29px;
    margin: 0 10px 0 35px;
    width: 120px
}

.campaign-page header nav .mobile li,
.dustland-page header nav .mobile li,
.japan-week-page header nav .mobile li,
.mocabox header nav .mobile li,
.mocana-page header nav .mobile li,
.neo-depot header nav .mobile li,
.user-board header nav .mobile li {
    flex-wrap: wrap
}

.campaign-page header nav .mobile.open .mobile-nav .nav-group-sub-items,
.dustland-page header nav .mobile.open .mobile-nav .nav-group-sub-items,
.japan-week-page header nav .mobile.open .mobile-nav .nav-group-sub-items,
.mocabox header nav .mobile.open .mobile-nav .nav-group-sub-items,
.mocana-page header nav .mobile.open .mobile-nav .nav-group-sub-items,
.neo-depot header nav .mobile.open .mobile-nav .nav-group-sub-items,
.user-board header nav .mobile.open .mobile-nav .nav-group-sub-items {
    margin-bottom: 12px
}

.campaign-page header nav .mobile.open .mobile-nav .nav-group-sub-items li,
.dustland-page header nav .mobile.open .mobile-nav .nav-group-sub-items li,
.japan-week-page header nav .mobile.open .mobile-nav .nav-group-sub-items li,
.mocabox header nav .mobile.open .mobile-nav .nav-group-sub-items li,
.mocana-page header nav .mobile.open .mobile-nav .nav-group-sub-items li,
.neo-depot header nav .mobile.open .mobile-nav .nav-group-sub-items li,
.user-board header nav .mobile.open .mobile-nav .nav-group-sub-items li {
    border-top: 0;
    padding-bottom: 10px;
    padding-top: 10px
}

.campaign-page header nav .mobile.open .mobile-nav li,
.dustland-page header nav .mobile.open .mobile-nav li,
.japan-week-page header nav .mobile.open .mobile-nav li,
.mocabox header nav .mobile.open .mobile-nav li,
.mocana-page header nav .mobile.open .mobile-nav li,
.neo-depot header nav .mobile.open .mobile-nav li,
.user-board header nav .mobile.open .mobile-nav li {
    padding: 22px 20px
}

.campaign-page header nav .mobile.open .mobile-nav li.home,
.dustland-page header nav .mobile.open .mobile-nav li.home,
.japan-week-page header nav .mobile.open .mobile-nav li.home,
.mocabox header nav .mobile.open .mobile-nav li.home,
.mocana-page header nav .mobile.open .mobile-nav li.home,
.neo-depot header nav .mobile.open .mobile-nav li.home,
.user-board header nav .mobile.open .mobile-nav li.home {
    display: none
}

.campaign-page header nav .mobile.open .mobile-nav li.nav-group,
.dustland-page header nav .mobile.open .mobile-nav li.nav-group,
.japan-week-page header nav .mobile.open .mobile-nav li.nav-group,
.mocabox header nav .mobile.open .mobile-nav li.nav-group,
.mocana-page header nav .mobile.open .mobile-nav li.nav-group,
.neo-depot header nav .mobile.open .mobile-nav li.nav-group,
.user-board header nav .mobile.open .mobile-nav li.nav-group {
    box-shadow: 1px 1px 0 #000;
    padding: 20px;
    position: relative
}

.campaign-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover .nav-group-link-icon,
.campaign-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-link-icon,
.campaign-page header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-link-icon,
.dustland-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover .nav-group-link-icon,
.dustland-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-link-icon,
.dustland-page header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-link-icon,
.japan-week-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover .nav-group-link-icon,
.japan-week-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-link-icon,
.japan-week-page header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-link-icon,
.mocabox header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover .nav-group-link-icon,
.mocabox header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-link-icon,
.mocabox header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-link-icon,
.mocana-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover .nav-group-link-icon,
.mocana-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-link-icon,
.mocana-page header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-link-icon,
.neo-depot header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover .nav-group-link-icon,
.neo-depot header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-link-icon,
.neo-depot header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-link-icon,
.user-board header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover .nav-group-link-icon,
.user-board header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-link-icon,
.user-board header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-link-icon {
    transform: rotate(180deg)
}

.campaign-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-items,
.campaign-page header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-items,
.dustland-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-items,
.dustland-page header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-items,
.japan-week-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-items,
.japan-week-page header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-items,
.mocabox header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-items,
.mocabox header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-items,
.mocana-page header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-items,
.mocana-page header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-items,
.neo-depot header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-items,
.neo-depot header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-items,
.user-board header nav .mobile.open .mobile-nav li.nav-group .nav-group-link:hover~.nav-group-items,
.user-board header nav .mobile.open .mobile-nav li.nav-group.show .nav-group-items {
    display: block
}

.campaign-page header nav .mobile.open .mobile-nav li a,
.dustland-page header nav .mobile.open .mobile-nav li a,
.japan-week-page header nav .mobile.open .mobile-nav li a,
.mocabox header nav .mobile.open .mobile-nav li a,
.mocana-page header nav .mobile.open .mobile-nav li a,
.neo-depot header nav .mobile.open .mobile-nav li a,
.user-board header nav .mobile.open .mobile-nav li a {
    justify-content: flex-start
}

.campaign-page header nav .mobile.open .mobile-nav .social-btn,
.dustland-page header nav .mobile.open .mobile-nav .social-btn,
.japan-week-page header nav .mobile.open .mobile-nav .social-btn,
.mocabox header nav .mobile.open .mobile-nav .social-btn,
.mocana-page header nav .mobile.open .mobile-nav .social-btn,
.neo-depot header nav .mobile.open .mobile-nav .social-btn,
.user-board header nav .mobile.open .mobile-nav .social-btn {
    border-radius: 0 0 25px 25px
}

.campaign-page header nav .mobile span.nav-group-link-icon,
.dustland-page header nav .mobile span.nav-group-link-icon,
.japan-week-page header nav .mobile span.nav-group-link-icon,
.mocabox header nav .mobile span.nav-group-link-icon,
.mocana-page header nav .mobile span.nav-group-link-icon,
.neo-depot header nav .mobile span.nav-group-link-icon,
.user-board header nav .mobile span.nav-group-link-icon {
    height: 10px;
    width: 18px
}

.campaign-page header nav .mobile span.nav-group-sub-item-icon,
.dustland-page header nav .mobile span.nav-group-sub-item-icon,
.japan-week-page header nav .mobile span.nav-group-sub-item-icon,
.mocabox header nav .mobile span.nav-group-sub-item-icon,
.mocana-page header nav .mobile span.nav-group-sub-item-icon,
.neo-depot header nav .mobile span.nav-group-sub-item-icon,
.user-board header nav .mobile span.nav-group-sub-item-icon {
    height: 17px;
    margin: 0 0 0 7px;
    width: 10px
}

@media only screen and (max-width:1024px) {

    .campaign-page header nav .mobile span.nav-group-sub-item-icon,
    .dustland-page header nav .mobile span.nav-group-sub-item-icon,
    .japan-week-page header nav .mobile span.nav-group-sub-item-icon,
    .mocabox header nav .mobile span.nav-group-sub-item-icon,
    .mocana-page header nav .mobile span.nav-group-sub-item-icon,
    .neo-depot header nav .mobile span.nav-group-sub-item-icon,
    .user-board header nav .mobile span.nav-group-sub-item-icon {
        display: none
    }
}

.campaign-page header nav .desktop .nav-group-sub-items,
.dustland-page header nav .desktop .nav-group-sub-items,
.japan-week-page header nav .desktop .nav-group-sub-items,
.mocabox header nav .desktop .nav-group-sub-items,
.mocana-page header nav .desktop .nav-group-sub-items,
.neo-depot header nav .desktop .nav-group-sub-items,
.user-board header nav .desktop .nav-group-sub-items {
    margin-bottom: 10px
}

.campaign-page header nav .desktop .nav-group-items .nav-group-item-label,
.dustland-page header nav .desktop .nav-group-items .nav-group-item-label,
.japan-week-page header nav .desktop .nav-group-items .nav-group-item-label,
.mocabox header nav .desktop .nav-group-items .nav-group-item-label,
.mocana-page header nav .desktop .nav-group-items .nav-group-item-label,
.neo-depot header nav .desktop .nav-group-items .nav-group-item-label,
.user-board header nav .desktop .nav-group-items .nav-group-item-label {
    border-top: 0
}

.socials-links {
    bottom: 0;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAALhSURBVDhPjZTfSxRRFMfP7K/Z2R13tbZ2S7dVyRQfRCFIjKCgHyAVvmRWEEgERdBD/0U99BAEEURBEcE+LFnkQz9IDBMkCsweCiUJNTWp3F13d3Z2bt8zsxa7zEhf+LD3nDv33HPOvXcJGgMCTIEtoB10gxnAfv7tARtKvKhPiDafzAsWQAkYLV6fmIg3i341JCSiJfjagK1coLhSKtHVzVE2YhfDdS4gLZZ0KghB1yIx6vEHOMObQOZFdnp0QAmKhaZW0RtURafsFzONLWKvPyCOBFQxD//L+kYRlFx5fLvPWlIpZErdyGBspKFJ0rBz7/wsJWNx2uXzUdowKO7xoj5Bp7/P0Ugu+wTf9wGDF6/LDZbQjH5EiwzUhKkBizpkP0XcHgq7eJprlijqdlMqk45idQquFXOiLO7JLb8kNS2iL6wTaohiCFCtLlmhZq+3FsOTluefeKvU3Wi951yojhDM8tpIxtxvlPcmv5aAeQ8UzAmIg1z6puvBj1qeOnx+qnFxcvbahlKTmVUVpzYKc9ryWkGez5d0z6RWCMzqxchxlOOUjyq5aDyfc3/ViwrMpOW1evIBnAdXRvNrIm1YvbGTByUNhmp5k4MwGy2vFWRdr7OG8RMnUDbttcevUMLjDWF41PJUBsmBB4+zq+a9cBIf++GAyhVfAOYxVncx+a6QLy2Xj9tJZ1GST5J2Ymg+zOog47i1cw/Tv8qmvXbglHbLig/DM2xXB9HBneFshvgJOAlZmJcSGgB11UFYQ580TcNxl0179QZr8DTcKoZ91uOo1DK/Jey2db8SdLwznM1nTZOmtMImu0y4q7dfrWVFTlQ8VlNc5A80PpVZpYkCHyh1Om3UihTfP92eULrwolk6eoTnQffR9KFsWszpxRUEfIapG+YHNuIM355Sw2I60SLw/yIO4Q8K70qD/wu4DP7e2I00iItltOO/FxE572FwDAR48n8VB5PgOugADqUT/QF6JfFwKDt+6QAAAABJRU5ErkJggg==), auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.socials-links img {
    max-width: 28px;
    width: 100%
}

.socials-links ul {
    align-content: center;
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 20px 0 0 20px;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAALhSURBVDhPjZTfSxRRFMfP7K/Z2R13tbZ2S7dVyRQfRCFIjKCgHyAVvmRWEEgERdBD/0U99BAEEURBEcE+LFnkQz9IDBMkCsweCiUJNTWp3F13d3Z2bt8zsxa7zEhf+LD3nDv33HPOvXcJGgMCTIEtoB10gxnAfv7tARtKvKhPiDafzAsWQAkYLV6fmIg3i341JCSiJfjagK1coLhSKtHVzVE2YhfDdS4gLZZ0KghB1yIx6vEHOMObQOZFdnp0QAmKhaZW0RtURafsFzONLWKvPyCOBFQxD//L+kYRlFx5fLvPWlIpZErdyGBspKFJ0rBz7/wsJWNx2uXzUdowKO7xoj5Bp7/P0Ugu+wTf9wGDF6/LDZbQjH5EiwzUhKkBizpkP0XcHgq7eJprlijqdlMqk45idQquFXOiLO7JLb8kNS2iL6wTaohiCFCtLlmhZq+3FsOTluefeKvU3Wi951yojhDM8tpIxtxvlPcmv5aAeQ8UzAmIg1z6puvBj1qeOnx+qnFxcvbahlKTmVUVpzYKc9ryWkGez5d0z6RWCMzqxchxlOOUjyq5aDyfc3/ViwrMpOW1evIBnAdXRvNrIm1YvbGTByUNhmp5k4MwGy2vFWRdr7OG8RMnUDbttcevUMLjDWF41PJUBsmBB4+zq+a9cBIf++GAyhVfAOYxVncx+a6QLy2Xj9tJZ1GST5J2Ymg+zOog47i1cw/Tv8qmvXbglHbLig/DM2xXB9HBneFshvgJOAlZmJcSGgB11UFYQ580TcNxl0179QZr8DTcKoZ91uOo1DK/Jey2db8SdLwznM1nTZOmtMImu0y4q7dfrWVFTlQ8VlNc5A80PpVZpYkCHyh1Om3UihTfP92eULrwolk6eoTnQffR9KFsWszpxRUEfIapG+YHNuIM355Sw2I60SLw/yIO4Q8K70qD/wu4DP7e2I00iItltOO/FxE572FwDAR48n8VB5PgOugADqUT/QF6JfFwKDt+6QAAAABJRU5ErkJggg==), auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-height: 187px;
    padding: 12px 0;
    width: 46px
}

.socials-links ul.bg-white {
    background: #fff
}

.socials-links ul li {
    align-items: center;
    border-bottom: 0;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAALhSURBVDhPjZTfSxRRFMfP7K/Z2R13tbZ2S7dVyRQfRCFIjKCgHyAVvmRWEEgERdBD/0U99BAEEURBEcE+LFnkQz9IDBMkCsweCiUJNTWp3F13d3Z2bt8zsxa7zEhf+LD3nDv33HPOvXcJGgMCTIEtoB10gxnAfv7tARtKvKhPiDafzAsWQAkYLV6fmIg3i341JCSiJfjagK1coLhSKtHVzVE2YhfDdS4gLZZ0KghB1yIx6vEHOMObQOZFdnp0QAmKhaZW0RtURafsFzONLWKvPyCOBFQxD//L+kYRlFx5fLvPWlIpZErdyGBspKFJ0rBz7/wsJWNx2uXzUdowKO7xoj5Bp7/P0Ugu+wTf9wGDF6/LDZbQjH5EiwzUhKkBizpkP0XcHgq7eJprlijqdlMqk45idQquFXOiLO7JLb8kNS2iL6wTaohiCFCtLlmhZq+3FsOTluefeKvU3Wi951yojhDM8tpIxtxvlPcmv5aAeQ8UzAmIg1z6puvBj1qeOnx+qnFxcvbahlKTmVUVpzYKc9ryWkGez5d0z6RWCMzqxchxlOOUjyq5aDyfc3/ViwrMpOW1evIBnAdXRvNrIm1YvbGTByUNhmp5k4MwGy2vFWRdr7OG8RMnUDbttcevUMLjDWF41PJUBsmBB4+zq+a9cBIf++GAyhVfAOYxVncx+a6QLy2Xj9tJZ1GST5J2Ymg+zOog47i1cw/Tv8qmvXbglHbLig/DM2xXB9HBneFshvgJOAlZmJcSGgB11UFYQ580TcNxl0179QZr8DTcKoZ91uOo1DK/Jey2db8SdLwznM1nTZOmtMImu0y4q7dfrWVFTlQ8VlNc5A80PpVZpYkCHyh1Om3UihTfP92eULrwolk6eoTnQffR9KFsWszpxRUEfIapG+YHNuIM355Sw2I60SLw/yIO4Q8K70qD/wu4DP7e2I00iItltOO/FxE572FwDAR48n8VB5PgOugADqUT/QF6JfFwKDt+6QAAAABJRU5ErkJggg==), auto;
    display: flex;
    flex-direction: column;
    height: 42px;
    justify-content: center;
    width: 46px
}

.socials-links ul li:last-child {
    height: 46px
}

.socials-links ul li .socials {
    align-items: center;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .socials-links {
        display: none
    }
}

.timer {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.intro {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding: 0;
    position: relative;
    scroll-snap-align: start;
    width: 100vw
}

@media only screen and (max-width:900px) {
    .intro {
        box-sizing: border-box;
        height: auto;
        justify-content: flex-start;
        min-height: 0;
        padding: 0
    }
}

.intro.orbit-rings {
    background-image: url(/static/media/hero_ring.47f2cb49347766cb26a4.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.intro.orbit-rings.error .home-logo-counter-block {
    justify-content: center
}

.intro.orbit-rings.error .home-logo-counter-block .home-wrapper {
    align-items: center
}

.intro.orbit-rings.error .hero-banner {
    max-width: 100%;
    padding: 1rem
}

@media only screen and (min-width:768px) {
    .intro.orbit-rings.error .hero-banner {
        display: none
    }
}

.intro.orbit-rings.error .hero-banner img {
    max-width: 100%
}

@media only screen and (min-width:1440px) {
    .intro.orbit-rings {
        background-size: 100%
    }
}

@media only screen and (max-width:900px) {
    .intro.orbit-rings {
        background-image: none
    }
}

.intro__wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1226px;
    min-height: 800px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:1440px) {
    .intro__wrapper {
        min-height: 670px
    }
}

@media only screen and (max-width:900px) {
    .intro__wrapper {
        min-height: 0
    }
}

.intro .home-logo-counter-block {
    align-items: center;
    background-color: #0000;
    display: flex;
    height: 100%;
    justify-content: space-between;
    left: 0;
    margin: 0 auto;
    min-height: 750px;
    padding: 188px 0;
    position: relative;
    right: 0;
    top: 0
}

.intro .home-logo-counter-block .hero-banner {
    position: absolute;
    right: 0;
    top: 188px
}

.intro .home-logo-counter-block .hero-banner img {
    max-width: 746px;
    width: 100%
}

@media only screen and (max-width:1200px) {
    .intro .home-logo-counter-block {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width:992px) {
    .intro .home-logo-counter-block {
        background-position: 50% -100px;
        background-size: cover;
        flex-direction: column;
        justify-content: center;
        max-width: 100vw;
        min-height: 0;
        padding: 0
    }

    .intro .home-logo-counter-block .hero-banner {
        margin-top: 124px;
        order: 1;
        position: static
    }

    .intro .home-logo-counter-block .hero-banner img {
        max-width: 336px
    }

    .intro .home-logo-counter-block .home-wrapper {
        order: 2
    }
}

.intro .learn-realm {
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 8%;
    width: 450px
}

@media only screen and (max-width:1440px) {
    .intro .learn-realm {
        left: 10%;
        top: 140px;
        width: 290px
    }
}

@media only screen and (max-width:900px) {
    .intro .learn-realm {
        display: none
    }
}

.intro .learn-realm .text {
    left: -14px;
    max-width: 200px;
    position: absolute;
    top: -45px;
    z-index: 1
}

.intro .dogood-realm {
    display: block;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 381px
}

@media only screen and (max-width:1440px) {
    .intro .dogood-realm {
        right: 9%;
        top: 80px;
        width: 290px
    }
}

@media only screen and (max-width:900px) {
    .intro .dogood-realm {
        display: none
    }
}

.intro .dogood-realm .text {
    left: 0;
    max-width: 200px;
    position: absolute;
    top: 0;
    z-index: 1
}

.intro .invest-realm {
    bottom: -22%;
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    transform: rotate(23deg);
    width: 460px
}

@media only screen and (max-width:1440px) {
    .intro .invest-realm {
        left: 8%;
        top: 400px;
        width: 290px
    }
}

@media only screen and (max-width:900px) {
    .intro .invest-realm {
        display: none
    }
}

.intro .invest-realm .text {
    max-width: 200px;
    position: absolute;
    right: 90px;
    top: -66px;
    transform: rotate(26deg);
    z-index: 1
}

@media only screen and (max-width:1440px) {
    .intro .invest-realm .text {
        right: -20px
    }
}

.intro .play-realm {
    bottom: 0;
    display: block;
    height: auto;
    position: absolute;
    right: 0;
    width: 367px
}

@media only screen and (max-width:1440px) {
    .intro .play-realm {
        right: 10%;
        top: 400px;
        width: 290px
    }
}

@media only screen and (max-width:900px) {
    .intro .play-realm {
        display: none
    }
}

.intro .play-realm .text {
    left: -41px;
    max-width: 200px;
    position: absolute;
    top: -27px;
    transform: rotate(-13deg);
    z-index: 1
}

.intro .home-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 534px;
    min-height: 559px;
    z-index: 99
}

.intro .home-wrapper .home-logo {
    display: block;
    margin: 0 0 30px;
    max-width: 320px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .intro .home-wrapper .home-logo {
        display: none
    }
}

.intro .home-wrapper .home-title {
    color: #00d1ff;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 20px;
    text-align: start
}

.intro .home-wrapper .home-countdown {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px
}

.intro .home-wrapper .home-moca-counter {
    box-sizing: border-box;
    margin: 0 auto 20px;
    padding: 0 20px;
    width: 300px
}

@media only screen and (max-width:900px) {
    .intro .home-wrapper .home-moca-counter {
        margin: 0 auto 17px
    }
}

.intro .home-wrapper .home-moca-counter .text {
    color: #fff
}

.intro .home-wrapper .home-moca-counter .home-moca-counter-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px 0 18px
}

.intro .home-wrapper .home-moca-counter .counter {
    align-items: center;
    background-image: url(/static/media/countdown.3d7351bc3e15147f9a0a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: Montserrat;
    font-size: 43px;
    font-style: normal;
    font-weight: 700;
    height: 89px;
    justify-content: center;
    line-height: 38px;
    margin: 0 2px;
    width: 75px
}

.intro .home-wrapper .btn.signup {
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    margin: 30px auto 0;
    width: 100px
}

.intro .home-wrapper .btn.signup:before {
    display: none
}

.intro .home-wrapper .btn-mint {
    margin: 0 auto 29px;
    width: 250px
}

.intro .home-wrapper .btn-check-eligibility {
    margin: 0 auto 29px;
    width: auto
}

@media only screen and (max-width:900px) {
    .intro .home-wrapper {
        margin: 27px 12px 0;
        min-height: 0;
        min-height: auto
    }

    .intro .home-wrapper .home-title {
        color: #00d1ff;
        font-size: 28px;
        font-weight: 700;
        line-height: 34px;
        text-align: center
    }
}

.intro .signup-info {
    align-content: center;
    align-items: center;
    background: #000000b3;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    margin: 20px auto 65px;
    max-width: 410px;
    padding: 5px 20px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:900px) {
    .intro .signup-info {
        font-size: 14px;
        font-weight: 500;
        margin: 20px auto 25px
    }
}

.intro .signup-info.eligible-success {
    margin: 20px auto 45px;
    max-width: 347px
}

@media only screen and (max-width:900px) {
    .intro .signup-info.eligible-success {
        margin: 20px auto 17px
    }
}

.intro .signup-info.error {
    color: #ff4141;
    color: var(--error-color)
}

.intro .socials-links-mobile {
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    display: none;
    margin: 0 auto
}

@media only screen and (max-width:900px) {
    .intro .socials-links-mobile {
        display: block;
        margin-bottom: 12px
    }
}

.intro .socials-links-mobile ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    margin: 0
}

.intro .socials-links-mobile li {
    padding: 0 8px
}

.intro .socials-links-mobile a {
    display: block;
    width: 27px
}

.intro .socials-links-mobile a img {
    width: 100%
}

.intro .count-down {
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin: 0 0 20px
}

@media only screen and (max-width:900px) {
    .intro .count-down {
        margin: 0 0 22px
    }
}

.intro .count-down_item {
    align-items: center;
    display: flex
}

.intro .count-down_item:after {
    content: ":";
    margin: 0 4px
}

.intro .count-down_item:last-child:after {
    content: "";
    margin: 0
}

@media only screen and (max-width:900px) {
    .intro.comingsoon .home-wrapper {
        margin-bottom: 27px
    }
}

.intro.comingsoon .home-wrapper .home-logo {
    max-width: 425px
}

@media only screen and (max-width:900px) {
    .intro.comingsoon .home-wrapper .home-logo {
        margin: 130px auto 45px;
        max-width: 338x
    }
}

.intro .comingsoon-logo {
    margin: 0 0 65px;
    max-width: 420px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .intro .comingsoon-logo {
        margin: 0 0 55px;
        width: 284px
    }
}

.intro .comingsoon-info {
    align-items: center;
    background: #000000b3;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    margin: 0 auto 20px;
    max-width: 346px;
    min-height: 50px;
    padding: 5px 20px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:900px) {
    .intro .comingsoon-info {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }

    .intro.sold-out .home-wrapper .home-logo {
        margin: 164px auto 38px;
        max-width: 338px
    }
}

.intro-note {
    margin: 0 auto;
    max-width: 393px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:900px) {
    .intro-note {
        max-width: 288px
    }
}

.intro-note:hover .intro-note-content {
    top: 65px;
    visibility: visible
}

@media only screen and (max-width:900px) {
    .intro-note:hover .intro-note-content {
        top: 46px
    }
}

.intro-note-content {
    background: #9ddaff;
    border-radius: 0 0 60px 0;
    font-size: 14px;
    font-weight: 600;
    left: 0;
    line-height: 17px;
    min-height: 160px;
    padding: 20px 10px;
    position: absolute;
    top: 75px;
    transition: all .4s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 99
}

@media only screen and (max-width:900px) {
    .intro-note-content {
        font-size: 10px;
        line-height: 15px;
        min-height: 118px;
        padding: 6px 15px;
        top: 56px
    }
}

.intro-note-content:before {
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .intro-note-content:before {
        height: 11px;
        top: -11px
    }
}

.intro-note-content p:last-child {
    margin: 0
}

.intro-note-arrow {
    border-bottom: 12px solid #9ddaff;
    border-left: 17px solid #0000;
    border-right: 17px solid #0000;
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: -12px;
    transform: translateX(-50%);
    width: 0
}

@media only screen and (max-width:900px) {
    .intro-note-arrow {
        border-bottom-width: 8px;
        top: -8px
    }
}

.intro-note-content .intro-note-text:last-child,
.intro-note-text {
    margin: 20px 10px
}

.btn-intro-note {
    align-content: center;
    align-items: center;
    background: #000000b3;
    border-radius: 5px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-family: Montserrat;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    justify-content: center;
    line-height: 32px;
    min-height: 50px;
    text-decoration-line: underline;
    width: 100%
}

@media only screen and (max-width:900px) {
    .btn-intro-note {
        font-size: 14px;
        font-weight: 500;
        line-height: 8px;
        min-height: 35px
    }
}

.btn-intro-note-icon {
    margin: 4px 7px 0 0
}

@media only screen and (max-width:900px) {
    .btn-intro-note-icon {
        margin: 0 8px 0 0
    }
}

.eligible-not.errorWrap {
    margin: 20px auto 60px;
    max-width: 346px
}

@media only screen and (max-width:900px) {
    .eligible-not.errorWrap {
        margin: 20px auto
    }
}

.sold-out-logo {
    margin: 0 0 18px
}

@media only screen and (max-width:900px) {
    .sold-out-logo {
        margin: 10px 0 7px;
        max-width: 325px;
        width: 100%
    }
}

.sold-out-info {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    text-align: start;
    width: 100%;
    word-break: break-word
}

.sold-out-info p {
    margin-bottom: 30px
}

.sold-out-info p.visit-marketplace {
    margin-bottom: 0
}

@media only screen and (max-width:900px) {
    .sold-out-info {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        margin: 0 0 30px;
        text-align: center
    }
}

.sold-out-info a {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 4px 0 #000;
    color: #000;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 9px 18px;
    text-decoration: none;
    text-decoration: initial
}

.sold-out-info a:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.sold-out-info a img {
    margin-right: 5px
}

.audio-player {
    bottom: 0;
    color: #fff;
    height: 40px;
    left: 0;
    position: fixed;
    width: 100px
}

.audio-player .audio-player-control {
    height: 100vh
}

.audio-player .audio-player-control,
.audio-player ul {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.audio-player ul {
    height: 45px;
    position: relative;
    transition: .2s ease;
    width: 60px
}

.audio-player li {
    background: #fff;
    border-radius: 10px;
    height: 35px;
    list-style: none;
    margin: 0 3px;
    padding: 0;
    width: 4px
}

.audio-player ul.playing li {
    animation-direction: alternate;
    animation-duration: .3s;
    animation-iteration-count: infinite;
    animation-name: wave4;
    transition: .2s ease
}

.audio-player ul.stopped li {
    height: 10px
}

.audio-player li:nth-child(2) {
    animation-delay: .2s;
    animation-name: wave2
}

.audio-player li:nth-child(3) {
    animation-delay: .23s;
    animation-duration: .4s;
    animation-name: wave3
}

.audio-player li:nth-child(4) {
    animation-delay: .1s;
    animation-duration: .3s;
    animation-name: wave4
}

.audio-player li:nth-child(5) {
    animation-delay: .5s
}

.audio-player li:nth-child(6) {
    animation-duration: .5s;
    animation-name: wave2
}

.audio-player li:nth-child(8) {
    animation-delay: .4s;
    animation-duration: .25s;
    animation-name: wave4
}

.audio-player li:nth-child(9) {
    animation-delay: .15s;
    animation-name: wave3
}

.audio-player li:nth-child(10) {
    animation-delay: .5s
}

.audio-player li:nth-child(11) {
    animation-duration: .5s;
    animation-name: wave2
}

.audio-player li:nth-child(12) {
    animation-delay: .4s;
    animation-duration: .25s;
    animation-name: wave3
}

.audio-player li:nth-child(13) {
    animation-delay: .15s;
    animation-name: wave4
}

.audio-player li:nth-child(14),
.audio-player li:nth-child(15) {
    animation-duration: .5s;
    animation-name: wave4
}

.audio-player li:nth-child(15) {
    animation-delay: .1s
}

@keyframes wave1 {
    0% {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(.5)
    }
}

@keyframes wave2 {
    0% {
        transform: scaleY(.3)
    }

    to {
        transform: scaleY(.6)
    }
}

@keyframes wave3 {
    0% {
        transform: scaleY(.6)
    }

    to {
        transform: scaleY(.8)
    }
}

@keyframes wave4 {
    0% {
        transform: scaleY(.2)
    }

    to {
        transform: scaleY(.5)
    }
}

.wrapper-story {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-height: 100vh;
    position: relative;
    width: 100vw
}

@media only screen and (max-width:900px) {
    .wrapper-story {
        height: auto;
        min-height: 100vh
    }
}

.wrapper-story .story-of-mocas-section {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-height: 100vh;
    padding: 90px 0;
    position: relative;
    width: 100vw
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-of-mocas-section {
        box-sizing: border-box;
        height: auto;
        justify-content: flex-start;
        min-height: 0;
        padding: 150px 0 0
    }
}

.wrapper-story .story-of-mocas-section.bg-clouds {
    background-image: url(/static/media/bgclouds1.a05046bd2f45b506bb17.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-of-mocas-section.bg-clouds {
        background-image: none
    }
}

.wrapper-story .story-of-mocas-section.bg-clouds2 {
    background-image: url(/static/media/bgclouds2.41f4eccfd4f6cedc0c26.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-of-mocas-section.bg-clouds2 {
        background-image: none
    }
}

.wrapper-story .story-of-mocas-section.bg-clouds3 {
    background-image: url(/static/media/bgclouds3.01b2a2784c918f74d83a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-of-mocas-section.bg-clouds3 {
        background-image: none
    }
}

.wrapper-story .story-of-mocas-section .orbit-rings {
    background-image: url(/static/media/orbit-rings.8a8115cfc7b63efcbf9a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-of-mocas-section .orbit-rings {
        background-image: none
    }
}

.wrapper-story .story-of-mocas-section .objects {
    background-image: url(/static/media/bg-floating-objects.df9fad6d5a025450e23a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 75%;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-of-mocas-section .objects {
        display: none
    }
}

.wrapper-story .story-intro-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1400px;
    min-height: 800px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-intro-wrapper {
        min-height: 670px
    }
}

.wrapper-story .story-block {
    align-items: center;
    background-color: #0000;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    top: 0
}

.wrapper-story .story-logo {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.wrapper-story .story-content-intro {
    background-image: url(/static/media/storyVector.736d36a2893b0e3dd748.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 548px;
    margin: 0 auto;
    position: relative;
    width: 538px;
    z-index: 1
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-content-intro {
        height: 400px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-content-intro {
        display: none
    }
}

.wrapper-story .story-content-intro .content {
    color: #fff;
    display: block;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    left: 0;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 25%;
    width: 250px
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-content-intro .content {
        font-size: 12px;
        line-height: 20px;
        width: 210px
    }
}

.wrapper-story .story-content-intro-mobile {
    background-image: url(/static/media/what-is-mocaverse-mobile.a1f5276162e2206e8e47.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    height: 537px;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 100%
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-content-intro-mobile {
        display: block
    }
}

.wrapper-story .story-content-intro-mobile .content {
    color: #fff;
    display: block;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    left: 0;
    line-height: 20px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 160px;
    width: 250px
}

.wrapper-story .story-blob-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    min-height: 660px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper {
        max-width: 1000px;
        min-height: 530px
    }
}

.wrapper-story .story-blob-wrapper img {
    margin: 0 auto;
    max-width: 613px;
    position: relative;
    top: 100px;
    width: 100%
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper img {
        max-width: 400px;
        top: 120px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-blob-wrapper img {
        max-width: 300px;
        position: relative;
        top: 0
    }
}

.wrapper-story .story-blob-wrapper .story-blob-1 {
    background-image: url(/static/media/story-blob-1.539566d382a0bb796dc5.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 190px;
    left: 0;
    position: absolute;
    top: 0;
    width: 419px
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper .story-blob-1 {
        width: 356px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-blob-wrapper .story-blob-1 {
        display: none
    }
}

.wrapper-story .story-blob-wrapper .story-blob-1 .content {
    padding-left: 41px;
    padding-right: 64px;
    padding-top: 47px
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper .story-blob-1 .content {
        padding-left: 30px;
        padding-right: 46px;
        padding-top: 31px
    }
}

.wrapper-story .story-blob-wrapper .story-blob-2 {
    background-image: url(/static/media/story-blob-2.5a3904710aa6b87ebe49.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 172px;
    position: absolute;
    right: 0;
    top: 25%;
    width: 380px
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper .story-blob-2 {
        width: 323px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-blob-wrapper .story-blob-2 {
        display: none
    }
}

.wrapper-story .story-blob-wrapper .story-blob-2 .content {
    padding-left: 31px;
    padding-right: 45px;
    padding-top: 40px
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper .story-blob-2 .content {
        padding-left: 27px;
        padding-right: 49px;
        padding-top: 30px
    }
}

.wrapper-story .story-blob-wrapper .story-blob-3 {
    background-image: url(/static/media/story-blob-3.1e3beb7d0c7acefe7284.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -70px;
    height: 244px;
    left: 5%;
    position: absolute;
    width: 431px
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper .story-blob-3 {
        bottom: -67px;
        width: 366px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-blob-wrapper .story-blob-3 {
        display: none
    }
}

.wrapper-story .story-blob-wrapper .story-blob-3 .content {
    padding-left: 38px;
    padding-right: 59px;
    padding-top: 50px
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper .story-blob-3 .content {
        padding-left: 34px;
        padding-right: 57px;
        padding-top: 39px
    }
}

.wrapper-story .story-blob-wrapper .story-blob-mobile {
    background-image: url(/static/media/story-blob-mobile.4e9a750c15186b506b48.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    height: 479px;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 100%
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-blob-wrapper .story-blob-mobile {
        box-sizing: border-box;
        display: block;
        padding: 0 50px
    }
}

.wrapper-story .story-blob-wrapper .story-blob-mobile .content {
    margin: 0 auto;
    max-width: 250px;
    overflow-wrap: break-word;
    padding-top: 110px
}

.wrapper-story .story-blob-wrapper .content {
    color: #fff;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width:1440px) {
    .wrapper-story .story-blob-wrapper .content {
        font-size: 12px;
        line-height: 20px
    }
}

.wrapper-story .story-content {
    position: relative
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-content {
        box-sizing: border-box;
        padding: 0 20px
    }
}

.wrapper-story .story-content .cloud {
    left: -120px;
    position: absolute;
    top: -30px;
    z-index: 0
}

.wrapper-story .story-content .rocket {
    bottom: -50px;
    position: absolute;
    right: -20px;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-content .rocket {
        right: 2px
    }
}

.wrapper-story .story-content .decorations {
    position: absolute;
    right: -20px;
    top: -50px;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-content .decorations {
        right: 2px
    }
}

.wrapper-story .story-content .pinkbg {
    background-color: #ffafff;
    border: 3px solid #000;
    border-radius: 60px 0 60px 0;
    height: auto;
    padding: 20px 40px
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-content .pinkbg {
        border-radius: 40px 0 40px 0
    }
}

.wrapper-story .story-content .yellowboard {
    background-color: #ffde00;
    border: 3px solid #000;
    border-radius: 70px 0 70px 0;
    box-shadow: 0 10px 0 #000;
    padding: .5em;
    position: relative;
    right: 20px
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-content .yellowboard {
        border-radius: 50px 0 50px 0;
        right: 0
    }
}

.wrapper-story .story-content .realm-text {
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    left: 73px;
    line-height: 24px;
    max-width: 726px;
    top: 132px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .wrapper-story .story-content .realm-text {
        font-size: 12px;
        line-height: 20px
    }
}

.wrapper-story .story-content .realm-text p:last-of-type {
    margin-bottom: 0
}

.wrapper-story .themocas {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    margin: 50px auto 0;
    max-width: 1600px;
    width: 100%
}

@media only screen and (max-width:1440px) {
    .wrapper-story .themocas {
        margin: 20px auto 0;
        padding: 0 60px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .themocas {
        padding: 0
    }

    .wrapper-story .themocas.desktop {
        display: none
    }
}

.wrapper-story .themocas.slider {
    display: none
}

@media only screen and (max-width:900px) {
    .wrapper-story .themocas.slider {
        display: block;
        margin: 60px auto 0
    }
}

.wrapper-story .themocas.slider .slick-arrow.slick-prev {
    left: 20px;
    z-index: 1000
}

.wrapper-story .themocas.slider .slick-arrow.slick-next {
    right: 20px;
    z-index: 1000
}

.wrapper-story .themocas .moca__1 {
    box-sizing: border-box;
    padding: 0 20px;
    width: 20%
}

@media only screen and (max-width:1440px) {
    .wrapper-story .themocas .moca__1 {
        padding: 0 10px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .themocas .moca__1 {
        width: 100%
    }

    .wrapper-story .themocas .moca__1 .moca-icons {
        margin-left: 40px
    }
}

.wrapper-story .themocas .moca__3 {
    box-sizing: border-box;
    padding: 0 20px;
    width: 20%
}

@media only screen and (max-width:1440px) {
    .wrapper-story .themocas .moca__3 {
        padding: 0 10px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .themocas .moca__3 {
        width: 100%
    }
}

.wrapper-story .themocas .moca__5 {
    box-sizing: border-box;
    padding: 0 20px;
    width: 20%
}

@media only screen and (max-width:1440px) {
    .wrapper-story .themocas .moca__5 {
        padding: 0 10px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .themocas .moca__5 {
        width: 100%
    }

    .wrapper-story .themocas .moca__5 .moca-icons {
        margin-left: 55px
    }
}

.wrapper-story .themocas .moca__2 {
    box-sizing: border-box;
    margin-top: 50px;
    padding: 0 20px;
    width: 20%
}

@media only screen and (max-width:1440px) {
    .wrapper-story .themocas .moca__2 {
        padding: 0 10px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .themocas .moca__2 {
        margin-top: 0;
        width: 100%
    }

    .wrapper-story .themocas .moca__2 .moca-icons {
        margin-left: 50px
    }
}

.wrapper-story .themocas .moca__4 {
    box-sizing: border-box;
    margin-top: 50px;
    padding: 0 20px;
    width: 20%
}

@media only screen and (max-width:1440px) {
    .wrapper-story .themocas .moca__4 {
        padding: 0 10px
    }
}

@media only screen and (max-width:900px) {
    .wrapper-story .themocas .moca__4 {
        margin-top: 0;
        width: 100%
    }
}

.wrapper-story .themocas .moca-icons {
    height: 220px;
    width: 100%
}

@media only screen and (max-width:1440px) {
    .wrapper-story .themocas .moca-icons {
        display: block;
        height: 170px;
        margin: 0 auto;
        width: 70%
    }
}

.wrapper-story .themocas .moca-text {
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    position: relative;
    text-align: center;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    text-transform: uppercase
}

.wrapper-story .themocas .moca-text:after {
    -webkit-font-smoothing: antialiased;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-shadow: 0 0 20px #6be4ff, 0 4px 15px #6de5ff3b, 0 0 2px #fff, 0 0 13px #0066ff80;
    top: 0;
    width: 100%
}

.wrapper-story .themocas .moca-text.dreamers {
    color: #73f96e
}

.wrapper-story .themocas .moca-text.dreamers:after {
    content: "DREAMERS"
}

.wrapper-story .themocas .moca-text.builders {
    color: #e1e1e1
}

.wrapper-story .themocas .moca-text.builders:after {
    content: "BUILDERS"
}

.wrapper-story .themocas .moca-text.angels {
    color: #179eff
}

.wrapper-story .themocas .moca-text.angels:after {
    content: "ANGELS"
}

.wrapper-story .themocas .moca-text.connectors {
    color: #fffaaa
}

.wrapper-story .themocas .moca-text.connectors:after {
    content: "CONNECTORS"
}

.wrapper-story .themocas .moca-text.neocapitalist {
    color: #ff7a6f
}

.wrapper-story .themocas .moca-text.neocapitalist:after {
    content: "NEO-CAPITALISTS"
}

.wrapper-story .themocas .moca-info {
    color: #fff;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center
}

@media only screen and (max-width:1440px) {
    .wrapper-story .themocas .moca-info {
        font-size: 14px;
        line-height: 20px
    }
}

.story-tribe {
    margin: 40px 0 0;
    max-width: 1600px;
    width: 100%
}

@media only screen and (max-width:560px) {
    .story-tribe {
        margin: 20px 0 0
    }
}

.story-tribe-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0
}

.story-tribe-item {
    margin: 0 0 15px;
    padding: 0 15px;
    width: 20%
}

@media only screen and (max-width:950px) {
    .story-tribe-item {
        width: 33.33%
    }
}

@media only screen and (max-width:560px) {
    .story-tribe-item {
        width: 50%
    }
}

.story-tribe-box {
    text-align: center
}

.story-tribe-image {
    margin: 0 0 6px
}

.story-tribe-image img {
    max-width: 100%
}

.story-tribe-subtitle {
    color: #ffffff80;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

.story-tribe-name {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

@media only screen and (max-width:900px) {
    .story-tribe-name {
        font-size: 16px;
        line-height: 20px
    }
}

.realms-section {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-height: 100vh;
    padding: 90px 0;
    position: relative;
    width: 100vw
}

.realms-section.orbit-rings-no-outer-rings {
    background-image: url(/static/media/no-outer-ring.54f68f54d78277c63848.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%
}

@media only screen and (max-width:900px) {
    .realms-section.orbit-rings-no-outer-rings {
        background-image: none
    }

    .realms-section {
        box-sizing: border-box;
        height: auto;
        min-height: 0;
        padding: 150px 0 0
    }
}

.realms-section .realm__row {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 120px auto 0;
    max-width: 1300px;
    width: 100%
}

@media only screen and (max-width:1440px) {
    .realms-section .realm__row {
        box-sizing: border-box;
        height: 400px;
        margin: 100px auto 0;
        padding: 0 60px
    }
}

@media only screen and (max-width:900px) {
    .realms-section .realm__row {
        display: none
    }
}

.realms-section .realm__block-info {
    align-items: center;
    background-image: url(/static/media/realminfoblob.ead94e70e14f9def4e49.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    line-height: 24px;
    margin-top: 20px;
    padding: 10px 48px
}

@media only screen and (max-width:900px) {
    .realms-section .realm__block-info {
        display: none
    }
}

.realms-section .realm__build,
.realms-section .realm__dogood,
.realms-section .realm__learn,
.realms-section .realm__play {
    width: 25%
}

.realms-section .realm__build .text,
.realms-section .realm__dogood .text,
.realms-section .realm__learn .text,
.realms-section .realm__play .text {
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1
}

.realms-section .realm__build .text.learn,
.realms-section .realm__dogood .text.learn,
.realms-section .realm__learn .text.learn,
.realms-section .realm__play .text.learn {
    top: -25px
}

.realms-section .realm__build .text.build,
.realms-section .realm__dogood .text.build,
.realms-section .realm__learn .text.build,
.realms-section .realm__play .text.build {
    left: -27px;
    top: -48px
}

.realms-section .realm__build .text.play,
.realms-section .realm__dogood .text.play,
.realms-section .realm__learn .text.play,
.realms-section .realm__play .text.play {
    top: -25px
}

.realms-section .realm__build .text.dogood,
.realms-section .realm__dogood .text.dogood,
.realms-section .realm__learn .text.dogood,
.realms-section .realm__play .text.dogood {
    top: -10px;
    width: 200px
}

.realms-section .realm__build .realm,
.realms-section .realm__dogood .realm,
.realms-section .realm__learn .realm,
.realms-section .realm__play .realm {
    width: 100%
}

.realms-section .realm__learn,
.realms-section .realm__play {
    margin-top: 150px
}

.realms-section .realm__build {
    margin-top: 100px
}

.realms-section .realm__dogood .realm__content:hover .realm__info {
    top: -152px
}

@media only screen and (max-width:1440px) {
    .realms-section .realm__dogood .realm__content:hover .realm__info {
        top: -115px
    }
}

.realms-section .realm__dogood .realm__content .realm__info {
    top: -132px
}

@media only screen and (max-width:1440px) {
    .realms-section .realm__dogood .realm__content .realm__info {
        top: -95px
    }
}

.realms-section .realm__content {
    position: relative
}

.realms-section .realm__content:hover .realm__info {
    top: -170px;
    visibility: visible
}

@media only screen and (max-width:1440px) {
    .realms-section .realm__content:hover .realm__info {
        top: -134px
    }
}

.realms-section .realm__info {
    background-color: #ffafff;
    border-bottom-right-radius: 30px;
    box-shadow: 0 15px 0 #000;
    box-sizing: border-box;
    color: #000;
    display: block;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 180px;
    height: auto;
    line-height: 24px;
    padding: 10px;
    position: absolute;
    top: -150px;
    transition: top .6s ease-in-out, visibility .5s ease-in-out;
    visibility: hidden;
    width: 280px;
    z-index: 1
}

@media only screen and (max-width:1440px) {
    .realms-section .realm__info {
        top: -114px
    }
}

.realms-section .realm__info:after {
    bottom: -17px;
    color: #ffafff;
    content: "â–¼";
    font-size: 20px;
    left: 50%;
    position: absolute
}

@media only screen and (max-width:1440px) {
    .realms-section .realm__info {
        font-size: 12px;
        line-height: 20px
    }
}

.realms-section .realms-slider {
    display: none
}

@media only screen and (max-width:900px) {
    .realms-section .realms-slider {
        display: block;
        width: 100%
    }
}

.realms-section .realms-slider .realms-slider-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 520px;
    justify-content: space-between;
    padding: 30px
}

.realms-section .realms-slider .slick-arrow.slick-prev {
    left: 20px;
    top: 180px;
    z-index: 1000
}

.realms-section .realms-slider .slick-arrow.slick-next {
    right: 20px;
    top: 180px;
    z-index: 1000
}

.realms-section .realms-slider .realm {
    height: 320px;
    width: auto
}

.realms-section .realms-slider .realm-info {
    background-color: #ffafff;
    border-bottom-right-radius: 30px;
    box-shadow: 0 15px 0 #000;
    box-sizing: border-box;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    line-height: 20px;
    margin: 30px auto;
    max-width: 380px;
    padding: 18px 10px;
    position: relative;
    width: 100%
}

.realms-section .realms-slider .realm-info .text {
    position: absolute;
    width: 50%
}

.realms-section .realms-slider .realm-info .text.play {
    left: -10px;
    top: -83px
}

.realms-section .realms-slider .realm-info .text.learn {
    left: -10px;
    top: -80px;
    transform: rotate(17deg)
}

.realms-section .realms-slider .realm-info .text.invest {
    left: -10px;
    top: -98px
}

.realms-section .realms-slider .realm-info .text.dogood {
    left: -10px;
    top: -96px;
    transform: rotate(11deg);
    width: 68%
}

.faq-section {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding: 90px 0 0;
    position: relative;
    width: 100vw
}

@media only screen and (max-width:900px) {
    .faq-section {
        height: auto;
        justify-content: flex-start;
        min-height: 0;
        padding: 150px 20px 0
    }
}

.faq-section.bg {
    background-image: url(/static/media/faq-bg.60a966d54382eff3a25d.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.faq-section .faq {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto 108px;
    max-width: 913px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .faq-section .faq {
        margin: 0 auto 44px;
        padding: 0 9px 0 0
    }
}

.faq-section .faq .logo-block {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 150px;
    width: 100%
}

.faq-section .faq .logo-block .faq-title {
    max-width: 300px;
    width: 100%
}

.faq-section .faq .faq-block {
    width: 100%
}

.faq-section .faq .btn-wrap {
    background: #ffafff;
    box-sizing: border-box;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    padding: 7px 10px 7px 7px
}

@media only screen and (max-width:900px) {
    .faq-section .faq .btn-wrap {
        padding: 7px
    }
}

.faq-section .faq .accordion-item {
    border: 3px solid #000;
    box-shadow: 18px 9px #000;
    margin-bottom: 20px;
    position: relative
}

@media only screen and (max-width:900px) {
    .faq-section .faq .accordion-item {
        box-shadow: 9px 10px #000;
        margin-bottom: 14px
    }
}

.faq-section .faq .accordion-item:before {
    background: none;
    border-bottom: 0 solid #0000;
    border-left: 20px solid #000;
    border-top: 10px solid #0000;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -22px;
    top: -3px;
    width: 0;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .faq-section .faq .accordion-item:before {
        border-left: 10px solid #000;
        right: -12px
    }
}

.faq-section .faq .accordion-item:after {
    background: none;
    border-bottom: 10px solid #0000;
    border-right: 20px solid #000;
    border-top: 0 solid #0000;
    bottom: -12px;
    content: "";
    display: block;
    height: 0;
    left: -4px;
    position: absolute;
    width: 0;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .faq-section .faq .accordion-item:after {
        border-right: 9px solid #000;
        left: -3px
    }
}

.faq-section .faq .accordion-button {
    align-items: center;
    background: #f8d748;
    border: 3px solid #000;
    box-sizing: border-box;
    color: #000;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    display: flex;
    flex-direction: row;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    justify-content: space-between;
    line-height: 20px;
    overflow-wrap: break-word;
    padding: 12px 50px 12px 29px;
    text-align: left;
    width: 100%
}

@media only screen and (max-width:900px) {
    .faq-section .faq .accordion-button {
        font-size: 16px;
        line-height: 20px;
        padding: 12px 50px 12px 17px
    }
}

.faq-section .faq .accordion-button span.arrow {
    transform: rotate(180deg)
}

.faq-section .faq .accordion-button.collapsed span.arrow {
    transform: rotate(0deg)
}

.faq-section .faq span.arrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBlY1hEYAgDEanCWgwGhHBCEaYDYxgFCIYQZvgxsEd7kDhu3vbfuxtEwBYhlLvyc1sMhxMGGSfuRixEREGYnO5yovOueC9j8isvskulhdeMhFFvqSmrDhrUo5JCzXJwE+03CWVWZi1JT16IUFDgLKvJAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    display: block;
    height: 9px;
    position: absolute;
    right: 26px;
    transition: .2s ease-in-out;
    width: 14px
}

@media only screen and (max-width:900px) {
    .faq-section .faq span.arrow {
        right: 19px
    }
}

.faq-section .faq .accordion-collapse {
    transition: height .35s ease
}

.faq-section .faq .accordion-collapse:not(.show) {
    height: 0;
    overflow: hidden
}

.faq-section .faq .answers {
    background: #ffafff;
    border: 3px solid #000;
    box-sizing: border-box;
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    overflow-wrap: break-word;
    padding: 15px 29px
}

@media only screen and (max-width:900px) {
    .faq-section .faq .answers {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width:500px) {
    .faq-section .faq .answers {
        font-size: 12px;
        line-height: 18px
    }
}

.faq-section .faq .answers p:last-of-type {
    margin-bottom: 0
}

.faq-section .accordion-body {
    background: #f8d748;
    border-top: 2px solid #000;
    padding: 7px 10px 7px 7px
}

.faq-section .helpbtn {
    bottom: 50px;
    position: absolute
}

.faq-section .legal {
    bottom: 20px;
    color: #fff;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    left: 0;
    line-height: 32px;
    position: relative;
    right: 0;
    text-align: center
}

@media only screen and (max-width:900px) {
    .faq-section .legal {
        font-weight: 600;
        line-height: 20px
    }
}

.faq-section .legal .btn-link {
    box-shadow: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    padding-right: 3px;
    text-decoration: underline
}

@media only screen and (max-width:900px) {
    .faq-section .legal .btn-link {
        font-weight: 600;
        line-height: 20px
    }
}

.faq-section .legal .animoca {
    height: auto;
    margin-bottom: 20px;
    width: 100px
}

.faq-section .legal-icon {
    margin: 0 auto;
    max-width: 80px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .faq-section .legal-icon {
        margin: 0 auto 18px
    }
}

.faq-section .legal-icon img {
    width: 79px
}

.signup-wrappar {
    align-items: center;
    background-color: #0006;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 10000
}

.signup-wrappar .outer {
    max-height: 590px;
    max-width: 718px
}

.signup-wrappar .inner,
.signup-wrappar .outer {
    background: #ffafff;
    border: 3px solid #000;
    border-radius: 20px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 2px;
    width: 100%
}

.signup-wrappar .inner {
    position: relative
}

.signup-wrappar .content {
    align-items: center;
    background: #f1e699;
    border: 3px solid #000;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 30px;
    width: 100%
}

.signup-wrappar .success-checkbox {
    margin-left: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 230px
}

.signup-wrappar .success-top-left-modal {
    height: 140px;
    left: -18px;
    position: absolute;
    top: -35px;
    width: 140px
}

.signup-wrappar .success-bottom-right-modal {
    bottom: -25px;
    height: 100px;
    position: absolute;
    right: -35px;
    width: 100px
}

.signup-wrappar .close-btn-modal {
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    height: 55px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 55px
}

.signup-wrappar .modal-decoration {
    bottom: 0;
    height: 25px;
    position: absolute;
    right: 0;
    width: 25px
}

.signup-wrappar .modal-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 312px;
    justify-content: center;
    width: 341px
}

.signup-wrappar h2 {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 15px;
    text-transform: uppercase
}

.signup-wrappar .btn:before {
    display: none
}

.signupform {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 431px;
    width: 100%
}

.signupform h2 {
    color: #000;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    text-align: center
}

.signupform .form-fields {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;
    width: 100%
}

.signupform label {
    margin-bottom: 15px
}

.signupform input,
.signupform label {
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.signupform input {
    align-items: flex-start;
    background: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 16px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .signupform input {
        font-size: 12px;
        line-height: 18px
    }
}

.signupform .emailError {
    bottom: 5px;
    color: red;
    font-size: 10px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 100%
}

.signupform .message {
    color: #ff4141;
    color: var(--error-color);
    text-align: center
}

.signupform .success {
    color: #000;
    font-size: 24px;
    font-weight: 900
}

.signupform .success img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.signupform .legal {
    color: #000;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.signupform .btn {
    align-items: center;
    background: #ffcf00;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    height: 51px;
    width: 270px
}

@media only screen and (max-width:900px) {
    .signupform .btn {
        height: 42px;
        width: 160px
    }
}

.signupform a {
    color: #000
}

.moca {
    background-image: url(/static/media/Moca-Instructions.b47154e790dbc177a98e.jpg);
    flex-direction: row;
    height: auto;
    min-height: 100vh
}

.loadingscreen,
.moca {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    width: 100vw
}

.loadingscreen {
    background-image: url(/static/media/wormhole-dark-space.772d11ff7da53cc97440.jpg);
    bottom: 0;
    flex-direction: column;
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000
}

.loadingscreen .wormhole {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.loadingscreen .wormhole .portal {
    width: 842px
}

.loadingscreen .wormhole .fueling {
    bottom: 181px;
    color: #f8d748;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: absolute
}

.loadingscreen .wormhole .loadingbar {
    bottom: 260px;
    position: relative
}

@media only screen and (max-width:700px) {
    .loadingscreen .wormhole .loadingbar {
        bottom: 95px;
        width: 80%
    }
}

.loadingscreen .wormhole .loading-bar-block {
    align-items: center;
    background: #2b4c91;
    border: 3px solid #000;
    border-radius: 30px;
    bottom: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 73px;
    justify-content: flex-start;
    max-width: 415px;
    padding: 5px;
    position: absolute;
    width: 100%
}

.loadingscreen .wormhole .loading-bar-block .percent {
    color: #f8d748;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    left: 0;
    line-height: 32px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: #000 3px 0 0, #000 2.83487px .981584px 0, #000 2.35766px 1.85511px 0, #000 1.62091px 2.52441px 0, #000 .705713px 2.91581px 0, #000 -.287171px 2.98622px 0, #000 -1.24844px 2.72789px 0, #000 -2.07227px 2.16926px 0, #000 -2.66798px 1.37182px 0, #000 -2.96998px .42336px 0, #000 -2.94502px -.571704px 0, #000 -2.59586px -1.50383px 0, #000 -1.96093px -2.27041px 0, #000 -1.11013px -2.78704px 0, #000 -.137119px -2.99686px 0, #000 .850987px -2.87677px 0, #000 1.74541px -2.43999px 0, #000 2.44769px -1.73459px 0, #000 2.88051px -.838247px 0
}

.loadingscreen .wormhole .loading-bar-block .loading-bar-outer {
    align-items: center;
    animation: loadingbaranimation 3.5s;
    background: #0080ce;
    border: 3px solid #000;
    border-radius: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 53px;
    justify-content: flex-start;
    padding: 5px;
    width: 0
}

.loadingscreen .wormhole .loading-bar-block .loading-bar-inner {
    align-items: center;
    animation: loadingbaranimation 3.5s;
    background: #006cad;
    border: 2px solid #000;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    height: 33px;
    justify-content: flex-start;
    width: 100%
}

@keyframes loadingbaranimation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.moca-intro {
    align-items: center;
    background-image: url(/static/media/moca-intro-objects.f6df6a7a04d0b1d55360.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 1440px;
    min-height: 786px;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:1440px) {
    .moca-intro {
        background-size: cover
    }
}

@media only screen and (max-width:700px) {
    .moca-intro {
        background-image: url(/static/media/Moca-Instructions-mobile.3b3a9912dbf886d63e72.svg);
        max-width: 100vw;
        min-height: 100vh
    }
}

.moca-intro .moca-hello {
    align-items: center;
    background-image: url(/static/media/moon.922565df684e3798d511.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: row;
    height: 628px;
    justify-content: center;
    width: 628px
}

@media only screen and (max-width:700px) {
    .moca-intro .moca-hello {
        height: 530px;
        width: 530px
    }
}

@media only screen and (max-width:500px) {
    .moca-intro .moca-hello {
        height: 430px;
        width: 430px
    }
}

.moca-intro .moca-hello-inner {
    align-items: center;
    background-image: url(/static/media/bluecircle.37698a1326db1f6199b6.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 450px;
    justify-content: center;
    max-width: 480px
}

@media only screen and (max-width:700px) {
    .moca-intro .moca-hello-inner {
        box-sizing: border-box;
        height: 450px;
        max-width: 452px;
        padding: 0 30px
    }
}

@media only screen and (max-width:500px) {
    .moca-intro .moca-hello-inner {
        height: 350px;
        max-width: 350px
    }
}

.moca-intro .moca-hello-inner img.moca-icon {
    height: auto;
    position: relative;
    top: 40px;
    width: 220px
}

.moca-intro-message {
    background: #fff;
    border: 2px solid #000;
    border-radius: 30px;
    color: #0a0a0a;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 13px;
    padding: 7px 12px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .moca-intro-message {
        margin: 0 0 8px;
        padding: 10px 20px
    }
}

.moca-intro-next.btn {
    height: 52px;
    margin: 0 auto;
    min-width: 298px;
    width: auto
}

.moca-intro-next.btn:before {
    margin-right: 10px
}

.moca-instructions,
.moca-instructions:before {
    display: block;
    height: 100vh;
    width: 100vw
}

.moca-instructions:before {
    background-color: #00000080;
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.moca-instructions .moca-wrap {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: flex-end;
    padding: 0 10%;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:700px) {
    .moca-instructions .moca-wrap {
        justify-content: center;
        padding: 0 5%
    }
}

.moca-instructions .moca-character {
    bottom: -30px;
    display: block;
    max-width: 362px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:700px) {
    .moca-instructions .moca-character {
        width: 150px
    }
}

.moca-instructions .moca-character img {
    width: 100%
}

.packing {
    align-items: center;
    background-image: url(/static/media/Packing.992284545161300b640d.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-end;
    padding: 54px 30px 50px;
    width: 100vw
}

@media only screen and (max-width:900px) {
    .packing {
        padding: 77px 15px 50px
    }
}

.packing-message {
    background: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    color: #0a0a0a;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 25px;
    padding: 10px 58px 10px 40px
}

@media only screen and (max-width:900px) {
    .packing-message {
        border-radius: 20px;
        font-size: 16px;
        line-height: 20px;
        padding: 10px 20px
    }
}

.packing-message strong {
    color: #ff6e00;
    font-weight: 700
}

.packing-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 900px;
    min-height: 780px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:900px) {
    .packing-section {
        height: calc(100vh - 237px);
        min-height: 668px
    }
}

.packing-grid {
    height: 536px;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width:900px) {
    .packing-grid {
        align-content: center;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
        margin-bottom: -5px;
        max-width: 310px;
        position: relative
    }
}

.packing-grid img {
    width: 86px
}

@media only screen and (max-width:900px) {
    .packing-grid img {
        width: 65%
    }
}

.packing-grid-item {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    transition: opacity .5s
}

@media only screen and (max-width:900px) {
    .packing-grid-item {
        min-height: 82px;
        position: static;
        width: 25%
    }
}

.packing-grid-item.added {
    opacity: .6
}

.packing-grid-item.book {
    left: 67px;
    top: 47px
}

.packing-grid-item.hammer {
    left: 703px;
    top: 172px
}

.packing-grid-item.hammer img {
    width: 95px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.hammer img {
        width: 71%
    }
}

.packing-grid-item.cube {
    bottom: 20px;
    left: 30px
}

.packing-grid-item.cube img {
    width: 102px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.cube img {
        width: 76%
    }
}

.packing-grid-item.skateboard {
    left: 527px;
    top: 155px
}

.packing-grid-item.skateboard img {
    width: 122px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.skateboard img {
        width: 90%
    }
}

.packing-grid-item.binoculars {
    left: 257px;
    top: 291px
}

.packing-grid-item.binoculars img {
    width: 90px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.binoculars img {
        width: 68%
    }
}

.packing-grid-item.ape {
    bottom: 21px;
    left: 645px
}

.packing-grid-item.ape img {
    width: 88px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.ape img {
        width: 66%
    }
}

.packing-grid-item.banana {
    left: 637px;
    top: 285px
}

.packing-grid-item.banana img {
    width: 95px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.banana img {
        width: 71%
    }
}

.packing-grid-item.benji {
    left: 576px;
    top: 21px
}

.packing-grid-item.benji img {
    width: 104px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.benji img {
        width: 79%
    }
}

.packing-grid-item.boot {
    left: 113px;
    top: 312px
}

.packing-grid-item.boot img {
    width: 90px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.boot img {
        width: 68%
    }
}

.packing-grid-item.car {
    left: 334px;
    top: 150px
}

.packing-grid-item.car img {
    width: 132px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.car img {
        width: 98%
    }
}

.packing-grid-item.cat {
    left: 439px;
    top: 264px
}

.packing-grid-item.coldstorage {
    left: 401px;
    top: 0
}

@media only screen and (max-width:900px) {
    .packing-grid-item.coldstorage img {
        width: 72%
    }
}

.packing-grid-item.hopium {
    left: -6px;
    top: 170px
}

.packing-grid-item.hopium img {
    width: 94px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.hopium img {
        width: 70%
    }
}

.packing-grid-item.nothing {
    left: 233px;
    top: 21px
}

.packing-grid-item.nothing img {
    width: 82px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.nothing img {
        width: 60%
    }
}

.packing-grid-item.sword {
    left: 184px;
    top: 161px
}

.packing-grid-item.sword img {
    width: 100px
}

@media only screen and (max-width:900px) {
    .packing-grid-item.sword img {
        width: 75%
    }
}

.packing-case {
    bottom: -4px;
    position: absolute;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .packing-case {
        position: relative
    }
}

.packing-case>img {
    height: auto;
    max-width: 401px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .packing-case>img {
        max-width: 259px
    }
}

.packing-case .btn-img {
    background: none;
    border: 0;
    height: 34px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 34px;
    z-index: 2
}

@media only screen and (max-width:900px) {
    .packing-case .btn-img {
        height: 21px;
        right: -8px;
        top: -8px;
        width: 21px
    }
}

.packing-case .btn-img img {
    width: 100%
}

.packing-case .dropable {
    display: block;
    height: 71px;
    position: absolute;
    width: 72px;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .packing-case .dropable {
        height: 46px;
        width: 46px
    }
}

.packing-case .dropable.empty {
    background: url(/static/media/case-box.492bdba325568e60f2e9.svg) 50% no-repeat;
    background-size: contain
}

.packing-case .dropable>img {
    display: block;
    height: 71px;
    left: 0;
    position: absolute;
    top: revert;
    width: 72px
}

@media only screen and (max-width:900px) {
    .packing-case .dropable>img {
        height: 46px;
        width: 46px
    }
}

.packing-case .dropzone-1 {
    left: 88px;
    top: 236px
}

@media only screen and (max-width:900px) {
    .packing-case .dropzone-1 {
        left: 58px;
        top: 151px
    }
}

.packing-case .dropzone-2 {
    left: 171px;
    top: 207px
}

@media only screen and (max-width:900px) {
    .packing-case .dropzone-2 {
        left: 111px;
        top: 133px
    }
}

.packing-case .dropzone-3 {
    right: 76px;
    top: 237px
}

@media only screen and (max-width:900px) {
    .packing-case .dropzone-3 {
        right: 49px;
        top: 152px
    }
}

.packing-action {
    bottom: 312px;
    height: 220px;
    left: 255px;
    max-width: 812px;
    position: absolute;
    width: calc(100% - 15px)
}

@media only screen and (max-width:1280px) {
    .packing-action {
        left: 27%
    }
}

@media only screen and (max-width:900px) {
    .packing-action {
        background: #75c6f7;
        bottom: 0;
        height: auto;
        left: 0;
        position: fixed;
        width: calc(100% + 30px);
        z-index: 1
    }
}

.packing-action-wrapper {
    padding: 24px 0 0 152px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:1250px) {
    .packing-action-wrapper {
        width: 80%
    }
}

@media only screen and (max-width:900px) {
    .packing-action-wrapper {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 13px 10px 15px;
        width: 100%
    }
}

.packing-action-img {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 158px;
    z-index: 0
}

@media only screen and (max-width:900px) {
    .packing-action-img {
        display: none
    }
}

.packing-action-img img {
    width: 100%
}

.packing-action-text {
    background: #fff;
    border: 2px solid #000;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 5px;
    padding: 8px 16px
}

@media only screen and (max-width:900px) {
    .packing-action-text {
        display: none
    }
}

.packing-action-btn.btn {
    height: 52px
}

.packing-action-btn.btn:before {
    margin-right: 10px
}

.minting {
    background-attachment: scroll;
    background-color: #05263c;
    background-image: url(/static/media/personality_large.5560197b527a377e3d75.svg);
    background-position: top;
    background-repeat: no-repeat;
    box-sizing: border-box;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 59px 30px 50px;
    width: 100vw
}

@media only screen and (max-width:1920px) {
    .minting {
        background-image: url(/static/media/personality_latop_big.4b985248269b56c2904a.svg);
        background-size: contain
    }
}

@media only screen and (max-width:1440px) {
    .minting {
        background-image: url(/static/media/personality_laptop_small.355d0bdf66b9b02bbc46.svg)
    }
}

@media only screen and (max-width:1024px) {
    .minting {
        background-image: url(/static/media/personality_tablet.0c448e1bcb818abb317a.svg);
        padding: 66px 30px 50px
    }
}

@media only screen and (max-width:900px) {
    .minting {
        background-position: 50% -25%;
        padding: 84px 15px 50px
    }
}

@media only screen and (max-width:640px) {
    .minting {
        background-position: 50% -6%
    }
}

@media only screen and (max-width:500px) {
    .minting {
        background-image: url(/static/media/personality_mobile.bcaaf4b112f4905d6e85.svg);
        background-position: 50% -20%
    }
}

@media only screen and (max-width:400px) {
    .minting {
        background-image: url(/static/media/personality_mobile.bcaaf4b112f4905d6e85.svg);
        background-position: 50% -1%
    }
}

.personality {
    margin: 0 auto;
    max-width: 1252px
}

@media only screen and (max-width:1024px) {
    .personality {
        margin: 10% auto 0
    }
}

@media only screen and (max-width:900px) {
    .personality {
        margin: 0 auto
    }
}

.personality-title-wrapper {
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    line-height: 39px;
    margin: 0 auto 14px;
    max-width: 992px;
    text-align: center
}

@media only screen and (max-width:900px) {
    .personality-title-wrapper {
        font-size: 16px;
        line-height: 20px;
        margin: 0 auto 6px
    }
}

.personality-title-wrapper p {
    margin: 0
}

.personality-title {
    font-size: 64px;
    font-weight: 700;
    line-height: 78px;
    margin: -10px 0 14px;
    text-transform: uppercase
}

@media only screen and (max-width:900px) {
    .personality-title {
        font-size: 24px;
        line-height: 29px;
        margin: 0 0 8px
    }
}

.personality-result-wrapper {
    align-items: center;
    background-image: url(/static/media/legos.97e4d8d770ffe4fc1353.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 22px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .personality-result-wrapper {
        background-image: none;
        margin: 0 0 10px
    }
}

.personality-result-info {
    background: url(/static/media/window.38fb7345c7e96f8806ea.svg) 0 0 no-repeat;
    background-size: cover;
    display: block;
    height: 275px;
    margin: 0 auto;
    overflow: hidden;
    padding: 21px 3px 3px;
    width: 256px
}

@media only screen and (max-width:374px) {
    .personality-result-info {
        height: 292px;
        width: 273px
    }
}

.personality-result-image {
    max-width: 100%
}

.personality-terms {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 auto 14px;
    max-width: 992px;
    text-align: center
}

@media only screen and (max-width:900px) {
    .personality-terms {
        line-height: 17px
    }
}

.personality-terms-btn {
    background: none;
    border: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: underline
}

.personality-help {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    line-height: 32px;
    margin: 0 auto;
    max-width: 992px;
    width: 100%
}

.personality-help:before {
    background: url(/static/media/question.023d7ec00f0ea65cf7b5.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    margin: 0 5px 0 0;
    width: 20px
}

.personality-help a {
    color: #fff;
    text-decoration: none
}

.personality-errors {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.personality-errors .errorWrap {
    margin: 0 auto 30px
}

.personality-warning {
    background: #05263ca1;
    border-radius: 10px;
    color: #f8d748;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 auto 25px;
    max-width: 1050px;
    padding: 10px 30px;
    text-align: center;
    width: 100%
}

.personality-warning p {
    margin: 0
}

@media only screen and (max-width:900px) {
    .personality-warning {
        font-size: 14px;
        line-height: 20px;
        margin: 0 auto 10px
    }
}

.personality .btn-mint-icon {
    animation: spin 1.5s linear infinite;
    height: 39px;
    left: 8px;
    position: absolute;
    top: 4px;
    width: 39px
}

.personality .btn-mint-icon:last-child {
    left: auto;
    right: 8px
}

.minting-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto 15px;
    max-width: 992px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .minting-wrapper {
        flex-direction: column;
        height: auto;
        margin: 0 auto 6px
    }
}

.your-quota-wrapper {
    background: #0080ce;
    border: 2px solid #000;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 0 5px;
    min-height: 100%;
    overflow: hidden;
    padding: 0 0 10px;
    width: 25%
}

@media only screen and (max-width:900px) {
    .your-quota-wrapper {
        margin: 0 0 11px;
        padding: 0;
        width: 100%
    }
}

.your-quota-title {
    background: #004975;
    border-bottom: 2px solid #000;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    padding: 18px 20px;
    text-align: center
}

@media only screen and (max-width:900px) {
    .your-quota-title {
        text-align: left
    }
}

.your-quota-mint {
    align-items: center;
    border-bottom: 1px solid #0066a4;
    color: #fffc;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 20px;
    padding: 12px 40px 11px 17px
}

.your-quota-mint:last-child {
    border-bottom: 0
}

.your-quota-mint .lable {
    align-items: center;
    display: flex
}

.your-quota-mint .lable:before {
    background: #f8d748;
    border: 2px solid #000;
    border-radius: 20px;
    box-sizing: border-box;
    content: "";
    height: 11px;
    margin: 0 6px 0 0;
    width: 11px
}

.your-quota-mint .number {
    color: #fff;
    line-height: 24px;
    position: relative
}

.your-quota-mint .number-current {
    font-size: 24px;
    line-height: 32px
}

.your-quota-mint .unit {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 0 0 16px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .your-quota-mint .unit {
        margin: -4px 0 0
    }
}

.minting-total-wrapper {
    align-items: center;
    background: #d5bcff;
    border: 2px solid #000;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    justify-content: center;
    margin: 0 5px;
    min-height: 100%;
    padding: 20px 10px;
    width: 20%
}

@media only screen and (max-width:900px) {
    .minting-total-wrapper {
        margin: 8px 0 12px;
        padding: 14px 10px 12px;
        width: 100%
    }
}

.minting-total-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 6px
}

.minting-total-price {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    line-height: 28px;
    width: 100%
}

.minting-total-price .unit {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase
}

.quantity {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex;
    flex-wrap: nowrap;
    height: 50%;
    justify-content: center;
    padding: 10px 8px 10px 25px
}

@media only screen and (max-width:900px) {
    .quantity {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 17px 15px 21px
    }

    .quantity-title {
        margin: 0 0 8px;
        width: 100%
    }
}

.quantity-wrapper {
    background: #d5bcff;
    border: 2px solid #000;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 5px;
    min-height: 100%;
    width: 50%
}

@media only screen and (max-width:900px) {
    .quantity-wrapper {
        margin: 0;
        width: 100%
    }
}

.quantity-input {
    align-items: center;
    background: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    display: flex;
    flex: 1 1;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 14px 0 22px;
    padding: 6px 16px 6px 10px
}

@media only screen and (max-width:900px) {
    .quantity-input {
        margin: 0 7px 0 -6px;
        max-width: 232px
    }
}

.quantity-input .qty {
    flex: 1 1;
    padding: 0 7px;
    text-align: center
}

.quantity-btn {
    align-items: center;
    background: none;
    border: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0
}

.quantity-btn span {
    background-color: #ffcf00;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px;
    border: 2px solid #000;
    border-radius: 100%;
    box-shadow: 3px 3px 0 #000;
    display: block;
    height: 36px;
    transition: bottom 3s ease-in-out, right 3s ease-in-out;
    width: 36px
}

.quantity-btn span.minus {
    background-image: url(/static/media/minus.cb806ebdbc00a11b8363.svg)
}

.quantity-btn span.plus {
    background-image: url(/static/media/plus.d563c76cc4a0fa1dbdd3.svg)
}

.quantity-btn span:hover {
    bottom: -1px;
    position: relative;
    right: -2px
}

.quantity-btn:disabled span {
    background-color: #a6a6a6
}

.quantity-btn:disabled span:hover {
    position: static
}

.quantity .btn-max {
    height: 52px;
    min-width: 82px;
    padding: 10px 20px
}

.quantity .btn-max:before {
    display: none
}

.quantity-pay-with {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 50%;
    padding: 10px 25px
}

@media only screen and (max-width:900px) {
    .quantity-pay-with {
        flex-wrap: wrap;
        padding: 21px 15px 16px
    }

    .quantity-pay-title {
        margin: 0 0 9px;
        width: 100%
    }
}

.quantity-dropdown {
    display: flex;
    flex-wrap: wrap;
    margin-left: 22px;
    min-width: 256px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .quantity-dropdown {
        margin-left: -6px;
        max-width: 323px;
        min-width: 0;
        width: 100%
    }
}

.quantity-dropdown-text {
    align-items: center;
    background: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    display: flex;
    min-height: 52px;
    padding: 5px 16px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .quantity-dropdown-text {
        padding: 5px 14px 5px 10px
    }

    .quantity-dropdown-text:after {
        background: #00000094;
        content: "";
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999
    }
}

.quantity-dropdown-text:hover .quantity-dropdown-arrow {
    box-shadow: none
}

.open .quantity-dropdown-text:after {
    display: block
}

.open .quantity-dropdown-text .quantity-dropdown-arrow,
.open .quantity-dropdown-text:hover .quantity-dropdown-arrow {
    box-shadow: 3px 3px 0 #000
}

.open .quantity-dropdown-text .quantity-dropdown-arrow:after,
.open .quantity-dropdown-text:hover .quantity-dropdown-arrow:after {
    transform: rotate(180deg)
}

.quantity-dropdown-arrow {
    align-content: center;
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.quantity-dropdown-arrow:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABYCAYAAACAnmu5AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGTSURBVHgB7drdbcIwFIbhr52AEc4GZYOyQbsBbNARGIERYIO2E9AN2g08At0gTRQsVVWRgRDHP+8jHYkLX+BXKFKMJQAAAAAAAAAAAAAAAADTWbSzbce10xQwn+28trPUhOYqJ+ipce2YIuvCHpR3uHPncNxvFKbyf7H/BTZFsJXUVDh7jcwkNRVP8PFwr+u9qG5PoQVD4kZ7sCdqEVowJK6pbhZaMCQuAobE/VLdgvsfEvdDdXvTiGaq7wXCj1MEc0lNhWOKZKX8Y10yS0X2rPIPb7r9PWoiJZ+ORT0NO6XEwEmE9Uo6OHdK8DXflH9gp4Rf8U35BnbK4OzElF9gp4wOpUz5BM4qrGdKP3CWYT1Tfw8gxbDd95opc90GUgtcRFgvpcB7FRT2t52mDbtV4XYi7Kg2iht2o8qsFSfsWpUaO3C1Yb2xAlcf1rt1YML+cavAhD1haODaLwoGrXRd2KVwlkv+WT4c1+MCpvAt9r0SOzK8U15M/b3YB/UHLt/qL8S9Hz8DAAAAAAAAAAAAAHBjPwiDQeCKjuCEAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    content: "";
    display: block;
    height: 11px;
    transition: transform .4s ease-in-out;
    width: 17px
}

.quantity-dropdown-content {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 0 0 30px 30px;
    border-top: 0;
    display: none;
    left: 0;
    padding: 40px 16px 10px;
    position: absolute;
    top: 25px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .quantity-dropdown-content {
        border-radius: 30px 30px 0 0;
        bottom: -2px;
        padding: 35px 16px 25px 24px;
        position: fixed;
        top: auto;
        z-index: 1000
    }
}

.open .quantity-dropdown-content {
    display: block
}

.quantity-dropdown-scroll {
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto
}

.quantity-dropdown-scroll::-webkit-scrollbar {
    background: none;
    height: 12px;
    width: 8px
}

.quantity-dropdown-scroll::-webkit-scrollbar-corner {
    background: #bebebe
}

.quantity-dropdown-scroll::-webkit-scrollbar-thumb {
    background: #bebebe;
    border: 2px solid #000;
    border-radius: 100px
}

.quantity-dropdown-item {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 15px
}

.quantity-dropdown-item:last-child {
    margin: 0
}

@media only screen and (max-width:900px) {
    .quantity-dropdown-item {
        margin: 0 0 25px
    }
}

.quantity-dropdown-item:hover {
    opacity: .7
}

.quantity-dropdown-close {
    background: none;
    border: 0;
    display: none;
    display: block;
    height: 55px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    top: -23px;
    width: 55px
}

.quantity-dropdown-close img {
    width: 100%
}

@media only screen and (max-width:900px) {
    .quantity-dropdown-close {
        display: block
    }
}

.btn.mint {
    height: 52px;
    margin: 0 auto 25px;
    padding: 10px 55px;
    position: relative;
    width: 380px
}

@media only screen and (max-width:900px) {
    .btn.mint {
        margin: 0 auto 16px;
        max-width: 350px;
        width: 100%
    }
}

.btn.mint:disabled {
    background: #9d9d9d
}

.btn.mint:before {
    display: none
}

.blockchain-icon:before,
.quantity-dropdown-item:before,
.quantity-dropdown-text:before {
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    background-size: contain;
    content: "";
    display: flex;
    height: 26px;
    width: 26px
}

.ape.quantity-dropdown-item:before,
.ape.quantity-dropdown-text:before,
.blockchain-icon.ape:before {
    background-image: url(/static/media/ape.fca62bf555f3f31377d2.png)
}

.blockchain-icon.sand:before,
.sand.quantity-dropdown-item:before,
.sand.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,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)
}

.blockchain-icon.revv:before,
.revv.quantity-dropdown-item:before,
.revv.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,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)
}

.astrafer.quantity-dropdown-item:before,
.astrafer.quantity-dropdown-text:before,
.blockchain-icon.astrafer:before {
    background-image: url(/static/media/astrafer.01244446e6859923adf4.png)
}

.blockchain-icon.bondly:before,
.bondly.quantity-dropdown-item:before,
.bondly.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,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)
}

.blockchain-icon.dose:before,
.dose.quantity-dropdown-item:before,
.dose.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,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)
}

.blockchain-icon.gmee:before,
.gmee.quantity-dropdown-item:before,
.gmee.quantity-dropdown-text:before {
    background-image: url(/static/media/gmee.ce06b74252592d983057.png)
}

.blockchain-icon.primate:before,
.primate.quantity-dropdown-item:before,
.primate.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,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)
}

.blockchain-icon.pros:before,
.pros.quantity-dropdown-item:before,
.pros.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABwASURBVHgB7V0JkBvVmf5eS5oZeU6PGdvYjj025ohtHMdgQxJyLEkIxZIsm+AlkGRz1ZKqXGxVDkJuAoRlSagQIKlKNseSZA3FkbBZB3ACwWAO4wvfgA2+PZ4ZnzOekTSS+u3/v+7Xet0jzehoycbwVbW61Wr18b73/++/ulvgNYBFkE0xJOdL2HMEItMlMBOQUwTQQcvjaZN4gb8maJse2qYXEHtovk0gu13A2phGw5r7II7hBIfACQcpFmFgQgSRiy3g3bTiAmrY6TSPIFxk6eK303y5DSzLIvvIfWjspiaROIFwQhD0PUjrFaRmUEO9X0JeSqvmCYh2Wm5ADUDHStKxDlHnWGVDPmLDIrIadpwIZB1Xgj4BOd5G8qIscBWdyFtpVQfCl5RSkXXV4joL8lekPZf+AaIPxwnHhaBFSM6MQn6GFi+jhphGJzEGJyZIqLGDpnszEL8mqdqGGqOmBH0UiU4BeRmplC84A/1rA3SuGTrvjTT/AzXZ/fcgvgM1Qk0I+ixk+yAS/0qHu4a+duI1Coco7KGl28cgfvevIA6hyqgqQe+BjE7A4MUkMd+laQFOIpBRsZLGqO+nkXr6PrQfRZVQNYI+jf6OBGLfpcVPkXpowkkJcdSGfbeFzA8Wo+UAqoDQCboacswxJM+lxZ+TSpiF1wFIO2wg8/wLi9GwXIRsmodK0KcgJ6aQ/CLt9kukBFrw+kIfkfRLG/HvUIQigZAQGkFETlsSyZ+S9/8x6kIWXp+w6drvjmDwmj9gXCi+UygEfRL9s4cQ/TktvhNvgK29JwUyn1+M5k2oEBUTdCUSHC8j/wCT8QZM7CWr/GNE0jJUgIpUEZFzIfWXP+INcvKB2iTy4JXRg+9HBSg77uWS82sSwol4A3mRiu+q3zvjund3TI2t7+rq2o4yUJaKc9QaS44YiwrQ0CQwlvpZ6wSgeZyFeCvNT6H1FJkbINfPpihqX7dEgrI2R/ZLHNgpMVB13z0cpOI77f3TbkSqcQtrqcO2bf/z2rVrS1Z3JRPkGASRpfTXSSgDjWMFpswGZiywMI5SbmPaBOJkkNdRyi1SJxCrB6IxmupoomX+Luk0JZGVTQOH9klsp6TAi0/a2LlO4mj3CZW+URhseiHTO+UuyyVHY59lWRetXLmyJMOhJIIcUzr1EDXXu1AimIjTFgh0zrfQPlkgSpmeaNQhIlJnkEIkRTQ57px/i9XTf2iKxBzS0pTB6X5VYtuzEqv+N4vtqyUGjxx/soYadma7Om8UAXIUpJRPxmKxD65YsaJoE7zoMYjSznHK3fyMGP0QSkCESJg+X+CcD0YweZZAQzP1CsGTUN1D9RB37qx3FvR3DWe98z9ejDUIJYEzz7dw7mURnPtPlpLOPsrkHDuI44KRyGHQuU8jVTdp7Nixz/X29haVbi+SICnORuLmCMTVKEHqGtsF5rzXwoxzLaXCdIsLTQxyJGmiclOOJGOV+39vB7DoCupIGttOpWO9z8LCj0QwYYaFIfLljxJZrBZrgWR8W3Z/580FyTEwl6QoNWnSpBVkOIx6dkURdBW+8S4B60e0WHQKuonImXuRpRqOjXlPUrTkmBLhMWSS4G6r/8eXbbnbW7nfeMYk6U3jzaRKF1qYf2kEDTS27dkkkaxyachQwy4i54fFkMPgM51H6u4JImjXaBuPStAiikpHYN1Pi1NQBLihGtuc3sxWmTDW5+ae/PikwVjMqTqDTO+fmlQYqtDyq8Q6sgTPfIeFt10RofMQ2PmCpHELoYPJ6eq8oVhyNOrpus8lKbqPSBocacMRCfoUDrfZiF1Pl/6PKBJN4wROfxtZZs15xhmfchQ5QoapPnMz4RujvM31fwwdaVnBY5BEtQjMeo+FBR+O4BCl2g7vI/8+hVDgqLUflkqOBjkXaCCC/gYntZ4XIxI0G999H21yIy3WoQiwqpk611K+jKmilBoSw9WXX7UJr5Fz27iqDQZzVsCQsIQnQfxfq8AVNVPHOfcysiDfJPDyMxJDg6gImdhBe+/Mr4mhMa9UEo05a8KECS/s379/a6ENChLEaeoUMr8UTk1aURg3VWD89Bwpzlz4DQAYEmWsELmVw1WeQeiw8Uo4JHnbW5rUPBcbJTN/noXzF0XU2NTzanlmOZOz+4wvIt2wu9KofQP5RqeTVfcgWXV5UxQFCToL136OmuQzKBJ1caHMaPZTfETopYCKEwHTbBhp8JOBgMXnkWP8OUdYYZIYPEaeT2NTR6fA5sdtZIZQNEIkR2NyNBolTde1It+PeQlyqm8Epw/aUCTaySdhNeIbb4yxwxsrJPxkCfgNBW+l2fiBfQSJhvBJoF895ofjn1mYd0kEGx+ziwohJeNbs6zWQiRHg1XdQ6TqjgR/KHAgeTmKtNoYHAEY0+qEYzh+ZmdyU9Zdp+d6ymacyU7nlrPu9ll3H953va+M49dkjf9k0sZ643feXtqjn/u0eQJfXxIjX00UHL8YHFvrnvaf1SCHO2gnqbrL8v027JS4qDACSYZB8bE2ttxaOoxBX0uPKSXOmfgkwpzrDXOuj9+I8O8vpxZFQMKEoSaFlZOmkcCSz1beIPXf3Ruk6kAmAoHPqoBImnnqqac+TKrOJ8vDCHoLvvVV2pzZLPpkxpIzGovnVJCrxQJWm6G+4DcATEKFz+QOEOobg4SfPG/XAkEHV1mGo5BUP0Zg9oXUNenkORirIxAc+OyZ+mNRTXJctNN5DxBBj5krfQR9DLJFInMHLY5DkeCLbyWCIrwnbSoLPwFm25gmtt4mnZA4uBvKmXzleZpWSOzfSlbWdooC9EM5mDxmcMBU+zpKOmRgrAoQ7Zn3kZHHIw0OynIUItkvsWs9pTkiO7PdU39s1YAcjXEdHR33d3d3D3jn5P89cRFdSidKAEebGUotcMVR1t9VVef1NZyzne7lHC/b+oxNQU6o3utBpbecFRy9bh1PJvzpAtPJTJ48i9RSh3D+YPnNb4cU6UmZ5a7ncdIqIrDV0ARc/oMY6iYckHfcTU5ovGbkMDrr6+uJA/xer/BOWVJA9AHYHG87AyWAg6BsICjkscQ0hLGge3yaLP8ty4ic3pGPweQPUoC+dztLmI3ta6l397nHboPjBwnkjzQY6s6yTFVYGIPJAfzxmZ+LF3c/J5SVUjvEKEbXcPXVV9+zbNky1Ts9gjbjupkW5DdpsaQq0PpGnvKREVgn/Kv4++Euia4XURJYaBJHnSAoT0xeK0kT+2HeYXMDlafuLK0W84SDTPT3D+DWO36KRx//G7J8MClH4zNsNG3atOkBUnPK5PYIOhvXXUGXw+Z1SSLNQcn6uEeJT1JMhrzxyBjYe7dJ9FeQu2Ep2rGGMqw0cUHaOArjcMLPO6ZnNBhzUZgkJueWO+/Ew4/9lQQn65yzG3sSsmbJwDGRSGQrGQur1OH5g9WbBYvvbCu5iMSiK7Vtx+ew9eT5O9LxhwzfRn/neaIfFYPbjUM2j96exeJrM9j1AllgQ66vpOZSRQr4O8/VciYw3hH6mJy77sJfSHJs/pGuSwpHL0pK/UqrZkNRhCT+A6TqnP7BH/+CAY6szkM5EA45asoaRLnLdCDf78qB1M5qyMk09mH+5+sZrHvYRirhOLG5iYjKuE5s2jkHjSx1pB/cfjv+8sTjihwpchaN4pFJisWc9TUAtdmChQsXTlCH5g++YZfOph1lwE47BCipMOe2P3Lgm1xJihQVIy8NnJx78IYM7v1GGkf3S1dqcnMtSYqorEPOtbfcgqVPPwXFmWvHeyQxOXpeVwfUhqR2UrEXq9NxP7iMqqwbdn3SYkpSNqDqzDCPO9cmejXw0nKJX/5bBjvX2G74RyqVp0hyVV0qYeNrt96Kpc8+nSPG0nkLyy9JPCdnz66rQq8ajgZSc1yx6xkEF6BMmOT4pCQgRTJAEksQe+/VxKG9Er/5UgZP/jarahQy7njE80OHj+HaO27DX1c865EiTekxSQqsZ3VXAyhOIvyQCAuZW1BmGTBHECL1uewoz3WoR8E0rz1Tzt2OCDy6H1UFS8/2VRIN5A5MnmUpZ7U/MYCfPnQ3Hl/9jO9ch82FaREaThZP1PuqbNm1Up7otqjzBI/yS4BZXSl3wXbzti4ZtnAYl+6kf1Pfsg6hdQ0Uw2uQqndXE2y1Lbkti4EjEgs+kcRvV/wej619hs6RC1Asf4dCroNJJkGrOF5mSaK5kiRSdSKVGm4OhocIRRXmR8kNm6NDKuVAW2XSvUIpAucsjCmrV5G6o0+LAk1cJ1dtgtR5UQ9Zcs+azENd90Z2tB8UNoeIZI4caZwuXwCrO71eaLMbriS5pNqk6qx0umok0bHmUBIY0yvZPZ8b52E43MISY7sq2ydV3hHh9/RtJ1XR3ytRXW3hFBVyOW6y5yURSY+F3dEBSfrZIwEGSXwyrqQoCdOSxNswcTy4av+IHdoqhYPI3J4eDeN5BWwVcbSZyeCQip7rC2apYuJE1lR3jqqLN3GYRiJVYRHHSDArPgUdPHr4sCInM25cfpKM8I50yVCnbNvu9QgvysBSFFGeevg9jJJ4M6P81ChUiKyRvfRUHRwi9C21FvJIE23FhRyNJEWpweqIEJdGdU+7xZfP4YaOHTyoRFmRBPjUmY4aeOOSlhjkQj5KqniBpMgmCVKqLmSQBE3hjt6BCqFT0q5m8KIJpm+ULxwkXR+JM5pcGB82uKgwSI4Gq6W63l5Yg4NO47M5as612R0wt/P5ScrsroIDS2q1w3Kft1YRuOHTGTmMDN/3rEmK35GN1kl1j1CYYeOiKj7pxOr37nXGEKPxzblJlDSdVnMdO7BV8I2IoPF88nGEAB6HfHE3Q1p8kpMvsErz5nYnvxMGWK0VW44rSDXVEUkKBUiCKTVBB1Y7sUxQyAFVas94aHvUgVDnS86KgzmXgZCQERpiB7LllMpFiOvWumZ8p6QagsixY4j09XmRhFxeXXjhH2mSwX8yHNdqSlEUIUGZ22luaCcarFtHWXTwGw8+59VA0zjy8g9RjKzMuxEqKSqs6+qC3dAAu94JEJqWnbbQPCOByJCuWlSWnSaNCWJjwS6i3qtIhCqTGffcgqrOZzxk/arOjONxa3DSzSojrlFpxSePQ/VEkiJGSwwTERyHDCmTZnCVl1mKoqH1eYVQCeKGVmORJkkWtuyGpSPc7zwOcY13KeCKzzDKca2BAUSOHHECjAZJnsHgqrKgJecjKeSURLh0EzgpxiEcQyl4S3puxulsM5jqorENGGhxCkVGQ9gVn+wfZVpbfQ4sYDixHDkIxu846qBDQxxd4P9mMggDfFGhRsL03dg5g0D6/SA53PyWwXwSbXNKp1ClUiOhGhWfVjKJ6NGjjsS40mNKjTSXg2kK/T0kY4HM7AQ7qj0IGVlvLNJTTt2N5LiaExd28K0shbQFV3xWqxw3duCAMr+lSYgmq4AZbuaSOKkXRnrctu0ey3nod7jQFl0hs9rOZ2pLv8HA28TGOGXFVkAR68BntSo+LUojsBQFG36YpBTykZjMEIwFkqBePuIeVAFeGiKg6go5sb6CE0P1tUxwqkp16e5ot7qHhRgFVL0YnDYUXEstX7ShSpGFPVHncfnhg4nhcZLzGdoikIot4TlCOh2hI+AQXh2YYzy461o6WKoEege2Zrum3FKLQnZYiQQiFKdjg0HoXBCcICmAwmkKNz3Bao7/XyG2RfldBiFb2x5UgQh3KO5M9giWXTACDic1oZrCjTJE35qUO09ZKuSWGtVKU2NHSM1l2ttzUW4gr2WXL03BKk6lJSpIQ1CH3h7lF02Uv4vRjuCMRcIdY9mCs2z3B7oUHWXQZreWJsCIQNDUNykp//7lY9jdeYl1yn3HMO7Pf65JpWe0vx/qzv2I4zn7ogvAyGkKPQ5VkIYggjZG+S0gUSTZj6/aI/kVSdr38QoVHHUnXZHxkSVzKq9/RtL++9eGxK45MYF0M3quugrZ5maMX7zYS6BVC1xzwAZDdkzuwfha3bmn5ycJfn9P+UPlE5RNpVJrLH5Fi3Bv9qgWtGXm8WIE5Lx1AYuOf0i2puTDNwuxY0FcqEGXJo6XHbz0Uhy4/HLHa68iuAOwX4SgERBMP5jWnVHwWGF0e/vmzZuP6T0sR5WR1eW2PjJkQfN7sC0lH/rvGPbMbRJ2XUw5fxznUvN4HD2LFmHnddchPa7oe83KQoTCP8oXMvyhYKwOpp9k/F5hXE5xogii9lhGtFfhQSl+qJJbTZLnuMphPtFgW1L++fcxdM2OC533V7XRJDHeMk0Dc+Zgxw03YODss1EtKIdVN7obxsFIhJnSU74EJWn8WcYLag/8ciOo9+dUF8qBHTKiDPbwSMOhmYNyyb0xdM+O56x/kySWIJ670jTU0YHdX/0quq6+2jdWhAUxNJQjRUcWTJLM34xgqia0TByKRCKP8IIyDDbjpoE5SL+LjMIzUQtIeLcmmug7LSmX/6Qe3W8dI4alv11v3lfh6Zq13BipN70Jg2edpbKjsUPh9bVMWxvSp56aq+QxTwkYsQpV+VKJskKdj69atepXah/uLrkPM2PVKfAKQD8nISdBwFGy1p68ow5d540RspDn7OZbpCFNplQlzjgDe77yFXRfeSWGJk0KJexvk1SaEoOA9JgSNKyOoTxXIEsxuEfhGoSeDNoYesRCAwdOT0UNoAiCc2d1z/kJe/UNdaL7vDySEwSTBDbFnYvX5rla5nUtLTh80UXoP+cctD79NNqeesopsSqjsbiR026BYxCeSa3vhQUCNemiXIJ6SQL/qr8Y96j+R9/ZyP4DLZ6OGkEZBFOO2s/dWSd63tY8Ojka2pRVO5F5VY+k1HWqsxPJ6dORJdIi5HRyiVUpDm5m7FgkSG1qRxVuCbB5nOBxTUQp+WcNlfAgIHUI+dSaNWvu9PZh7N62kFhM2uc9okavLOPA575TfiKyBy8RkcR7ix/kddDShQ4PmZKkIxOJ005Dcto0HH372xHfuhWNmzahfs8eJVWFnEgebzjE079ggTon4d6vqhN2uQ3dMVCTrr/DkfBSixlpP7ZlWb9Gzt/1Z1QpNLg0jtgOGo+q/loZXfGZllusqbduQnzbNnR97nPlkWSqO3dQ4zsX9DJvmyZpyM6fr0zzKBkRXLQYo4mLRWIUc2Pp4vGNpW1o4kSkOQbHdzAYmVEzUuCBfhc8LvJ2OiSkrFKpohAlYseRI0eWmit8BP0RzT1XIfUnVJmgYMUnN07HAw+oXttzxRUqWlAUNElGaF9LD0Ma6owbkX8T1Ohc7stEsGQxAWqi3u4tu5NFk7kPJSFGqEevU/tnQ8FYHSn91hTuCfds27bNl+gfNvqdhW/vosHgEuotZd2zOhoKVXxygzSvXasKNwZnzy6JJG09Cf0dhglsjBvCXA6MY8OgG97Yp3fI4PGN9WoiR6+uu7ukdAN1hPU0++aoD1PajBsPnY1v8/qLETJGe8YnX1jj5s1oXr0afaz/W4p8R5Rxz46RRsrNgxaV6dPkM8VNIoPHCXYAcx/u/zg85JUUF4cMdZjbyDhYEvwhb0ORBiU1p94fGhqKrfhUJG3ciNOvuQbxV15BSXBDMTrKAO0nsUfP33k9L2sfRj//QIdw1KPw3f+63/X2vpBOvloF7SPRMltvogTrjaRnTzabfSDfb3lTDBtx05Gz8S3uLqFIUTlFhXyR7UuWID1+PJIzZhQX19JxMOS8ea+Xy9wDnHzLxnctgT6pcZ+b4K03IhjBfTA4+s0GT4llV99fu3bto/l+KJgDOg83vjyE9IV0ahW9G6iSik8epNueeAJjXnoJx97yFpUHGhUuScJQawXHjDxji06++f8SIM8kKbBflnrlGBeP55PJ5NdLfqjsWlyfmItv7oXziJiynqEQ1jM+G3btQvsjjygrL0nOJyKj5BaDcbugxCDg+WsyXUnJFxHw1gdicqYk1fX0IP7yy6U4w0dJtX15w4YN6wttMOKVfhg3be9FeiKd0nkoEU7F582VPlfaQ4RUR8vKlYi/+ioGzzxzdANCk6QHfLOR+Xfze9CUNvdj1CKY/w9+j/b1KSe4xEKRX5BjejdZbgUdphEJWobr7bm4dqVEhM3uom/0qtYzPtlXYRXS/vDDqlFTU6aoYGbhPxiSFLC0tOQIY53PcguYz/lIcjZzrLbWZ55R42bR1yLEJgqKfpYstxFD76PWIWzEzYNz8O2NdCkfoa+jPrylFs/4ZA+95fnnMXbpUlUnzamGgn6T6SMxtDSZvpGJgArLFwz1SCVwgWPbk0+WRA74nau2/XEyDLaMtmFRhSJvx40HhjBE5IgLgMIhTY6t1fIZn9xzm8i5bdqwQVlNnLzLK1HGIO+tMpfNIKg2LIz4mmlsmHmhhh070LJ8OWIlkMPxNuocd5Hk/Fcx2xdF0Gpcnz4XN222YXfQIfI+tqxWFZ9BMDH1+/apXtzGjcV3J1CSTcbj/iJ2nfFEHlMaw01rn1Eh/JYfSw2nMliKSy1OpP//rru7+yt9fX1FRVIFSgA/FdhG4v/ob+801+e71f14gg2IgTe/GUcvuECZ5xxzsxsb3Zy7c8u8cCdOB3jLxnoVi9PxOXcdRwfGkCHQvG6dumWyDDxFVtuHXnjhhaJFriSCGFeifzZpXnaqlH9U5vtzagau+uFU+DGKZB+bNw8pilRzlFpHwn0k0VyTxOMcxwU50s1p9EZSo41btqj7WcvEXrLYPlDVlwxquG8ffpDIaT2RyckHrrUemjxZEZVtanLUIRGWJQlThNB4wsk9rmtgdVm3f7/zLIXKcIiMgg/X5DWdGouiB9+/d+aXf5FqfLETb6AgyCjYQTM2px9HGSibIMb8+fMvpNn9NPBV9MLbkxiHiKBF5ZLDqKgem19/PHHixOeIIH5fdZG5gdcN9pJau4LU2hOoABUXzO/fv3/nlClTHqWewuWd0/AG1AttyVq7kqy1lagQodzRsG/fvt6pU6c+wC9xpa9zUaHqfK3CdUJ/R+3wyXXr1u1GCAjtlpO9e/emIpHIo01NTfzEnTkoIix0kqGPyPlRIpH4IUWnDyAkVKOni4ULF15AIv4zOESd9ODAJ13v58nPWbV69epQH01YNVV0zjnnnEKz79D0SZpacXKCvdbfkEq7gYyB0O+WZ1R1rCCSWql3vYN08/fo60KcXHierusGMqG5pj2cx4rkQU0G81mzZrU3NDR8ghb/nQjjR3CG/giaWsF1PH9Caerfbd68ueq37NTU2po3b14nGRIfoYv8OD9yGK8torbRed9F6uxPZD7vQI1wXMxhikDMpAH103TBH6Wpk8g6UWN5g67EcBnab0idbUONcVz9lZkzZ7a0tbXxO9s+Qw3BeSZOq1ftbvMiwdWGPdRp1tK0OJVKLV2/fn3ozzMqFieKQynmzp3bGYvFuA7vAzQtoMZp5/e5oQagY/E9oTyerKVpSTqdfoRI2Qmguvf5F4ET0eMXCxYsmMDvz3Ff0cJp9ukIX7JYUrbTtJxv2OV7QilX0408NzAcT7wmQjJkBTbxiybYsKCJyeKn5U+hhu2gsWw8Px033//4eWv8SC84d63toeVtNN/OT/Dgh0TwcwhwguP/ARWFKAIVhxZpAAAAAElFTkSuQmCC)
}

.blockchain-icon.quidd:before,
.quidd.quantity-dropdown-item:before,
.quidd.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,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)
}

.blockchain-icon.tower:before,
.tower.quantity-dropdown-item:before,
.tower.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,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)
}

.blockchain-icon.usdc:before,
.usdc.quantity-dropdown-item:before,
.usdc.quantity-dropdown-text:before {
    background-image: url(data:image/png;base64,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)
}

.blockchain-icon span:not(.quantity-dropdown-arrow),
.quantity-dropdown-item span:not(.quantity-dropdown-arrow),
.quantity-dropdown-text span:not(.quantity-dropdown-arrow) {
    flex: 1 1;
    padding: 0 10px
}

.minting-process {
    text-align: center
}

.minting-process-title {
    color: #ffffffb3;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

@media only screen and (max-width:900px) {
    .minting-process-title {
        font-size: 14px;
        line-height: 17px;
        margin: 0 0 14px
    }
}

.minting-process-list {
    align-content: center;
    align-items: center;
    color: #fff;
    counter-reset: section;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 24px;
    margin: 0 0 15px
}

@media only screen and (max-width:900px) {
    .minting-process-list {
        flex-direction: column;
        font-size: 14px;
        line-height: 17px;
        margin: 0 0 3px
    }
}

.minting-process-item {
    align-items: center;
    display: flex;
    white-space: nowrap
}

@media only screen and (max-width:900px) {
    .minting-process-item {
        margin: 0 0 13px
    }
}

.minting-process-item:before {
    align-items: center;
    border: 2px solid #fff;
    border-radius: 16px;
    content: counter(section);
    counter-increment: section;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    line-height: 16px;
    margin: 0 7px 0 0;
    width: 20px
}

@media only screen and (max-width:900px) {
    .minting-process-item:before {
        height: 15px;
        line-height: 12px;
        width: 15px
    }
}

.minting-process-item:after {
    background: #fff;
    content: "";
    display: inline-flex;
    height: 2px;
    margin: 0 20px;
    width: 17px
}

@media only screen and (max-width:900px) {
    .minting-process-item:after {
        display: none
    }
}

.minting-process-item:last-child:after {
    display: none
}

.completion-bg-banner-top {
    background-image: url(/static/media/minted-background.475c94a7b52c481558ba.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 139px;
    left: 0;
    margin: 0 auto;
    max-width: 1439px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (max-width:500px) {
    .completion-bg-banner-top {
        background-image: none
    }
}

.completion-bg-stars {
    background-image: url(/static/media/completion-bg-stars.7d5f05da4319819abc10.svg);
    background-position: 50%;
    z-index: 1
}

.completion-bg,
.completion-bg-stars {
    background-size: cover;
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw
}

.completion-bg {
    background-image: url(/static/media/completion-bg.06b1861ad865c90adf44.svg);
    background-position: top;
    background-repeat: no-repeat;
    z-index: 0
}

.completion {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    position: relative;
    width: 100vw;
    z-index: 10
}

.completion .moca-icon-arrow {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 5px
}

.realm__row {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 56px auto 50px;
    max-width: 1400px;
    width: 100%
}

@media only screen and (max-width:680px) {
    .realm__row {
        order: 2
    }
}

.realm__build,
.realm__dogood,
.realm__learn,
.realm__play {
    width: 25%
}

@media only screen and (max-width:1400px) {

    .realm__build,
    .realm__dogood,
    .realm__learn,
    .realm__play {
        width: 50%
    }
}

@media only screen and (max-width:680px) {

    .realm__build,
    .realm__dogood,
    .realm__learn,
    .realm__play {
        height: auto;
        max-width: 365px;
        width: 100%
    }
}

.realm__build .text,
.realm__dogood .text,
.realm__learn .text,
.realm__play .text {
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1
}

.realm__build .text.learn,
.realm__dogood .text.learn,
.realm__learn .text.learn,
.realm__play .text.learn {
    top: -25px
}

.realm__build .text.build,
.realm__dogood .text.build,
.realm__learn .text.build,
.realm__play .text.build {
    left: -27px;
    top: -48px
}

.realm__build .text.play,
.realm__dogood .text.play,
.realm__learn .text.play,
.realm__play .text.play {
    top: -25px
}

.realm__build .text.dogood,
.realm__dogood .text.dogood,
.realm__learn .text.dogood,
.realm__play .text.dogood {
    top: -10px;
    width: 200px
}

.realm__build .realm,
.realm__dogood .realm,
.realm__learn .realm,
.realm__play .realm {
    width: 100%
}

.realm__content {
    position: relative
}

.send-moca {
    display: flex;
    height: 56px;
    justify-content: center;
    position: absolute;
    top: 260px;
    width: 100%
}

.send-moca .mocas {
    align-items: center;
    color: #fff;
    font-weight: 700;
    height: 56px;
    justify-content: flex-start;
    line-height: 16px;
    margin-right: 5px;
    position: relative
}

.send-moca .mocas,
.send-moca .mocas .count {
    display: flex;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal
}

.send-moca .mocas .count {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #000;
    border-radius: 30px;
    box-shadow: none;
    box-sizing: border-box;
    color: #0a0a0a;
    flex-direction: row;
    font-weight: 600;
    line-height: 15px;
    padding: 1px 3px;
    position: absolute;
    right: 0;
    top: 0
}

.send-moca .btn {
    background-color: #fff;
    margin-top: 10px;
    padding: 0;
    width: 135px
}

.send-moca .btn:hover {
    background-color: #fff;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto
}

.send-moca .btn:before {
    display: none
}

.completion-screen {
    align-items: center;
    background-color: #75c6f7;
    background-image: url(/static/media/completion-screen.1e158b3650cf66407efa.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 10
}

.completion-mint-confirmed {
    animation: gototop 1.25s;
    background-image: url(/static/media/minted_popup.70ce3748f99cb221d9c9.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 433px;
    position: relative;
    width: 898px;
    z-index: 20
}

@media only screen and (max-width:680px) {
    .completion-mint-confirmed {
        background-image: url(/static/media/minted_popup_mobile.1bd8213ba88c43a9a3ca.svg);
        height: 595px;
        width: 544px
    }
}

.completion-mint-confirmed .content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    height: 433px;
    justify-content: center;
    left: 50%;
    position: absolute;
    width: 270px
}

@media only screen and (max-width:680px) {
    .completion-mint-confirmed .content {
        align-items: center;
        box-sizing: border-box;
        height: 595px;
        justify-content: flex-end;
        left: 0;
        margin: 0 auto;
        padding: 20px 10px 80px;
        position: relative;
        right: 0
    }
}

.completion-mint-confirmed h2 {
    color: #000;
    font-family: Montserrat;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    left: -4px;
    line-height: 44px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width:680px) {
    .completion-mint-confirmed h2 {
        font-size: 48px
    }
}

.completion-mint-confirmed p {
    color: #000;
    display: block;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 15px 0;
    text-align: center
}

@media only screen and (max-width:680px) {
    .completion-mint-confirmed p {
        font-size: 20px
    }
}

.completion-mint-confirmed p.sub {
    color: #8f691f;
    display: block;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-align: left
}

@media only screen and (max-width:680px) {
    .completion-mint-confirmed p.sub {
        text-align: center
    }
}

.completion-mint-confirmed .completion-image {
    display: block;
    position: absolute;
    right: 53%;
    top: 87px;
    width: 244px
}

@media only screen and (max-width:680px) {
    .completion-mint-confirmed .completion-image {
        display: block;
        position: absolute;
        right: 173px;
        top: 84px;
        width: 199px
    }
}

.completion-mint-confirmed .completion-image img {
    width: 100%
}

.completion-mint-confirmed .contract {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.completion-mint-confirmed .contract .your-wallet-address {
    background: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 32px;
    line-height: 20px;
    overflow: hidden;
    padding: 4px 35px 4px 14px;
    position: relative;
    text-decoration: none;
    width: 189px
}

.completion-mint-confirmed .contract .your-wallet-address span:not(.moca-icon-arrow) {
    overflow: hidden;
    width: 164px
}

.completion-mint-confirmed .contract .your-wallet-address .moca-icon-arrow {
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px
}

@keyframes gototop {
    0% {
        margin-top: calc(50vh - 216px)
    }

    to {
        margin-top: 0
    }
}

.personality-results {
    align-items: center;
    background-image: url(/static/media/personality-results-bg.25a6a6ebede3b58f0008.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    height: 466px;
    justify-content: center;
    margin: 0 auto 50px;
    position: relative;
    width: 672px
}

@media only screen and (max-width:680px) {
    .personality-results {
        background-image: url(/static/media/personality-results-bg-mobile.4e7612a4c6031f3cacd2.svg);
        height: 608px;
        margin: 0 0 50px;
        width: 356px
    }
}

.header {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: absolute;
    text-transform: capitalize;
    top: 24px
}

.personality-traits-wrapper {
    display: flex;
    height: 75px;
    justify-content: space-between;
    position: absolute;
    top: 107px;
    width: 277px
}

.personality-trait {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 55px;
    display: block;
    height: 76px;
    margin: 0 4px;
    width: 69px
}

.personality-trait--book {
    background-image: url(/static/media/book.927a77b7b1af1620842a.svg)
}

.personality-trait--hammer {
    background-image: url(/static/media/hammer.810eccccf62d73a1e651.svg)
}

.personality-trait--cube {
    background-image: url(/static/media/cube.230b0bbd540331d3696b.svg)
}

.personality-trait--skateboard {
    background-image: url(/static/media/skateboard.6140b114f2e4ef9dd0bf.svg)
}

.personality-trait--binoculars {
    background-image: url(/static/media/binoculars.e032dfdf3dea73a650a1.svg)
}

.personality-trait--ape {
    background-image: url(/static/media/ape-sign.fe51f340dada27f81afb.svg)
}

.personality-trait--banana {
    background-image: url(/static/media/banana.3a71f5a2f915f48cb4a0.svg)
}

.personality-trait--benji {
    background-image: url(/static/media/Benji-plushie.7cf46bd0772296bb3cbc.svg)
}

.personality-trait--boot {
    background-image: url(/static/media/boot.9c922e67a53aa0d887cc.svg)
}

.personality-trait--car {
    background-image: url(/static/media/car.debd49a6b483605f8612.svg)
}

.personality-trait--cat {
    background-image: url(/static/media/cat.a008c97442ee3286cac3.svg)
}

.personality-trait--coldstorage {
    background-image: url(/static/media/cold-storage.ec947fc9a1775fb3a1d2.svg)
}

.personality-trait--hopium {
    background-image: url(/static/media/Hopium-cannister.2e85359aeeb4bcac3ed2.svg)
}

.personality-trait--nothing {
    background-image: url(/static/media/nothing-folder.cabc221fb2f52d50479b.svg)
}

.personality-trait--sword {
    background-image: url(/static/media/sword.ddcfcf34deb1410d7316.svg)
}

.personality-desc {
    color: #fff;
    font-family: Montserrat;
    height: 388px;
    overflow-y: auto;
    padding: 190px 40px 0;
    text-align: center
}

@media only screen and (max-width:680px) {
    .personality-desc {
        padding: 120px 40px 0
    }
}

.personality-desc h2 {
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 5px;
    text-align: center;
    text-transform: capitalize
}

@media only screen and (max-width:680px) {
    .personality-desc h2 {
        margin-bottom: 18px
    }
}

.personality-desc p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

@media only screen and (max-width:680px) {
    .personality-desc p {
        font-size: 14px;
        line-height: 20px
    }
}

.share {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 57px;
    justify-content: center;
    max-width: 414px;
    position: relative;
    top: 6px
}

@media only screen and (max-width:680px) {
    .share {
        flex-wrap: wrap;
        left: -5px;
        max-width: 212px;
        position: relative;
        top: 31px
    }
}

.share .discord,
.share .instagram,
.share .twitter {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    margin: 0 10px;
    width: 40px
}

@media only screen and (max-width:680px) {

    .share .discord,
    .share .instagram,
    .share .twitter {
        order: 2
    }
}

.share .discord img,
.share .instagram img,
.share .twitter img {
    width: 27px
}

.share .copy {
    align-items: center;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    color: #000;
    display: flex;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    margin: 0 10px;
    width: 175px
}

@media only screen and (max-width:680px) {
    .share .copy {
        margin: 0 0 10px;
        order: 1
    }
}

.share .copy img {
    margin-right: 10px;
    width: 17px
}

.share .copy:hover {
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.backtohome {
    margin: 0 auto 50px
}

.backtohome .btn {
    height: 52px;
    margin: 0 auto;
    padding: 0;
    width: 207px
}

.backtohome .btn:before {
    display: none
}

.backtohome a {
    width: 135px
}

.backtohome a:before {
    display: none
}

.pick-a-realm {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 49px 30px 0
}

@media only screen and (max-width:680px) {
    .pick-a-realm {
        order: 1
    }
}

.pick-a-realm p {
    color: #fff;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize
}

.pick-a-realm .moca-token {
    background-image: url(/static/media/moca-token.a30f2ae1beca32d237ab.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 26px
}

.pick-a-realm .moca-token span {
    color: #fff;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-left: 40px;
    text-transform: capitalize
}

.modal-wrapper {
    align-items: center;
    background-color: #0006;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    transition: visibility .15s linear;
    visibility: hidden;
    width: 100vw;
    z-index: 10000
}

@media only screen and (max-width:900px) {
    .modal-wrapper {
        padding: 20px 15px
    }
}

.modal-wrapper.open {
    visibility: visible
}

.modal-wrapper.open .outer {
    transform: none
}

.modal-wrapper .outer {
    box-sizing: border-box;
    transform: translateY(-70px);
    transition: transform .3s ease-out
}

.modal-wrapper .inner,
.modal-wrapper .outer {
    background: #ffafff;
    border: 3px solid #000;
    border-radius: 20px;
    display: block;
    height: 100%;
    padding: 2px;
    width: 100%
}

.modal-wrapper .inner {
    position: relative
}

.modal-wrapper .content {
    background: #f1e699;
    border: 3px solid #000;
    border-radius: 20px;
    font-weight: 600;
    height: 100%;
    overflow-wrap: break-word;
    padding: 30px 7px 45px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .modal-wrapper .content {
        padding: 30px 7px
    }
}

.modal-wrapper .close {
    background: none;
    border: 0;
    height: 55px;
    padding: 0;
    position: absolute;
    right: -17px;
    top: -15px;
    width: 55px;
    z-index: 1
}

.modal-wrapper .close img {
    width: 100%
}

.modal-wrapper h2.title {
    font-size: 40px;
    font-weight: 700;
    line-height: 51px;
    text-align: center;
    text-transform: capitalize
}

@media only screen and (max-width:900px) {
    .modal-wrapper h2.title {
        font-size: 24px;
        line-height: 32px
    }
}

.modal-wappar .success-checkbox {
    margin-left: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 230px
}

.modal-wappar .success-top-left-modal {
    height: 140px;
    left: -18px;
    position: absolute;
    top: -35px;
    width: 140px
}

.modal-wappar .success-bottom-right-modal {
    bottom: -25px;
    height: 100px;
    position: absolute;
    right: -35px;
    width: 100px
}

.modal-wappar .modal-decoration {
    bottom: 0;
    height: 25px;
    position: absolute;
    right: 0;
    width: 25px
}

.modal-wappar-packing .outer {
    background: #ffcf00;
    height: auto;
    max-height: 100%;
    max-width: 704px;
    min-height: 344px
}

@media only screen and (max-width:900px) {
    .modal-wappar-packing .outer {
        min-height: 0;
        width: calc(100% - 30px)
    }
}

.modal-wappar-packing .content {
    background: #fff;
    overflow: hidden;
    padding: 37px 37px 37px 68px
}

@media only screen and (max-width:900px) {
    .modal-wappar-packing .content {
        padding: 17px 15px 37px
    }
}

.modal-wappar-packing .close {
    right: -17px;
    top: -16px
}

.packing-options {
    max-height: calc(100vh - 80px);
    overflow-y: auto
}

.packing-option.ape.show,
.packing-option.banana.show,
.packing-option.benji.show,
.packing-option.binoculars.show,
.packing-option.book.show,
.packing-option.boot.show,
.packing-option.car.show,
.packing-option.cat.show,
.packing-option.coldstorage.show,
.packing-option.cube.show,
.packing-option.hammer.show,
.packing-option.hopium.show,
.packing-option.nothing.show,
.packing-option.skateboard.show,
.packing-option.sword.show {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 346px;
    justify-content: flex-start;
    padding: 30px 60px;
    width: 710px
}

.packing-option-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin: 0 0 20px;
    text-transform: uppercase
}

@media only screen and (max-width:900px) {
    .packing-option-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 10px
    }
}

.packing-option-question {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 20px
}

@media only screen and (max-width:900px) {
    .packing-option-question {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 10px
    }
}

.packing-option-list {
    width: 100%
}

.packing-option-item {
    align-items: center;
    background: #ffcf00;
    border-radius: 10px;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 10px;
    min-height: 56px;
    padding: 20px;
    position: relative
}

@media only screen and (max-width:900px) {
    .packing-option-item {
        margin: 0 0 5px
    }
}

.packing-option-item:last-child {
    margin: 0
}

.packing-option-item:hover input:before {
    display: block
}

.packing-option-item label {
    flex: 1 1
}

.packing-option-item input,
.packing-option-item label {
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto
}

.packing-option-item input {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 100%;
    height: 22px;
    margin: 0 10px 0 0;
    min-width: 22px;
    position: relative
}

.packing-option-item input:before {
    background-image: url(/static/media/check.51c8fa0ed4bc60911dca.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: none;
    height: 24px;
    left: 1px;
    position: absolute;
    top: -4px;
    width: 24px
}

.packing-option-item input:checked:before {
    display: block
}

.ape-image,
.banana-image,
.benji-image,
.binoculars-image,
.book-image,
.boot-image,
.car-image,
.cat-image,
.coldstorage-image,
.cube-image,
.hammer-image,
.hopium-image,
.nothing-image,
.packing-option-image,
.skateboard-image,
.sword-image {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 137px;
    left: -55px;
    position: absolute;
    top: -55px;
    transform: rotate(-31deg);
    width: 137px
}

@media only screen and (max-width:900px) {

    .ape-image,
    .banana-image,
    .benji-image,
    .binoculars-image,
    .book-image,
    .boot-image,
    .car-image,
    .cat-image,
    .coldstorage-image,
    .cube-image,
    .hammer-image,
    .hopium-image,
    .nothing-image,
    .packing-option-image,
    .skateboard-image,
    .sword-image {
        left: 0;
        margin: 0 auto;
        right: 0;
        top: -155px;
        transform: none
    }
}

.book-image {
    background-image: url(/static/media/book.927a77b7b1af1620842a.svg)
}

.hammer-image {
    background-image: url(/static/media/hammer.810eccccf62d73a1e651.svg)
}

.cube-image {
    background-image: url(/static/media/cube.230b0bbd540331d3696b.svg)
}

.skateboard-image {
    background-image: url(/static/media/skateboard.6140b114f2e4ef9dd0bf.svg)
}

.binoculars-image {
    background-image: url(/static/media/binoculars.e032dfdf3dea73a650a1.svg)
}

.ape-image {
    background-image: url(/static/media/ape-sign.fe51f340dada27f81afb.svg)
}

.banana-image {
    background-image: url(/static/media/banana.3a71f5a2f915f48cb4a0.svg)
}

.benji-image {
    background-image: url(/static/media/Benji-plushie.7cf46bd0772296bb3cbc.svg)
}

.boot-image {
    background-image: url(/static/media/boot.9c922e67a53aa0d887cc.svg)
}

.car-image {
    background-image: url(/static/media/car.debd49a6b483605f8612.svg)
}

.cat-image {
    background-image: url(/static/media/cat.a008c97442ee3286cac3.svg)
}

.coldstorage-image {
    background-image: url(/static/media/cold-storage.ec947fc9a1775fb3a1d2.svg)
}

.hopium-image {
    background-image: url(/static/media/Hopium-cannister.2e85359aeeb4bcac3ed2.svg)
}

.nothing-image {
    background-image: url(/static/media/nothing-folder.cabc221fb2f52d50479b.svg)
}

.sword-image {
    background-image: url(/static/media/sword.ddcfcf34deb1410d7316.svg)
}

.realm-modal-wappar {
    align-items: center;
    background-color: #000000b3;
    bottom: 0;
    display: flex;
    flex-direction: row;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 2
}

@media only screen and (max-width:1100px) {
    .realm-modal-wappar {
        flex-direction: column
    }
}

.realm-modal-wappar .dogood-realm,
.realm-modal-wappar .invest-realm,
.realm-modal-wappar .learn-realm,
.realm-modal-wappar .play-realm {
    display: flex;
    max-width: 500px;
    width: 100%
}

.realm-modal-wappar .text {
    position: absolute;
    z-index: 1
}

.realm-modal-wappar .realm-modal {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsMAAAEOCAMAAABbzOqHAAAA0lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQDQRsXh+bhi3KrzvoykP410iqlDFdUBsfGwkAAAA+NRK6oTYAAACqlDJNQxY+NhJOQxddURvpykRtXiB8ayTZvD8uKA18bCQuKA6LeSmrkzFAQECPj4+/v7/f39////8QEBB/f3/v7++fn58gICCbhy1vb28AAADJrzoPDQSvr69gYGCMeSgwMDCAgICQkJCgoKBwcHAvKA2wsLAfGgkAAAAAAAAqbSzXAAAARnRSTlMAQHCv3+//z4AQf58gj2////////////9g//+///////////////////////////////////+w/////////////////5Cg90ccMQAABvBJREFUeAHs2ddyGksYReGRYJazJ/3QZqwzpFaWiM7x/d/qTACcsK9bVfuTyFyu6trFRCEREZGT014/Jkgi8aPe45PoX548jREJXP/Z878W/AKRB+EvFb+MqSVplhcWJJEiHwwdtf6r6E8vqI1KC5zIYETtxR874jXgSmsVZ+l/jqCIuCo9K3YVO+DRk+gXj4C0+0I5TgiTyKS0xnQGvP5jSMy7gisCJlJ5a8x/mxOv9gkXMxqjdOALC4lIPkjPaVwcIj6N9p73IbWav6Q2LC1IIn5IzXmrzSA+TOJn4IrmCw4YeWsV2eTSEQARV00yf6h4F/HUcVgTz4GzfcJX1soqgiJSZda62kdcAk8Ox/DIzAoHSdkV7AiOiOsqzpPdcKjgcdTqw7WZTSDJreYrGje3d/eLAIjc393e0Kj8PuJJdxDHUeMEnJll+yFRJsBytV4EROR+sz1ch8uA5kkCJ1HtMQzNzHUP9oba2+AKFlmvqGVWm4HrHk6jWg+u27Kd3yW8vVsESOR+u4t4mrSPGbzbXWZ+b+a6zzyw1QyWgCP+8L67wlGZvYd+VIuhaF588GaFCz1hUcSu6A7i0qYQRzXAbNat4UnYCYvcL2FmZkOYmwGHhqt2FHtgswiYyEegNBtA9WvDQNEew58WQRO5aeudwodfGvbtGx4IfEmI3HUHrgP/c8MljMw+w80icCI37RQ+h/LPhs8Jfw2LbKAyq441PAXWi8CJrIHieMOlpoQ8CF+gPN7wZ/i0CJ7IJ8iONzyHr4vgiXyF+fGGZ/BtETyRb5Aeb3gI3xcPgeiHiaEaFjX8P7t0aAMgAAMB0HUY0qQJWET3nwqHfA+5m+HAYXCY/3IYh8FhcBgcxmFwGBwGh3EYHAaHwWEcBofBYXAYh8FhcBgcznAYHAaHcRgcBofBYRwGh8FhcBiHwWFwGBzGYXAYHAaHcRgcBofB4QyHwWFwGIfBYXAYHMZhcBgcBodxGBwGh8FhHAaHwWFwGIfBYXAYHM5wGBwGh3EYHAaHwWEcBofBYXAYh8FhcBgcxmFwGBwGh3EYHAaHwWEcBofBYTKHwWFwGBzGYXAYHAaHcRgcBofBYRwGh8FhcBiHwWFwGBzGYXAYHCZzGBwGh8FhHAaHwWFwGIfBYXAYHMZhcBgcBodxGBwGh8FhHAaHwWEyh8FhcBgcxmFwGBwGh3EYHAaHwWEcBofBYXAYh8FhcBgcxmFwGBwmcxgcBofBYRwGh8FhcBiHwWFwGBzGYXAYHAaHcRgcBofBYRwGh8FhAofBYXAYHMZhcBgcBodxGBwGh6H3nqo5tr94GM6rXk+79qGbOhIFYNgp/AnbbF8fmIsva9qkihiRBqTX93+lnXiAFHGjrh2k86kkFPVfozMHn92vW8NKndzwydnJWjWs1P3IBRonDSti86ZxL0azNWpYqdlbwYNMFgY4x2vTsFInIzBWPrAGZ10aVupskfDXiLVhtR5OAStOtm/goFv9b+PfN9yHu1KpcJzBQJzzmMr0cDETJ6sbHsBtGQylhmDEuWYpFZFeDIPVDadwVQZDqQdozoeHs+G4nJ3BNBOR/m/P4RxuymAodQy5iHThbFw64/ls0YDH1Q33gHEZCqVG/ka3B7NPw4WF6eqGpQhpMaEUIA5QeuPlO6xq+FFkAMdleJQ2PC69bxq2YER6wLAMi9JZwiyzfILHxSwRg/3YsMSQiRR6EAdE3cCRiAw+3umaItXo2wPkU8NF9e0cmJVhUOoBkvk++GxWjodnEFu/qEga0Prc8MAH3ofRSRkEpYbzfXDK0qE4BvIuJMuGa5BJ7r/dM3AWWMRKf2s+jKnEqTj7YGwME+lBLXK2YSJS+G//iIOJWKlTmFpxbHMPngdZ9T+QpmBEJrATOVuQiqTLYzuYiJW6Wf3spbGmqrYBl5Gz6QdnA32ZR8ztuAyV0mfgY9sF4y93u5GzAVO/ryAVJzfA2X0AZ7FSpzj7spDtx0D7eh6rgY3oTW35ZMV0Io4tcDi+G2rH6v82GwGmm1sR205iIE5/xH6N1oDtqLILhfidhI9YUkOYlDqweQwmE5EC/owqdSCfTxocSiVtER6lTCrXzGfkBvBX5L34rH3EXSsVmzZbzwRAqee9VgzxXpKLLRYJZ6Y6hr16DfriI/YVB0mpvOvHCXH6sP1XtLC5vPsNqL6TtCcSEqUy204KHJJMnH3gZ/TuZRmxbREwpVq5LBJ+iT76BfQzeZM3CZNS8b++4KwP7ESf1HcAcySVrJGEdp1T6rmTNDKp5Ab4VY++eMEp2hI4pfKC5SDx2c9tHNNtTzIJklLZJE1inNpmtMpfr6wFpV7q0Qq+4m0Cp1Rttx59Z2N3a6dGkJSqbW9tbkRf/QcIm22Ea8w+BwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 207px;
    position: relative;
    width: 540px
}

@media only screen and (max-width:600px) {
    .realm-modal-wappar .realm-modal {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV8AAAFBCAMAAADnt1xYAAABiVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQDQRsXh+bhi3KrzroyUP410irlDJdUBsfGwkAAAAAAAA+NRK6oTaqlDIAAAAAAACMeSlNQxYuKA18aySqkzIAAAB8bCRdURvZvD/nyUNtXh8AAAD310gAAAAAAAAAAABuXh/31kgAAAAAAAA+NhIvKQ2qlDE/NxK5oDYQEBBvb2+fn5/Pz8/v7+////+vr69fX18gICABAACLeShAQEC/v78QDgSurq6rkzHu7u5wcHABAQCahS3Jrjp/f3/+/v7Irjq+vr5ORBYgHAlgYGCenp7Ozs5ubm4wMDCgoKDe3t4hISERDgRtXx8RERF9bCQBAQHd3d3Yuz/nyEN7aySahi0PDQSLeCleURtcUBswKQ2wsLDt7e0/NhLoykOMeiichy2AgIAwKA0gGwnXuz8hHAkwKg2rlDGpkzFrXR9sXR9eUBsAAACqkjFPRBaNeSnIrToAAAAAAAAAAAAAAACwPmg2AAAAg3RSTlMAQG+v3+//z4AQf58gj////////////95f////jr///////87//////77/YP5w///uoP///////////////////////////////////////////////////////////////////////////////////////////////57/////Xs2ubsWgBWoAAAbrSURBVHgB7JeFbuwwEAAPp3zkV2ZmZmZm+P9veWtZzlExrqjaOUzEo9WOk1CUv0Mylc5kUeKQbUg3Jj+T29SsakPJtLR+ZLcN5Td433Aqi5DLF4olEwelVPzX3oHQ2VWvtw2hu8coYfR2I/TV7oZ+oMPb7RkY7MjxfZTc0OCwtzfSAYw2VfltAPIlN+Vj8dQqHeMTxjI5BUzXLodhZ3cKJT7O8Mxw9YqYjfQO5DRyQWnrKHjBc/Neb2sG8sYypZELTtuCERanYMmv4GXosONaWkEjF562VetysiPaEK3AmhGGNHK/krZ1I2zAXJMf326/HDRy4WlzK2JxBRoTlgzY+S7URG5za3tnd0/5it2d/YPD6rQdHbsBXrJ6k9AhlxMdVZE7OVVzP2D/pCptZyX5zTGXFL+N0C63xysjd/hTu8r5YWXaFqxnd0RLw4WMb2Xktn6+F5TLq4q0XYvoG0i7R+NbGd+KyN2prDjc31WkTUr2AJ3iNwsiuwMuXORC9Kpgn7Yz2RMucIAxPVHk2FJRcbm/itJ23WMWYc77HY4id6i7Nz6Xhz5tMseVfgejyO2rpQAeo7Q9Vfld9ZE7UUch3J/4tD1X+c35yIWNr/Lo03ZW5ddH7lANhXG/6dLGdb3fYXhRQ6FHCEnbB34Hw9eD8gpPH/hdhR0VFMgbPH/gNwehh1/lEs4+8Auon1Du/7NDBwQAQAAAgP6vBjwAUBNKtX79+sWvX7/49evXr1+/fv369Ytfv37x69evX79+8evXL379+sWvX79+/frFr1+/+PXrF79+/fr16xe/fv3i169f/Pr169evX/z69Ytfv37x69evX79+8evXL379+sWvX79+/frFr1+/+PXrF79+/fr16xe/fv3i169f/Pr169evX/z69Ytfv37x6/dGfv3i169f/Pr1i1+/fv369Ytfv37x69cvfv369evXL379+sWvX7/49evXr1+/+PXrF79+/eLXr1+/fv3i169f/Pr1i1+/fv369Ytfv37x69cvfv369evXL379+sWvX7/49evXr1+/+PXrF79+/eLX73h+8evXL379+sWvX79+/frFr1+/+PXrF79+/fr16xe/fv3i169f/Pr169evX/z69Ytfv37x69evX79+8evXL379+sWvX79+/foV2vidshvbMQvmtpEwgLr0yqHvqsyEGd2TS4FS+Jy9G10aTsx2mZm5v/yklaNxWLlqeF94R0Nvdr73RXPLK8MwPDky5Ri/UeMsjhEwtupE6tewtgKgNADra9H5NTijwzCeSv/RI9LTcG4eyNyIzK9hBkhl66TMQLuC3KrxGxH5YZjvkQoK85DJG7+R4Ixt6B2wPTYErxi/kbAISustlixo6y5owVVg/EZ0fVVWROzbVWjuTOgZbPxGwxzMe3rvAjkXUDUi0lu1h98quGbMhcIZgXvlgbA+de36jXWYrhOx+4DpXfxacNWoC4UziWoQse/Dur6TyTFoF5FG4MEuflth1agLhTOs62ZfIvdw08AoALd28dsCs0Zd+LeQIjbkyifJ4ITsLn4bYNioO6jfa1tPVMN2v1VQp79PGXcHmQ8WubKxG/DAnw/TIr0wvcmvBf+ItMOkcRcGZwX1l7/vrie9g0dj/kIxBI9F/oUHm/y2Qo3IE2DOyAuBMwvV5X137IaTnBuDVI+/UKRFOuDWJr8t/uN9MJY09kIw5e+7UjNOGfVU9MBQDdpydpPfBrgjIk+qzAoRDqe878pECo/x1DNPbwnmA8u+32MbaRvyngaeG3shGIXpgrj0nHuh1Ev/PfArUK7nDm25FxKu36MbabsoLn96gh2jL0zhmC/IJgoWvBaxL8I9HblO1++RIG1D4nIFmN1/BhvWhj3BAxJgv7L8yHWA8n8ccf2eD9JmFcUV/QYYm9n3ChtGc0CXbZftFktVoN6KFC24568Sp1y/hwjS1jegR4QCJmcco3gfbmQAq3uoYNuFd++rAC9y9geY9//3iB+K6cAFaevSgmvmAcYWZpaSzh4Y8mNUoi55Wkt+46QD6mMeJyrS1mXrJH5UHBCDmt/Y0FRa/Mh90n5PVqatryi+4XmjODTjKvUg3SAuxQ/AA/Gvb/xMTHO2Mm3WZ1s0De1fHqTUfhhSL798bRCNPWSBelwnOnLxTzGfk4lNabs4ZNtyUAy2PXQRfzj4kas/EytzfkvarO5334p2eAzFb3/rBYLUUylP4fj3WMBZk7ZIUOm6QO/ZWAX9Jm0RRC5bJ0HkfsQqOdlp0hZl5OL9J2ObORsHLr4zaYsicpuHg89gvUlbRJFLHI7twJnTcX4fQ/zsptmwyXC9UfxbxOOJU9rubhw68bMzEf8/GBL1P38dim3hPyLwXXrk0zuGAAAAAElFTkSuQmCC);
        background-size: contain;
        height: 0;
        padding-top: 91%;
        width: calc(100% - 60px)
    }
}

.realm-modal-wappar .close-btn-modal {
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    height: 55px;
    position: absolute;
    right: -18px;
    width: 55px
}

@media only screen and (max-width:600px) {
    .realm-modal-wappar .close-btn-modal {
        top: 0
    }
}

.realm-modal-wappar .realm-content {
    align-items: center;
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 207px;
    justify-content: flex-start;
    line-height: 20px;
    padding: 30px 28px;
    position: relative;
    width: 535px
}

.realm-modal-wappar .realm-content::-webkit-scrollbar {
    width: 10px
}

.realm-modal-wappar .realm-content::-webkit-scrollbar-track {
    background: #0000
}

.realm-modal-wappar .realm-content::-webkit-scrollbar-thumb {
    background: #bebebe;
    border: 2px solid #000;
    border-radius: 100px
}

.realm-modal-wappar .realm-content::-webkit-scrollbar-thumb:hover {
    background: #00d1ff;
    cursor: pointer
}

@media only screen and (max-width:600px) {
    .realm-modal-wappar .realm-content {
        height: calc(100% - 150px);
        left: 0;
        margin: 50px 0;
        overflow-y: scroll;
        padding: 10px 0 35px 30px;
        position: absolute;
        top: 0;
        width: 93%
    }
}

.realm-modal-wappar h2 {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 15px;
    text-transform: uppercase
}

.reminding-wrappar .outer {
    max-height: 610px;
    width: 811px
}

@media only screen and (max-width:900px) {
    .reminding-wrappar .outer {
        max-height: 551px;
        max-width: 100%;
        width: 100%
    }
}

@media only screen and (max-width:374px) {
    .reminding-wrappar .outer {
        max-height: 605px
    }
}

.reminding-wrappar .content {
    padding: 30px 30px 45px
}

@media only screen and (max-width:900px) {
    .reminding-wrappar .content {
        padding: 20px 5px
    }

    .reminding-wrappar h2.title {
        font-size: 20px;
        line-height: 24px
    }
}

.reminding-title {
    margin: 53px 0 16px
}

@media only screen and (max-width:900px) {
    .reminding-title {
        margin: 32px 0 15px
    }
}

.reminding-des {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 28px;
    max-width: 615px;
    text-align: center
}

@media only screen and (max-width:900px) {
    .reminding-des {
        font-size: 14px;
        line-height: 20px;
        margin: 0 auto 30px;
        max-width: 280px
    }
}

.reminding-info {
    background: #f98af9;
    border: 2px solid #000;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 auto 42px;
    max-width: 497px;
    min-height: 208px;
    overflow: hidden;
    padding: 20px 20px 15px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .reminding-info {
        margin: 0 auto 48px;
        max-width: 298px;
        min-height: 194px
    }
}

.reminding-info-inner {
    display: flex;
    flex-direction: row;
    margin: 0 auto 20px;
    max-width: 320px;
    width: 100%
}

.reminding-info-image {
    border: 2px solid #000;
    font-size: 0;
    height: 100%;
    line-height: 0;
    width: 244px
}

@media only screen and (max-width:900px) {
    .reminding-info-image {
        width: 108px
    }
}

.reminding-info-lable {
    color: #00000080;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 10px
}

@media only screen and (max-width:900px) {
    .reminding-info-lable {
        font-size: 14px;
        line-height: 20px
    }
}

.reminding-info-text {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    padding: 10px 0 0 34px
}

@media only screen and (max-width:900px) {
    .reminding-info-text {
        font-size: 20px;
        line-height: 24px;
        padding: 10px 0 0 10px
    }
}

.reminding-info-text p {
    margin: 0 0 10px;
    white-space: nowrap
}

.reminding-info-num {
    margin: 0 0 0 5px
}

@media only screen and (max-width:900px) {
    .reminding-info-num {
        margin: 0 0 0 3px
    }
}

.reminding-info-actions {
    text-align: center
}

.reminding-info-data {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    min-height: 77px
}

@media only screen and (max-width:900px) {
    .reminding-info-data {
        min-height: 66px
    }
}

.reminding-actions {
    display: flex;
    justify-content: center
}

.btn-get-them {
    background: none;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration-line: underline
}

.btn.btn-proceed {
    padding: 10px 25px
}

@media only screen and (max-width:900px) {
    .btn.btn-proceed {
        height: 44px;
        padding: 10px 35px
    }
}

.terms-wappar .outer {
    max-height: 653px;
    max-width: 812px
}

@media only screen and (max-width:900px) {
    .terms-wappar .outer {
        max-height: 565px
    }
}

.terms-wappar .content {
    background: #fff;
    padding: 30px 7px 45px
}

.terms-wappar .content a {
    color: #000
}

@media only screen and (max-width:900px) {
    .terms-wappar .content {
        padding: 30px 7px
    }
}

.terms-wappar .modal-scroll {
    height: calc(100% - 50px);
    overflow-y: scroll;
    padding: 5px 26px 30px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .terms-wappar .modal-scroll {
        height: calc(100% - 30px);
        padding: 5px 10px 30px 26px
    }
}

.terms-wappar .modal-scroll::-webkit-scrollbar {
    background: none;
    height: 12px;
    width: 9px
}

.terms-wappar .modal-scroll::-webkit-scrollbar-corner {
    background: #bebebe
}

.terms-wappar .modal-scroll::-webkit-scrollbar-thumb {
    background: #bebebe;
    border: 2px solid #000;
    border-radius: 100px
}

.terms-wappar h2 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 40px 0;
    text-transform: uppercase
}

.terms-wappar h2.title {
    margin: 0;
    position: relative;
    top: -16px
}

@media only screen and (max-width:900px) {
    .terms-wappar h2.title {
        margin: 0 0 10px;
        top: -8px
    }
}

.terms-wappar h3 {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.terms-wappar .bullet {
    list-style-type: disc !important
}

.terms-wappar .bullet,
.terms-wappar .letters {
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    list-style-type: lower-alpha;
    margin: 20px 0 20px 40px
}

@media only screen and (max-width:900px) {

    .terms-wappar .bullet,
    .terms-wappar .letters {
        margin: 20px 0 20px 30px
    }
}

.terms-wappar .bullet li,
.terms-wappar .letters li {
    margin: 10px 0
}

.terms-wappar .no-style {
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    list-style-type: none;
    margin: 20px 0 20px 40px
}

@media only screen and (max-width:900px) {
    .terms-wappar .no-style {
        margin: 20px 0 20px 30px
    }
}

.terms-wappar .no-style li {
    margin: 10px 0
}

.terms-wappar p {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 10px
}

.licence-wrappar .outer {
    max-height: 270px;
    max-width: 812px
}

@media only screen and (max-width:900px) {
    .licence-wrappar .outer {
        max-height: 315px
    }
}

@media only screen and (max-width:374px) {
    .licence-wrappar .outer {
        max-height: 375px
    }
}

.licence-wrappar .content {
    background: #fff;
    overflow: hidden;
    padding: 30px 90px
}

.licence-wrappar .content a {
    color: #000
}

@media only screen and (max-width:900px) {
    .licence-wrappar .content {
        padding: 25px 30px
    }
}

.licence-wrappar h2 {
    margin-bottom: 30px;
    text-transform: capitalize
}

@media only screen and (max-width:900px) {
    .licence-wrappar h2 {
        font-size: 24px;
        line-height: 32px
    }
}

.licence-wrappar p {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px
}

.tv__wrapper {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999
}

@media only screen and (max-width:900px) {
    .tv__wrapper.desktop {
        display: none
    }
}

.tv__wrapper.mobile {
    display: none
}

@media only screen and (max-width:900px) {
    .tv__wrapper.mobile {
        display: flex
    }
}

.tv__wrapper .tv-mobile {
    transform: scale(1.2)
}

.tv__button {
    bottom: 200px;
    display: flex;
    justify-content: center;
    left: 260px;
    position: absolute
}

@media only screen and (max-width:900px) {
    .tv__button {
        left: 50%;
        transform: translateX(-50%)
    }
}

.tv__inner {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    transform-origin: center
}

.tv__inner img {
    height: auto;
    max-width: 100%
}

.tv__inner .small-logo {
    left: 120px;
    position: absolute
}

@media only screen and (max-width:900px) {
    .tv__inner .small-logo {
        left: 0
    }
}

.tv__inner .btn:before {
    display: none
}

.tv__blocker {
    background: #091b33;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.tv__overlay {
    background-color: #00000080;
    bottom: 6px;
    left: 65px;
    position: absolute;
    right: 65px;
    top: 160px;
    z-index: -1
}

.what-is-mocaverse-section {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-height: 100vh;
    padding: 90px 20px;
    position: relative;
    width: 100vw
}

@media only screen and (max-width:900px) {
    .what-is-mocaverse-section {
        box-sizing: border-box;
        height: auto;
        min-height: 0;
        padding: 150px 0 0
    }
}

.what-is-mocaverse-section.bg-clouds4 {
    background-image: url(/static/media/bgclouds4.20b9476b220c983fdb13.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width:900px) {
    .what-is-mocaverse-section.bg-clouds4 {
        background-image: none
    }
}

.what-is-mocaverse-section .wim-row {
    display: block;
    height: 686px;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:1440px) {
    .what-is-mocaverse-section .wim-row {
        height: 530px;
        max-width: 1000px
    }
}

@media only screen and (max-width:900px) {
    .what-is-mocaverse-section .wim-row {
        min-height: 850px
    }
}

.what-is-mocaverse-section .wim-1 {
    background-image: url(/static/media/wim-1.ee5648b242b59f0fa376.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 392px;
    left: 0;
    position: absolute;
    top: -18px;
    width: 630px
}

@media only screen and (max-width:1440px) {
    .what-is-mocaverse-section .wim-1 {
        width: 490px
    }
}

@media only screen and (max-width:900px) {
    .what-is-mocaverse-section .wim-1 {
        display: none
    }
}

.what-is-mocaverse-section .wim-1 .content {
    padding-left: 143px;
    padding-right: 81px;
    padding-top: 146px
}

@media only screen and (max-width:1440px) {
    .what-is-mocaverse-section .wim-1 .content {
        padding-left: 120px;
        padding-right: 59px;
        padding-top: 108px
    }
}

.what-is-mocaverse-section .wim-2 {
    background-image: url(/static/media/wim-2.a95590dc155455ac64e6.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 325px;
    position: absolute;
    right: 0;
    top: 17%;
    width: 542px
}

@media only screen and (max-width:1440px) {
    .what-is-mocaverse-section .wim-2 {
        width: 460px
    }
}

@media only screen and (max-width:900px) {
    .what-is-mocaverse-section .wim-2 {
        display: none
    }
}

.what-is-mocaverse-section .wim-2 .content {
    padding-left: 61px;
    padding-right: 135px;
    padding-top: 145px
}

@media only screen and (max-width:1440px) {
    .what-is-mocaverse-section .wim-2 .content {
        padding-left: 53px;
        padding-right: 105px;
        padding-top: 128px
    }
}

.what-is-mocaverse-section .wim-3 {
    background-image: url(/static/media/wim-3.473bc527babe5e707502.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -15px;
    height: 287px;
    left: 5%;
    position: absolute;
    width: 593px
}

@media only screen and (max-width:1440px) {
    .what-is-mocaverse-section .wim-3 {
        bottom: -59px;
        width: 504px
    }
}

@media only screen and (max-width:900px) {
    .what-is-mocaverse-section .wim-3 {
        display: none
    }
}

.what-is-mocaverse-section .wim-3 .content {
    padding-left: 171px;
    padding-right: 59px;
    padding-top: 95px
}

@media only screen and (max-width:1440px) {
    .what-is-mocaverse-section .wim-3 .content {
        padding-left: 153px;
        padding-right: 57px;
        padding-top: 73px
    }
}

.what-is-mocaverse-section .wim-mobile {
    background-image: url(/static/media/what-is-mocaverse-big-mobile.6526c2e8eadaa66bc2f6.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 786px;
    left: 0;
    line-height: 20px;
    margin: 50px auto 0;
    position: absolute;
    right: 0;
    width: 348px
}

@media only screen and (max-width:900px) {
    .what-is-mocaverse-section .wim-mobile {
        box-sizing: border-box;
        display: block;
        padding: 0 35px;
        width: 100%
    }
}

.what-is-mocaverse-section .wim-mobile .content {
    margin: 0 auto;
    overflow-wrap: break-word;
    padding-top: 247px;
    text-align: center;
    width: 270px
}

.what-is-mocaverse-section .content {
    color: #fff;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
}

@media only screen and (max-width:1440px) {
    .what-is-mocaverse-section .content {
        font-size: 12px;
        line-height: 18px
    }
}

.what-is-mocaverse-section .btn.mint {
    margin-top: 20px;
    max-width: 150px
}

.modal-wappar .outer {
    height: auto;
    width: 343px
}

.modal-wappar .outer .content {
    padding-bottom: 10px
}

.modal-wappar .outer .content .modal-content {
    height: auto;
    justify-content: flex-start
}

@media only screen and (max-width:374px) {
    .modal-wappar .outer {
        height: auto;
        width: 280px
    }
}

.modal-wappar .modal-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.modal-wappar h2 {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 15px;
    text-transform: uppercase
}

.modal-wappar h3 {
    color: #6d6d6d;
    margin: 15px
}

.modal-wappar #coinbase,
.modal-wappar #walletconnect {
    background: #0000;
    border: 0;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    display: block;
    height: 64px;
    margin-bottom: 5px;
    outline: 0;
    padding: 0;
    width: 289px
}

.modal-wappar #coinbase:hover,
.modal-wappar #walletconnect:hover {
    transform: scale(1.05)
}

@media only screen and (max-width:374px) {

    .modal-wappar #coinbase,
    .modal-wappar #walletconnect {
        height: auto;
        width: 80%
    }

    .modal-wappar #coinbase img,
    .modal-wappar #walletconnect img {
        width: 100%
    }
}

.nav-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

.nav-back-link {
    background: #0080ce url(/static/media/home.c3f79ec1cfc5063b339a.svg) 15px 15px no-repeat;
    background-size: 32px 32px;
    border: 2px solid #000;
    border-bottom-right-radius: 100%;
    box-shadow: 3px 3px 0 #000;
    height: 75px;
    width: 77px;
    z-index: 10
}

@media only screen and (max-width:900px) {
    .nav-back-link {
        background-position: 11px 12px;
        background-size: 24px 23px;
        height: 57px;
        width: 57px
    }
}

.nav-wallet {
    align-items: center;
    background: #0080ce;
    border: 2px solid #000;
    border-bottom-left-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 80px;
    justify-content: center;
    line-height: 32px;
    min-width: 198px;
    padding: 10px 20px 10px 43px
}

@media only screen and (max-width:900px) {
    .nav-wallet {
        font-size: 16px;
        font-weight: 600;
        height: 59px;
        line-height: 20px;
        min-width: 176px;
        padding: 10px 20px 10px 35px
    }
}

.nav-wallet:before {
    background: url(/static/media/chainlink.e249d40db09564cc9c1e.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
    height: 22px;
    margin: 0 7px 0 0;
    width: 24px
}

.utilities-section {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    min-height: 100vh;
    padding: 120px 0 0;
    position: relative;
    width: 100vw
}

@media only screen and (max-width:900px) {
    .utilities-section {
        height: auto;
        justify-content: flex-start;
        min-height: 0;
        padding: 150px 20px 0
    }
}

.utilities-section .utilities {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto 50px;
    max-width: 913px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities {
        padding: 0
    }
}

.utilities-section .utilities__block-info {
    align-items: center;
    background-image: url(/static/media/utilitiesinfoblob.abda2756726fa4fb1c17.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    color: #f5aa3f;
    display: flex;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 78px;
    justify-content: center;
    line-height: 24px;
    margin: 20px 0;
    width: 747px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities__block-info {
        background-image: url(/static/media/utilitiesinfoblob-mobile.6414e6f857ef4fa1597c.svg);
        height: 85px;
        text-align: center;
        width: 375px
    }
}

.utilities-section .utilities .logo-block {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

.utilities-section .utilities .logo-block .utilities-title {
    max-width: 300px;
    width: 100%
}

.utilities-section .utilities .utilities-block {
    width: 100%
}

.utilities-section .utilities .utilities-about-info {
    background-color: #fff5d3;
    border: 2px solid #000;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 60px;
    display: block;
    margin-bottom: 30px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info {
        margin: 0 auto 30px;
        max-width: 510px;
        width: 100%
    }
}

.utilities-section .utilities .utilities-about-info__header {
    align-items: center;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: 170px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info__header {
        flex-direction: column;
        height: auto
    }
}

.utilities-section .utilities .utilities-about-info .accordion-header {
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    z-index: 1
}

.utilities-section .utilities .utilities-about-info .accordion-header .accordion-button {
    background: #fff5d3;
    border: solid #000;
    border-radius: 24px 24px 0 0;
    border-width: 3px 3px 0;
    color: #000;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    width: 210px
}

.utilities-section .utilities .utilities-about-info .accordion-header .accordion-button span.arrow {
    transform: rotate(180deg)
}

.utilities-section .utilities .utilities-about-info .accordion-header .accordion-button.collapsed span.arrow {
    transform: rotate(0deg)
}

.utilities-section .utilities .utilities-about-info .mini-stars {
    background-image: url(/static/media/small-stars.e033417c69f3420bb0cf.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 180px;
    justify-content: flex-end;
    padding: 19px 119px 19px 19px;
    position: absolute;
    right: -100px;
    width: 517px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .mini-stars {
        background-image: none;
        display: flex;
        height: auto;
        justify-content: space-evenly;
        left: 0;
        margin: 0 auto;
        max-width: 270px;
        min-height: 50px;
        padding: 100px 19px 30px;
        position: relative;
        right: 0;
        width: 100%
    }
}

.utilities-section .utilities .utilities-about-info .mini-stars .logos {
    background-color: #4d4d4d;
    border: 1px solid #000;
    border-radius: 100px;
    display: block;
    height: 66px;
    margin: 0 5px;
    width: 66px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .mini-stars .logos {
        height: 48px;
        margin: 0;
        width: 48px
    }
}

.utilities-section .utilities .utilities-about-info .mini-stars .logos.last {
    margin-right: 45px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .mini-stars .logos.last {
        margin-right: 0
    }
}

.utilities-section .utilities .utilities-about-info .play-bg {
    background-color: #fcca7f;
    background-image: url(/static/media/play-bg.5944370195a79921b909.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    left: 0;
    max-width: 527px;
    position: absolute;
    top: -10px;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .play-bg {
        background-position: 50%;
        height: 100px
    }
}

.utilities-section .utilities .utilities-about-info .play {
    background-image: url(/static/media/play-border.fbd37e7a3112398515ea.svg);
    background-position: top;
    background-repeat: no-repeat;
    height: 180px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 527px;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .play {
        background-image: url(/static/media/play-border-mobile.9e709599ebad22680ea6.svg);
        background-position: bottom;
        background-position-y: 75px;
        height: 100px;
        top: -9px
    }
}

.utilities-section .utilities .utilities-about-info .play-title {
    position: absolute;
    top: 10px;
    width: 200px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .play-title {
        width: 138px
    }
}

.utilities-section .utilities .utilities-about-info .learn-bg {
    background-color: #eac1ff;
    background-image: url(/static/media/learn-bg.2bad9291bdf73775a6fd.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    left: 0;
    max-width: 527px;
    position: absolute;
    top: -10px;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .learn-bg {
        background-position: 50%;
        height: 100px
    }
}

.utilities-section .utilities .utilities-about-info .learn {
    background-image: url(/static/media/learn-border.214cb45fe440d05d3523.svg);
    background-position: top;
    background-repeat: no-repeat;
    height: 180px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 527px;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .learn {
        background-image: url(/static/media/learn-border-mobile.8aecf0b8ac68b7e19439.svg);
        background-position: bottom;
        background-position-y: 75px;
        height: 100px;
        top: -9px
    }
}

.utilities-section .utilities .utilities-about-info .learn-title {
    position: absolute;
    top: 10px;
    width: 230px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .learn-title {
        width: 138px
    }
}

.utilities-section .utilities .utilities-about-info .build-bg {
    background-color: #a0e8ff;
    background-image: url(/static/media/build-bg.bce197959d58882bab1d.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    left: 0;
    max-width: 527px;
    position: absolute;
    top: -10px;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .build-bg {
        background-position: 50%;
        height: 100px
    }
}

.utilities-section .utilities .utilities-about-info .build {
    background-image: url(/static/media/build-border.065521e55ff9fc98f9d1.svg);
    background-position: top;
    background-repeat: no-repeat;
    height: 180px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 527px;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .build {
        background-image: url(/static/media/build-border-mobile.410f357e22eba13f3ddf.svg);
        background-position: bottom;
        background-position-y: 75px;
        height: 100px;
        top: -9px
    }
}

.utilities-section .utilities .utilities-about-info .build-title {
    position: absolute;
    top: 10px;
    width: 230px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .build-title {
        width: 138px
    }
}

.utilities-section .utilities .utilities-about-info .dogood-bg {
    background-color: #a8ee9c;
    background-image: url(/static/media/dogood-bg.3e923e3421ba1feb77c5.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    left: 0;
    max-width: 527px;
    position: absolute;
    top: -10px;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .dogood-bg {
        background-position: 50%;
        height: 100px
    }
}

.utilities-section .utilities .utilities-about-info .dogood {
    background-image: url(/static/media/dogood-border.389902e8d66b39eb0b33.svg);
    background-position: top;
    background-repeat: no-repeat;
    height: 180px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 527px;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .dogood {
        background-image: url(/static/media/dogood-border-mobile.de5eb54182da683c211e.svg);
        background-position: bottom;
        background-position-y: 75px;
        height: 100px;
        top: -9px
    }
}

.utilities-section .utilities .utilities-about-info .dogood-title {
    position: absolute;
    top: 34px;
    width: 290px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .dogood-title {
        top: 24px;
        width: 163px
    }
}

.utilities-section .utilities .utilities-about-info .accordion-collapse.collapse {
    display: none
}

.utilities-section .utilities .utilities-about-info .accordion-collapse.collapse.show {
    border-top: 2px solid #000;
    box-sizing: border-box;
    display: flex;
    height: auto;
    padding: 30px
}

.utilities-section .utilities .utilities-about-info .accordion-body {
    width: 100%
}

.utilities-section .utilities .utilities-about-info .infocard {
    align-items: flex-start;
    background: #fff;
    border: 2px solid #000;
    border-radius: 60px;
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-direction: row;
    gap: 20px;
    height: auto;
    justify-content: center;
    margin-bottom: 20px;
    min-height: 110px;
    padding: 20px;
    width: 100%
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .infocard {
        flex-direction: column
    }
}

.utilities-section .utilities .utilities-about-info .infocard__logo {
    background-color: #4d4d4d;
    border: 2px solid #000;
    border-radius: 100px;
    height: 100px;
    width: 100px
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .infocard__logo {
        height: 60px;
        width: 60px
    }
}

.utilities-section .utilities .utilities-about-info .infocard__content {
    color: #464646;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    width: calc(100% - 130px)
}

@media only screen and (max-width:900px) {
    .utilities-section .utilities .utilities-about-info .infocard__content {
        width: 100%
    }
}

.utilities-section .utilities .utilities-about-info .infocard__content h3 {
    color: #000;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

.utilities-section .utilities span.arrow {
    background: url(/static/media/arrowfilled.9c5924d54d3ec4122c53.svg);
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    position: absolute;
    right: 37px;
    top: 4px;
    width: 18px
}

.mocana-wrapper {
    background: radial-gradient(51.66% 51.81% at 36.36% 41.18%, #3274c3 .07%, #0e1e3f 100%);
    min-height: 100vh
}

.mocana-wrapper input:focus,
.mocana-wrapper select:focus {
    outline: none
}

.mocana-wrapper .banner {
    width: 100%
}

.mocana-wrapper .moca-search-filter {
    display: flex;
    margin: 14px 0 12px
}

.mocana-wrapper .mocana-filter {
    position: relative
}

.mocana-wrapper .mocana-filter .mocana-button-sort {
    display: none
}

.mocana-wrapper .mocana-filter .mocana-button-filter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 1rem;
    position: relative;
    z-index: 10
}

.mocana-wrapper .mocana-filter .mocana-button-filter button {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 6px 6px 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 10px 24px
}

.mocana-wrapper .mocana-filter .mocana-button-filter button:hover {
    background-color: #ffb800;
    bottom: -7px;
    box-shadow: none;
    position: relative
}

.mocana-wrapper .mocana-filter .mocana-list-filter,
.mocana-wrapper .mocana-filter .mocana-list-sort {
    background: #0080ce;
    border: 1px solid;
    border-radius: 14px;
    display: none;
    position: absolute;
    top: 110%;
    z-index: 1
}

.mocana-wrapper .mocana-filter .mocana-list-filter.active,
.mocana-wrapper .mocana-filter .mocana-list-sort.active {
    display: block
}

.mocana-wrapper .mocana-filter .mocana-list-filter .filter-wrapper,
.mocana-wrapper .mocana-filter .mocana-list-filter .sort-wrapper,
.mocana-wrapper .mocana-filter .mocana-list-sort .filter-wrapper,
.mocana-wrapper .mocana-filter .mocana-list-sort .sort-wrapper {
    border-radius: 14px;
    overflow: hidden
}

.mocana-wrapper .mocana-filter .mocana-list-filter .btn-apply-filter,
.mocana-wrapper .mocana-filter .mocana-list-sort .btn-apply-filter {
    align-items: center;
    background: #f8d748;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 5px 0 #000;
    color: #000;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    margin: 6px auto 24px;
    padding: 12px 32px;
    text-align: center
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section {
    padding: 19px 17px
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section h3,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    opacity: .8;
    text-transform: uppercase
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section ul,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section ul {
    margin: 10px 10px 10px 0;
    min-width: 220px
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li {
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 12px 0
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li img,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li img {
    margin-top: -3px;
    width: 20px
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li .custom-input,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li .custom-input {
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    padding-left: 27px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li .custom-input:hover input~.checkmark,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li .custom-input:hover input~.checkmark {
    background-color: #ccc
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li .custom-input:after,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li .custom-input:after {
    content: "";
    display: none;
    position: absolute
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li .custom-input input,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li .custom-input input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 100
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li .custom-input input:checked~.checkmark,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li .custom-input input:checked~.checkmark {
    background-color: #000
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li .custom-input input:checked~.checkmark:after,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li .custom-input input:checked~.checkmark:after {
    display: block
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li .custom-input .checkmark,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li .custom-input .checkmark {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 4px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.mocana-wrapper .mocana-filter .mocana-list-filter .sub-filter-section li .custom-input .checkmark:after,
.mocana-wrapper .mocana-filter .mocana-list-sort .sub-filter-section li .custom-input .checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 5px
}

.mocana-wrapper .mocana-filter .mocana-list-filter h2,
.mocana-wrapper .mocana-filter .mocana-list-sort h2 {
    background-color: #004975;
    border-bottom: 1px solid;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 8px
}

.mocana-wrapper .mocana-filter .mocana-list-filter h2 .text-filter,
.mocana-wrapper .mocana-filter .mocana-list-sort h2 .text-filter {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.mocana-wrapper .mocana-filter .mocana-list-filter h2 .text-reset,
.mocana-wrapper .mocana-filter .mocana-list-sort h2 .text-reset {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration-line: underline
}

.mocana-wrapper .mocana-filter .mocana-list-filter h2 button,
.mocana-wrapper .mocana-filter .mocana-list-sort h2 button {
    background: #0000;
    border: 0;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: underline
}

.mocana-wrapper .mocana-filter .mocana-list-filter .filter,
.mocana-wrapper .mocana-filter .mocana-list-sort .filter {
    text-align: right
}

.mocana-wrapper .mocana-filter .mocana-list-filter .filter select,
.mocana-wrapper .mocana-filter .mocana-list-sort .filter select {
    background: #f7aa17;
    border: #0000;
    font-weight: 700;
    padding: 10px 20px
}

.mocana-wrapper .mocana-filter .mocana-list-filter .filter select:focus,
.mocana-wrapper .mocana-filter .mocana-list-sort .filter select:focus {
    outline: none
}

.mocana-wrapper .mocana-filter .mocana-list-filter .toggle-button,
.mocana-wrapper .mocana-filter .mocana-list-sort,
.mocana-wrapper .mocana-filter .mocana-list-sort .toggle-button {
    display: none
}

.mocana-wrapper .moca-search {
    align-items: center;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    max-width: 640px;
    padding: 3px 16px;
    position: relative;
    width: 82%
}

.mocana-wrapper .moca-search img {
    max-width: 30px
}

.mocana-wrapper .moca-search button {
    background: #0000;
    border: 0;
    position: absolute;
    right: 6px
}

.mocana-wrapper .moca-search input {
    background: #0000;
    border: #0000;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 700;
    min-height: 34px;
    padding: 8px 0 8px 8px;
    width: 100%
}

.mocana-wrapper .moca-search input::placeholder {
    color: #0000004d;
    font-size: 1.1rem
}

.mocana-wrapper .tab-content .moca-table {
    max-width: 1228px
}

.mocana-wrapper .moca-table {
    margin: auto;
    padding: 12px
}

.mocana-wrapper .moca-table .table-container {
    width: 100%
}

.mocana-wrapper .moca-table .table-container__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px 0 8px;
    padding: 0 50px
}

.mocana-wrapper .moca-table .table-container__header.active-moca_name .table-container__header--col-2:after,
.mocana-wrapper .moca-table .table-container__header.active-rank .table-container__header--col-1:after,
.mocana-wrapper .moca-table .table-container__header.active-tribe .table-container__header--col-4:after {
    transform: rotate(180deg)
}

.mocana-wrapper .moca-table .table-container__header span {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.mocana-wrapper .moca-table .table-container__header--col-1 {
    min-width: 98px
}

.mocana-wrapper .moca-table .table-container__header--col-2,
.mocana-wrapper .moca-table .table-container__header--col-4,
.mocana-wrapper .moca-table .table-container__header--col-5 {
    min-width: 150px
}

.mocana-wrapper .moca-table .table-container__header--col-6 {
    justify-content: end;
    left: 36px;
    min-width: 150px
}

.mocana-wrapper .moca-table .table-container__header--col-1,
.mocana-wrapper .moca-table .table-container__header--col-2,
.mocana-wrapper .moca-table .table-container__header--col-3,
.mocana-wrapper .moca-table .table-container__header--col-4,
.mocana-wrapper .moca-table .table-container__header--col-5,
.mocana-wrapper .moca-table .table-container__header--col-6 {
    align-items: center;
    display: flex;
    gap: 4px;
    position: relative
}

.mocana-wrapper .moca-table .table-container__header--col-1:hover .moca-table-tooltip,
.mocana-wrapper .moca-table .table-container__header--col-2:hover .moca-table-tooltip,
.mocana-wrapper .moca-table .table-container__header--col-3:hover .moca-table-tooltip,
.mocana-wrapper .moca-table .table-container__header--col-4:hover .moca-table-tooltip,
.mocana-wrapper .moca-table .table-container__header--col-5:hover .moca-table-tooltip,
.mocana-wrapper .moca-table .table-container__header--col-6:hover .moca-table-tooltip {
    box-shadow: 6px 5px 0 #000;
    opacity: 1;
    visibility: visible
}

.mocana-wrapper .moca-table .table-container__header--col-1:hover .moca-table-tooltip:before,
.mocana-wrapper .moca-table .table-container__header--col-2:hover .moca-table-tooltip:before,
.mocana-wrapper .moca-table .table-container__header--col-3:hover .moca-table-tooltip:before,
.mocana-wrapper .moca-table .table-container__header--col-4:hover .moca-table-tooltip:before,
.mocana-wrapper .moca-table .table-container__header--col-5:hover .moca-table-tooltip:before,
.mocana-wrapper .moca-table .table-container__header--col-6:hover .moca-table-tooltip:before {
    border-color: #fff #0000 #0000;
    border-style: solid;
    border-width: 25px 15px;
    content: "";
    left: 40%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
    z-index: 10
}

.mocana-wrapper .moca-table .table-container__header--col-1:hover .moca-table-tooltip:after,
.mocana-wrapper .moca-table .table-container__header--col-2:hover .moca-table-tooltip:after,
.mocana-wrapper .moca-table .table-container__header--col-3:hover .moca-table-tooltip:after,
.mocana-wrapper .moca-table .table-container__header--col-4:hover .moca-table-tooltip:after,
.mocana-wrapper .moca-table .table-container__header--col-5:hover .moca-table-tooltip:after,
.mocana-wrapper .moca-table .table-container__header--col-6:hover .moca-table-tooltip:after {
    border-color: #000 #0000 #0000;
    border-style: solid;
    border-width: 36px 20px 36px 24px;
    content: "";
    left: 39%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
    z-index: 1
}

.mocana-wrapper .moca-table .table-container__header--col-1:after,
.mocana-wrapper .moca-table .table-container__header--col-2:after,
.mocana-wrapper .moca-table .table-container__header--col-3:after,
.mocana-wrapper .moca-table .table-container__header--col-4:after {
    background-image: url(/static/media/arrow-sort.7908c2c4591defbf3a42.svg);
    background-position-y: -1px;
    content: "";
    display: block;
    height: 15px;
    width: 15px
}

.mocana-wrapper .moca-table .table-container__header--col-3:before,
.mocana-wrapper .moca-table .table-container__header--col-6:before {
    background-image: url(/static/media/info.98a93fcf5cf5bbdba74c.svg);
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

.mocana-wrapper .moca-table .table-container__item {
    align-items: center;
    background: #fff9be;
    background-image: url(/static/media/item-table-background.efd5c1db4a8921cb6842.svg);
    background-repeat: no-repeat;
    border: 1px solid #000;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 8px 50px
}

.mocana-wrapper .moca-table .table-container__item.mobile {
    background-image: none;
    display: none
}

.mocana-wrapper .moca-table .table-container__item.mobile .table-container__item--col-4 {
    min-width: 0;
    min-width: auto
}

.mocana-wrapper .moca-table .table-container__item.mobile .table-container__item--col-2 .link-opensea img {
    max-height: 35px;
    max-width: 35px
}

.mocana-wrapper .moca-table .table-container__item--col-1 {
    min-width: 101px
}

.mocana-wrapper .moca-table .table-container__item--col-2,
.mocana-wrapper .moca-table .table-container__item--col-4,
.mocana-wrapper .moca-table .table-container__item--col-5 {
    min-width: 150px
}

.mocana-wrapper .moca-table .table-container__item--col-6 {
    min-width: 150px;
    padding-right: 0
}

.mocana-wrapper .moca-table .table-container__item--col-1 {
    color: #333;
    font-size: 24px;
    font-weight: 800
}

.mocana-wrapper .moca-table .table-container__item--col-2 {
    align-items: center;
    display: flex;
    gap: 8px
}

.mocana-wrapper .moca-table .table-container__item--col-2 img {
    border: 1px solid #545454;
    border-radius: 50%;
    height: 48px;
    width: 48px
}

.mocana-wrapper .moca-table .table-container__item--col-2 span {
    font-weight: 700
}

.mocana-wrapper .moca-table .table-container__item--col-2 .link-opensea img {
    max-height: 30px;
    max-width: 30px
}

.mocana-wrapper .moca-table .table-container__item--col-3 {
    color: #00cd3c;
    font-size: 16px;
    font-weight: 700;
    position: relative
}

.mocana-wrapper .moca-table .table-container__item--col-3.not {
    color: red
}

.mocana-wrapper .moca-table .table-container__item--col-3.not div {
    color: #000
}

.mocana-wrapper .moca-table .table-container__item--col-3.not span {
    align-items: center;
    display: flex
}

.mocana-wrapper .moca-table .table-container__item--col-3:hover .moca-table-tooltip {
    opacity: 1;
    padding: 12px;
    visibility: visible
}

.mocana-wrapper .moca-table .table-container__item--col-3:hover .moca-table-tooltip p {
    font-size: 12px;
    font-weight: 500;
    margin: 3px 0
}

.mocana-wrapper .moca-table .table-container__item--col-3:hover .moca-table-tooltip p b {
    font-weight: 700
}

.mocana-wrapper .moca-table .table-container__item--col-4 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize
}

.mocana-wrapper .moca-table .table-container__item--col-5 {
    align-items: center;
    color: #0080ce;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.mocana-wrapper .moca-table .table-container__item--col-5 .link-opensea {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 2px 3px 0 #000;
    color: #000;
    display: flex;
    font-size: .9rem;
    font-weight: 700;
    justify-content: center;
    left: 92%;
    padding: 6px 10px;
    position: absolute;
    text-decoration-line: none
}

.mocana-wrapper .moca-table .table-container__item--col-5 .link-opensea img {
    margin-right: 3px;
    max-width: 20px
}

.mocana-wrapper .moca-table .table-container__item--col-5 .link-opensea:hover {
    background-color: #ffb800;
    bottom: -12px;
    box-shadow: none
}

.mocana-wrapper .moca-table .table-container__item--col-5 a {
    color: currentColor
}

.mocana-wrapper .moca-table .table-container__item--col-6 {
    color: #000;
    font-size: 28px;
    font-weight: 800;
    text-align: right
}

.mocana-wrapper .moca-table .table-container__pagination {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 1.5rem auto
}

.mocana-wrapper .moca-table .table-container__pagination--next img,
.mocana-wrapper .moca-table .table-container__pagination--prev img {
    margin-top: 3px;
    transform: rotate(90deg);
    width: 22px
}

.mocana-wrapper .moca-table .table-container__pagination--next img {
    transform: rotate(-90deg) !important
}

.mocana-wrapper .moca-table .table-container__pagination select {
    padding: 8px 28px;
    width: 100px
}

.mocana-wrapper .moca-table .table-container__pagination select,
.mocana-wrapper .moca-table .table-container__pagination--select {
    -webkit-appearance: none;
    appearance: none;
    background-color: #f8d748;
    background-image: url(/static/media/arrow-down.4236cb25678abcdf2da4.svg);
    background-position: right .8em top 50%;
    background-repeat: no-repeat;
    background-size: 1em auto;
    border-radius: 30px;
    box-shadow: 4px 4px 0 #000;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 800
}

.mocana-wrapper .moca-table .table-container__pagination--select {
    padding: 10px 28px;
    position: relative;
    width: 110px
}

.mocana-wrapper .moca-table .table-container__pagination--select--option {
    background: #f8d748;
    border: 1px solid #000;
    border-radius: 8px;
    bottom: 110%;
    box-shadow: 4px 4px 0 #000;
    left: 0;
    position: absolute;
    width: 100%
}

.mocana-wrapper .moca-table .table-container__pagination--select--option ul {
    margin: 0;
    max-height: 246px;
    overflow: scroll;
    padding: 0
}

.mocana-wrapper .moca-table .table-container__pagination--select--option ul::-webkit-scrollbar {
    background: none;
    height: 6px;
    width: 7px
}

.mocana-wrapper .moca-table .table-container__pagination--select--option ul::-webkit-scrollbar-corner {
    background: none
}

.mocana-wrapper .moca-table .table-container__pagination--select--option ul::-webkit-scrollbar-thumb {
    background: #886f5580;
    border-radius: 100px
}

.mocana-wrapper .moca-table .table-container__pagination--select--option ul li {
    padding: 6px 16px
}

.mocana-wrapper .moca-table .table-container__pagination--select--option ul li:hover {
    background: #ffa800
}

.mocana-wrapper .moca-table .table-container__pagination--select--option .last-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #00000080;
    padding: 6px 16px
}

.mocana-wrapper .moca-table .table-container__pagination--select--option .last-item:hover {
    background: #ffa800
}

.mocana-wrapper .moca-table .table-container__pagination--label {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal {
    background-image: url(/static/media/bg-modal-mocana.237e7a55c9e6af1f0d70.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 424px;
    left: calc(50% - 337px);
    max-width: 674px;
    padding: 18px;
    position: fixed;
    top: calc(50% - 212px);
    visibility: visible;
    width: 100%;
    z-index: 1110
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .toggle-button {
    align-items: center;
    background-color: #f8d748;
    border: 3px solid #000;
    border-radius: 50%;
    display: flex;
    height: 55px;
    justify-content: center;
    position: absolute;
    right: -1px;
    top: -3px;
    width: 55px;
    z-index: 100
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content {
    display: flex
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block {
    max-width: 205px;
    padding-top: 64px;
    width: 100%
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block .info-moca-title-mobile {
    display: none
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block-content,
.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block-content .moca-top {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block-content .moca-top .moca-id {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block-content .moca-top .moca-tribe {
    color: #ffffff80;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block-content .moca-image {
    border: 2px solid #000;
    box-shadow: 4px 4px 0 #000;
    display: flex;
    max-width: 160px;
    width: 100%
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block-content .moca-image img {
    width: 100%
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca {
    padding: 20px 23px;
    width: 100%
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-title {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .36px;
    line-height: 24px;
    margin-bottom: 17px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row {
    align-items: center;
    border-bottom: 1px solid #0080ce;
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row.loading {
    animation: loadingAnimation 1.2s infinite alternate;
    background: #f0f0f0;
    height: 20px;
    margin-bottom: 8px
}

@keyframes loadingAnimation {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row .title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 5px;
    line-height: 20px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row .description {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row .description.eligible {
    color: #2cff74
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row .description.not-eligible {
    color: red
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column .title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column .content .tools-list {
    display: flex;
    gap: 12px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column .content .tools-list-item {
    position: relative
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column .content .tools-list-item>img {
    max-width: 100px
}

@media only screen and (max-width:992px) {
    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column .content .tools-list-item>img {
        max-width: 85px
    }
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column .content .tools-list-item-info {
    align-items: center;
    background: #000;
    border-top-left-radius: 20px;
    bottom: 3px;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: center;
    padding: 2px 10px;
    position: absolute;
    right: 0
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column .content .tools-list-item-info img {
    margin-right: 4px
}

.mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .sub-bg-modal {
    bottom: 16px;
    position: absolute;
    right: 18px
}

@media only screen and (max-width:991px) {
    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal {
        background-image: url(/static/media/bg-modal-mocana-mb.87e3487cd5e558f0ed2a.svg);
        height: 435px;
        left: calc(50% - 173.5px);
        max-width: 350px;
        width: 100%
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .toggle-button {
        align-items: center;
        background-color: #f8d748;
        border: 3px solid #000;
        border-radius: 50%;
        display: block;
        display: flex;
        height: 55px;
        justify-content: center;
        position: absolute;
        right: -6px;
        top: -6px;
        width: 55px;
        z-index: 100
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .toggle-button.hover-mocana {
        display: flex
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content {
        flex-direction: column
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block {
        height: 133px;
        max-width: none;
        padding: 14px 29px 14px 48px;
        width: 100%
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block-content {
        flex-direction: row-reverse;
        gap: 22px;
        justify-content: flex-end
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block-content .moca-image {
        box-shadow: 2px 2px 0 #000;
        max-width: 83px
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .left-block .info-moca-title-mobile {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 800;
        line-height: 16px;
        margin-bottom: 13px
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca {
        padding: 18px 13.5px
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-title {
        display: none
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content {
        gap: 10px
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row {
        padding: 0 0 10px
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row .title {
        font-size: 12px;
        line-height: 16px
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .row .description {
        font-size: 14px;
        font-weight: 800;
        line-height: 16px
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column {
        gap: 10px
    }

    .mocana-wrapper .moca-table .table-container .modal-wrapper-parent .moca-table-tooltip-modal .tooltip-content .info-moca-content .column .title {
        font-size: 12px;
        line-height: 16px
    }
}

.mocana-wrapper .moca-table .moca-404 {
    color: #fff;
    padding: 5%;
    text-align: center
}

.mocana-wrapper .moca-table .moca-404.loading {
    min-height: 500px
}

.mocana-wrapper .moca-table .moca-404 .loading-icon {
    margin-top: 2rem;
    max-width: 100px
}

.mocana-wrapper .moca-table .moca-404 h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 1rem 0
}

.mocana-wrapper .moca-table .moca-table-tooltip {
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
    bottom: 55px;
    left: 40%;
    max-width: 430px;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    transform: translateX(-50%);
    visibility: hidden;
    width: -webkit-max-content;
    width: max-content;
    z-index: 10
}

.mocana-wrapper .moca-table .moca-table-tooltip h2 {
    font-size: 1.3rem;
    font-weight: 700
}

.mocana-wrapper .moca-table .moca-table-tooltip p {
    margin: 12px 0
}

.mocana-wrapper .moca-table .moca-table-tooltip ul {
    list-style: disc;
    margin-bottom: 0;
    margin-left: 1.1rem
}

.mocana-wrapper .moca-table .moca-table-tooltip ul li:not(:last-child) {
    margin-bottom: 12px
}

@media only screen and (max-width:991px) {
    .mocana-wrapper .moca-table.season-1 .moca-search-filter {
        margin-top: 0
    }
}

.mocana-wrapper .moca-table-tooltip-modal {
    visibility: hidden
}

.mocana-wrapper .list-tabs.main-tabs-mocana {
    margin: 32px auto 5px;
    max-width: 1228px
}

@media only screen and (max-width:1025px) {
    .mocana-wrapper .list-tabs.main-tabs-mocana {
        padding: 0 12.5px
    }
}

.mocana-wrapper .list-tabs.main-tabs-mocana ul {
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .mocana-wrapper .list-tabs.main-tabs-mocana ul {
        justify-content: center
    }
}

.mocana-wrapper .list-tabs.main-tabs-mocana ul li button {
    align-items: center;
    bottom: -5px;
    display: flex;
    gap: 7px;
    padding: 10px 12px
}

@media only screen and (max-width:991px) {
    .mocana-wrapper .list-tabs.main-tabs-mocana ul li button {
        bottom: -8px;
        padding: 3px 8px
    }
}

.mocana-wrapper .list-tabs.main-tabs-mocana ul li button.active {
    bottom: -2px;
    padding: 12px
}

@media only screen and (max-width:991px) {
    .mocana-wrapper .list-tabs.main-tabs-mocana ul li button.active {
        bottom: -2px;
        padding: 6px 8px
    }
}

.mocana-wrapper .list-tabs.main-tabs-mocana ul li button img {
    height: 28px;
    width: auto
}

@media only screen and (max-width:991px) {
    .mocana-wrapper .list-tabs.main-tabs-mocana ul li button img {
        height: 20px;
        width: auto
    }

    .mocana-wrapper {
        background: radial-gradient(127.07% 4.7% at 34.93% 29.84%, #3274c3 1%, #0e1e3f 100%)
    }

    .mocana-wrapper .moca-search-filter {
        flex-direction: column
    }

    .mocana-wrapper .moca-search-filter .moca-search {
        margin: auto;
        padding: 6.5px 16px;
        width: 100%
    }

    .mocana-wrapper .moca-search-filter .moca-search img {
        width: 25px
    }

    .mocana-wrapper .moca-search-filter .moca-search input {
        min-height: 0;
        min-height: auto;
        padding: 0 0 0 6px
    }

    .mocana-wrapper .moca-search-filter .moca-search input::placeholder {
        color: #0000004d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .mocana-wrapper .moca-search-filter .mocana-filter {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 12px
    }

    .mocana-wrapper .moca-search-filter .mocana-filter .mocana-button-filter img {
        max-width: 16px;
        opacity: .5
    }

    .mocana-wrapper .moca-search-filter .mocana-filter .mocana-button-filter button {
        background: #0000;
        border: 0;
        box-shadow: none;
        color: #fff;
        flex-direction: row-reverse;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 0
    }

    .mocana-wrapper .moca-search-filter .mocana-filter .mocana-button-filter button>img {
        filter: brightness(0) invert(1);
        margin-left: 6px;
        opacity: 1
    }

    .mocana-wrapper .moca-search-filter .mocana-filter .mocana-button-sort {
        display: block
    }

    .mocana-wrapper .moca-search-filter .mocana-filter .mocana-button-sort button {
        align-items: center;
        background: #0000;
        border: 0;
        color: #fff;
        display: flex;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .mocana-wrapper .moca-search-filter .mocana-filter .mocana-button-sort button>img {
        filter: brightness(0) invert(1);
        margin-left: 6px
    }

    .mocana-wrapper .moca-search-filter .mocana-list-filter,
    .mocana-wrapper .moca-search-filter .mocana-list-sort {
        bottom: 0;
        left: 0;
        max-height: 75%;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 100
    }

    .mocana-wrapper .moca-search-filter .mocana-list-filter .filter-wrapper,
    .mocana-wrapper .moca-search-filter .mocana-list-filter .sort-wrapper,
    .mocana-wrapper .moca-search-filter .mocana-list-sort .filter-wrapper,
    .mocana-wrapper .moca-search-filter .mocana-list-sort .sort-wrapper {
        overflow: scroll
    }

    .mocana-wrapper .moca-search-filter .mocana-list-filter h2,
    .mocana-wrapper .moca-search-filter .mocana-list-sort h2 {
        justify-content: flex-start
    }

    .mocana-wrapper .moca-search-filter .mocana-list-filter h2 .text-filter,
    .mocana-wrapper .moca-search-filter .mocana-list-sort h2 .text-filter {
        margin-left: 20%;
        order: 2
    }

    .mocana-wrapper .moca-search-filter .mocana-list-filter h2 .text-reset,
    .mocana-wrapper .moca-search-filter .mocana-list-sort h2 .text-reset {
        order: 1
    }

    .mocana-wrapper .moca-search-filter .mocana-list-filter .toggle-button,
    .mocana-wrapper .moca-search-filter .mocana-list-sort .toggle-button {
        align-items: center;
        background-color: #f8d748;
        border: 3px solid #000;
        border-radius: 50%;
        display: flex;
        height: 55px;
        justify-content: center;
        position: absolute;
        right: 21px;
        top: -28px;
        width: 55px
    }

    .mocana-wrapper .moca-results .moca-404 {
        padding: 3% 0;
        text-align: center
    }

    .mocana-wrapper .moca-results .moca-404 .loading-icon {
        max-width: 60px
    }

    .mocana-wrapper .moca-results .moca-404 img {
        max-width: 80px
    }

    .mocana-wrapper .moca-results .moca-404 h3 {
        font-size: 18px
    }

    .mocana-wrapper .moca-results .table-container__header,
    .mocana-wrapper .moca-results .table-container__item {
        display: none
    }

    .mocana-wrapper .moca-results .table-container__item.mobile {
        display: block;
        padding: 0;
        position: relative
    }

    .mocana-wrapper .moca-results .table-container__item-top {
        align-items: center;
        background-image: url(/static/media/item-table-background.efd5c1db4a8921cb6842.svg);
        background-repeat: no-repeat;
        border-bottom: 1px solid;
        display: flex;
        justify-content: space-between;
        padding: 6px 14px
    }

    .mocana-wrapper .moca-results .table-container__item-bottom {
        display: flex;
        padding: 6px 14px
    }

    .mocana-wrapper .moca-results .table-container__item-bottom span.label {
        align-items: center;
        color: gray;
        display: flex;
        font-family: Montserrat;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 4px
    }

    .mocana-wrapper .moca-results .table-container__item-bottom-right .link-opensea {
        align-items: center;
        background: #ffcf00;
        border: 1px solid #000;
        border-radius: 100px;
        box-shadow: 1px 2px 0 #000;
        color: #000;
        display: flex;
        font-size: .8rem;
        font-weight: 700;
        justify-content: center;
        padding: 4px 10px;
        position: absolute;
        right: 14px;
        text-decoration: none;
        top: 56px
    }

    .mocana-wrapper .moca-results .table-container__item-bottom-right .link-opensea img {
        margin-right: 2px;
        width: 18px
    }

    .mocana-wrapper .moca-results .table-container__item-bottom-right .link-opensea:hover {
        background-color: #ffb800;
        box-shadow: none;
        top: 58px
    }

    .mocana-wrapper .moca-results .table-container__item-bottom-right-flex {
        display: flex;
        margin-top: 18px
    }

    .mocana-wrapper .moca-results .table-container__item--col-4 {
        width: auto
    }

    .mocana-wrapper .moca-results .table-container__item--col-2 {
        flex-direction: column;
        font-weight: 700;
        margin-right: 28px;
        min-width: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .mocana-wrapper .moca-results .table-container__item--col-2 img {
        height: 68px;
        width: 68px
    }

    .mocana-wrapper .moca-results .table-container__item-own {
        margin-right: 28px
    }

    .mocana-wrapper .moca-results .table-container__item-eligibility .label:before,
    .mocana-wrapper .moca-results .table-container__item-xp .label:before {
        background-image: url(/static/media/icon-tooltip-mb.b1867498fa1983da15b2.svg);
        background-size: contain;
        content: "";
        display: block;
        height: 13px;
        margin-right: 2px;
        width: 13px
    }

    .mocana-wrapper .moca-table-tooltip-modal {
        background-image: url(/static/media/tooltip-modal.cc2129339cc7f4d41da6.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 25%;
        max-width: 349px;
        min-height: 314px;
        padding: 25px 45px;
        position: fixed;
        top: 25%;
        visibility: visible;
        width: 100%;
        z-index: 100
    }

    .mocana-wrapper .moca-table-tooltip-modal .toggle-button {
        align-items: center;
        background-color: #f8d748;
        border: 3px solid #000;
        border-radius: 50%;
        display: flex;
        height: 55px;
        justify-content: center;
        position: absolute;
        right: -1px;
        top: -3px;
        width: 55px
    }

    .mocana-wrapper .moca-table-tooltip-modal .tooltip-title {
        color: #000;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 9px;
        text-align: center;
        text-transform: capitalize
    }

    .mocana-wrapper .moca-table-tooltip-modal .tooltip-description {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 0
    }

    .mocana-wrapper .moca-table-tooltip-modal .tooltip-description a {
        color: #000;
        text-decoration: none
    }
}

@media only screen and (max-width:576px) {
    .mocana-wrapper .moca-table-tooltip-modal {
        left: calc(50vw - 175px) !important
    }
}

.content-header-note {
    color: #fff;
    margin: 0;
    padding: 14px 9px
}

.content-header-note.realm {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding-left: 0;
    padding-top: 0
}

@media only screen and (max-width:991px) {
    .content-header-note {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 11px;
        text-align: center
    }
}

.mocadao-wrapper {
    background-image: url(/static/media/background-mocadao.040655401dc45618b783.svg);
    min-height: 100vh
}

.mocadao-wrapper .container {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin: 0 auto;
    max-width: 1090px;
    padding: 88px 0
}

.mocadao-wrapper .container .empowering-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mocadao-wrapper .container .empowering-section .empowering-title {
    margin-bottom: 23px;
    position: relative
}

.mocadao-wrapper .container .empowering-section .empowering-title-content {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    position: relative;
    text-align: center;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    z-index: 10
}

.mocadao-wrapper .container .empowering-section .empowering-title-effect {
    color: #00d1ff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    left: 4px;
    line-height: 48px;
    position: absolute;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    top: 3px;
    width: 100%
}

.mocadao-wrapper .container .empowering-section .empowering-description {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 auto 30px;
    max-width: 600px;
    opacity: .8;
    text-align: center
}

.mocadao-wrapper .container .empowering-section .empowering-image {
    margin-bottom: 30px;
    max-width: 927px;
    width: 100%
}

.mocadao-wrapper .container .empowering-section .empowering-sub-description {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 20px;
    max-width: 705px;
    text-align: center
}

.mocadao-wrapper .container .intro-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 300px 0 120px
}

.mocadao-wrapper .container .intro-section .top-left {
    left: 0;
    position: absolute;
    top: 120px
}

.mocadao-wrapper .container .intro-section .bottom-left {
    left: 0;
    position: absolute;
    top: 550px
}

.mocadao-wrapper .container .intro-section .top-center {
    position: absolute;
    top: 0
}

.mocadao-wrapper .container .intro-section .top-right {
    position: absolute;
    right: 0;
    top: 150px
}

.mocadao-wrapper .container .intro-section .bottom-right {
    position: absolute;
    right: 0;
    top: 550px
}

.mocadao-wrapper .container .intro-section .intro-title {
    color: #00d1ff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    text-shadow: -2px -1px 0 #000, 2px 2px 0 #000, -2px 2px 0 #000, 2px -1px 0 #000;
    z-index: 1
}

.mocadao-wrapper .container .intro-section .intro-description {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 30px 0;
    text-align: center;
    z-index: 1
}

.mocadao-wrapper .container .intro-section button {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border: 2px solid var(--black, #000);
    border-radius: 100px;
    box-shadow: 3px 3px 0 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
    height: 52px;
    line-height: 32px;
    padding: 11px 43px;
    z-index: 1
}

.mocadao-wrapper .container .intro-section button:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.mocadao-wrapper .container .what-is-section {
    z-index: 1
}

.mocadao-wrapper .container .what-is-section-text {
    text-align: center
}

.mocadao-wrapper .container .what-is-section-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.mocadao-wrapper .container .what-is-section-item h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 12px
}

.mocadao-wrapper .container .what-is-section-item p {
    color: #fffc;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.064px
}

.mocadao-wrapper .container .what-is-section-items {
    display: flex;
    justify-content: space-around;
    margin: 50px 0
}

.mocadao-wrapper .container .what-is-section-title {
    position: relative
}

.mocadao-wrapper .container .what-is-section-title-content {
    color: #fff;
    position: relative;
    text-align: center;
    z-index: 10
}

.mocadao-wrapper .container .what-is-section-title-content,
.mocadao-wrapper .container .what-is-section-title-effect {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000
}

.mocadao-wrapper .container .what-is-section-title-effect {
    color: #00d1ff;
    left: 4px;
    position: absolute;
    top: 3px;
    width: 100%
}

.mocadao-wrapper .container .what-is-section-des {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 12px 0 24px
}

.mocadao-wrapper .container .what-is-section-des span {
    color: #ffcf00
}

.mocadao-wrapper .container .what-is-section-content {
    color: #fffc;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.mocadao-wrapper .container .what-is-section-content span {
    color: #ffcf00;
    font-weight: 700
}

.mocadao-wrapper .container .what-is-section-vote-container {
    background: #000b1680;
    border-radius: 15px;
    display: flex;
    gap: 24px;
    padding: 24px
}

.mocadao-wrapper .container .what-is-section-vote-right-title {
    align-items: baseline;
    color: #fff;
    display: inline-flex;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 37px;
    text-shadow: 1px 2px 5px #e946b7d4
}

.mocadao-wrapper .container .what-is-section-vote-right-title img {
    margin: 0 10px
}

.mocadao-wrapper .container .what-is-section-vote-right-des {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32.211px;
    margin: 14px auto
}

.mocadao-wrapper .container .what-is-section-vote-right-buttons {
    display: flex;
    gap: 16px
}

.mocadao-wrapper .container .what-is-section-vote-right-buttons button {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border: 2px solid var(--black, #000);
    border-radius: 100px;
    box-shadow: 3px 3px 0 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
    height: 52px;
    line-height: 32px;
    padding: 11px 43px;
    z-index: 1
}

.mocadao-wrapper .container .what-is-section-vote-right-buttons button:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.mocadao-wrapper .container .what-is-section-vote-right-buttons button.discord {
    background: #fff !important
}

.mocadao-wrapper .container .what-is-section-text {
    padding-top: 30px
}

.mocadao-wrapper .container .voting-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mocadao-wrapper .container .voting-section .voting-title {
    margin-bottom: 23px;
    position: relative
}

.mocadao-wrapper .container .voting-section .voting-title-content {
    color: #fff;
    position: relative;
    text-align: center;
    z-index: 10
}

.mocadao-wrapper .container .voting-section .voting-title-content,
.mocadao-wrapper .container .voting-section .voting-title-effect {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000
}

.mocadao-wrapper .container .voting-section .voting-title-effect {
    color: #00d1ff;
    left: 4px;
    position: absolute;
    top: 3px;
    width: 100%
}

.mocadao-wrapper .container .voting-section .voting-description {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 auto 25px;
    max-width: 548px;
    opacity: .8;
    text-align: center
}

.mocadao-wrapper .container .voting-section .voting-content {
    align-items: center;
    display: flex;
    justify-content: space-around;
    width: 100%
}

.mocadao-wrapper .container .voting-section .voting-content-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 392px
}

.mocadao-wrapper .container .voting-section .voting-content-item:last-child {
    margin-top: 48px
}

.mocadao-wrapper .container .voting-section .voting-content-item:last-child .item-description {
    max-width: 300px
}

.mocadao-wrapper .container .voting-section .voting-content-item .item-image {
    margin-bottom: 22px
}

.mocadao-wrapper .container .voting-section .voting-content-item .item-title {
    color: #ffcf00;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 9px;
    text-align: center
}

.mocadao-wrapper .container .voting-section .voting-content-item .item-sub-title {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
    margin-bottom: 9px;
    text-align: center
}

.mocadao-wrapper .container .voting-section .voting-content-item .item-description {
    color: #ffffff80;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.mocadao-wrapper .container .voting-section .voting-content-item .item-description .color {
    color: #fff
}

.mocadao-wrapper .container .voting-section .voting-content-item:first-child .item-image {
    margin-bottom: 33px
}

.mocadao-wrapper .container .howToWork-section {
    background: #0000004d;
    border-radius: 15px
}

.mocadao-wrapper .container .howToWork-section .howToWork-header {
    background: #000c;
    border-radius: 15px;
    padding: 21px 0 25px
}

.mocadao-wrapper .container .howToWork-section .howToWork-header .howToWork-title {
    margin-bottom: 0;
    position: relative;
    text-align: center
}

.mocadao-wrapper .container .howToWork-section .howToWork-header .howToWork-title-content {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    position: relative;
    text-align: center;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    z-index: 10
}

.mocadao-wrapper .container .howToWork-section .howToWork-header .howToWork-title-effect {
    color: #00d1ff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    left: 4px;
    line-height: 48px;
    position: absolute;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    top: 3px;
    width: 100%
}

.mocadao-wrapper .container .howToWork-section .howToWork-content {
    padding: 33px 80px
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item:nth-child(2) {
    justify-content: space-around;
    margin: 35px 0 145px
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .btn-view-mobile {
    display: none
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    position: relative
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-number {
    align-items: center;
    background-color: #ffcf00;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 30px;
    margin: 0;
    text-shadow: 0 2px 0 #000;
    width: 32px
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content-title {
    color: #ffcf00;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content-description {
    color: #ffffff80;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    max-width: 457px
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content-description .color {
    color: #fff
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content .btn-view {
    background: #fff;
    border: 2px solid #000;
    border: 2px solid var(--black, #000);
    border-radius: 100px;
    box-shadow: 3px 3px 0 0 #000;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    line-height: 32px;
    margin-top: 30px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 10px 57px
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content .btn-view:hover {
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .line-step-12 {
    position: absolute;
    right: -109px;
    top: calc(100% + 20px)
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .line-step-23 {
    left: -94px;
    position: absolute;
    top: calc(100% + 33px)
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .btn-snapshot {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border: 2px solid var(--black, #000);
    border-radius: 100px;
    box-shadow: 3px 3px 0 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
    height: 52px;
    justify-content: center;
    line-height: 32px;
    padding: 11px 43px
}

.mocadao-wrapper .container .howToWork-section .howToWork-content-item .btn-snapshot:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.mocadao-wrapper .container .startVoting-section {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between
}

.mocadao-wrapper .container .startVoting-section .startVoting-content {
    background-image: url(/static/media/bg-start-content.5f2565a6b893484021d5.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 33px 46px 34px 93px;
    width: 100%
}

.mocadao-wrapper .container .startVoting-section .startVoting-content .sub-title {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 9px
}

.mocadao-wrapper .container .startVoting-section .startVoting-content .title {
    margin-bottom: 27px;
    position: relative;
    text-align: start
}

.mocadao-wrapper .container .startVoting-section .startVoting-content .title-content {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    position: relative;
    text-align: start;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    z-index: 10
}

.mocadao-wrapper .container .startVoting-section .startVoting-content .title-effect {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    left: 4px;
    line-height: 56px;
    position: absolute;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    top: 3px;
    width: 100%
}

.mocadao-wrapper .container .startVoting-section .startVoting-content .btn-snapshot {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border: 2px solid var(--black, #000);
    border-radius: 100px;
    box-shadow: 3px 3px 0 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
    height: 52px;
    justify-content: center;
    line-height: 32px;
    padding: 11px 43px
}

.mocadao-wrapper .container .startVoting-section .startVoting-content .btn-snapshot:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

@media only screen and (max-width:1089px) {
    .mocadao-wrapper .container {
        gap: 40px
    }

    .mocadao-wrapper .container .empowering-section .empowering-title {
        margin: 0 31px 23px;
        text-align: center
    }

    .mocadao-wrapper .container .empowering-section .empowering-title .empowering-title-content,
    .mocadao-wrapper .container .empowering-section .empowering-title .empowering-title-effect {
        font-size: 30px;
        font-weight: 700;
        line-height: 48px
    }

    .mocadao-wrapper .container .empowering-section .empowering-description {
        margin: 0 38px 24px
    }

    .mocadao-wrapper .container .empowering-section .empowering-image {
        margin-bottom: 26px
    }

    .mocadao-wrapper .container .empowering-section .empowering-sub-description {
        margin: 0 35px 30px
    }

    .mocadao-wrapper .container .intro-section {
        padding: 170px 0 120px
    }

    .mocadao-wrapper .container .intro-section .intro-description,
    .mocadao-wrapper .container .intro-section .intro-title {
        width: 85%
    }

    .mocadao-wrapper .container .intro-section .top-left {
        max-width: 45%
    }

    .mocadao-wrapper .container .intro-section .bottom-left {
        max-width: 45%;
        top: 585px
    }

    .mocadao-wrapper .container .intro-section .top-center {
        left: 30%;
        max-width: 48%
    }

    .mocadao-wrapper .container .intro-section .top-right {
        max-width: 45%;
        top: 130px
    }

    .mocadao-wrapper .container .intro-section .bottom-right {
        max-width: 45%;
        top: 585px
    }

    .mocadao-wrapper .container .voting-section .voting-title {
        margin: 0 31px 23px;
        text-align: center
    }

    .mocadao-wrapper .container .voting-section .voting-title .voting-title-content,
    .mocadao-wrapper .container .voting-section .voting-title .voting-title-effect {
        font-size: 30px;
        font-weight: 700;
        line-height: 48px
    }

    .mocadao-wrapper .container .voting-section .voting-description {
        margin: 0 35px 24px
    }

    .mocadao-wrapper .container .voting-section .voting-content {
        flex-direction: column;
        gap: 35px
    }

    .mocadao-wrapper .container .voting-section .voting-content-item:first-child .item-image {
        max-width: 160px
    }

    .mocadao-wrapper .container .voting-section .voting-content-item .item-image {
        margin-bottom: 9px;
        max-width: 213px
    }

    .mocadao-wrapper .container .voting-section .voting-content-item .item-title {
        margin: 0 81px 20px
    }

    .mocadao-wrapper .container .voting-section .voting-content-item .item-sub-title {
        margin-bottom: 20px
    }

    .mocadao-wrapper .container .voting-section .voting-content-item .item-sub-title span {
        display: none
    }

    .mocadao-wrapper .container .voting-section .voting-content-item .item-description {
        margin: 0 31px;
        max-width: 300px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-header {
        padding: 16px 17px 20px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-header .howToWork-title {
        margin: 0;
        text-align: center
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-header .howToWork-title .howToWork-title-content,
    .mocadao-wrapper .container .howToWork-section .howToWork-header .howToWork-title .howToWork-title-effect {
        font-size: 30px;
        font-weight: 700;
        line-height: 48px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content {
        display: flex;
        flex-direction: column;
        gap: 22px;
        padding: 20px 24px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item {
        flex-direction: column;
        gap: 30px;
        position: relative
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .btn-view-mobile {
        background: #fff;
        border: 2px solid #000;
        border: 2px solid var(--black, #000);
        border-radius: 100px;
        box-shadow: 3px 3px 0 0 #000;
        color: #000;
        display: block;
        font-size: 18px;
        font-weight: 700;
        height: 52px;
        line-height: 32px;
        margin-bottom: 16px;
        max-width: 310px;
        min-width: 305px;
        padding: 8px 45px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step {
        gap: 21px;
        width: 100%
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-number {
        min-width: 32px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content {
        align-items: center;
        gap: 10px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content .step-content-description,
    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content .step-content-title {
        text-align: center
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .step-content .btn-view {
        display: none;
        margin-top: 17px;
        padding: 10px 18px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .line-step-12,
    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step .line-step-23 {
        display: none
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .howToWork-step:after {
        content: "", h
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .btn-snapshot {
        justify-content: center;
        min-width: 305px;
        padding: 11px 30px;
        z-index: 100
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item:nth-child(2) {
        margin: 0
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item .item-image {
        left: 30px;
        max-width: 170px;
        position: relative;
        width: 100%
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item:last-child {
        flex-direction: column-reverse
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item:last-child .item-image {
        max-width: 236px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item:not(:first-child) {
        gap: 20px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item:first-child:after {
        background-image: url(/static/media/line-between-12-mobile.f9a5eccd43f50022d624.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        content: "";
        height: calc(100% + 166px);
        left: 15px;
        position: absolute;
        top: 42px;
        width: 3px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content-item:nth-child(2):after {
        background-image: url(/static/media/line-between-23-mobile.1148bcac2a0549545d57.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        content: "";
        height: 302px;
        left: 10px;
        position: absolute;
        top: 228px;
        width: 13px
    }

    .mocadao-wrapper .container .startVoting-section {
        flex-direction: column-reverse;
        gap: 0;
        margin: 0 auto;
        max-width: 350px
    }

    .mocadao-wrapper .container .startVoting-section .startVoting-content {
        background-image: url(/static/media/bg-start-content-mobile.b68fb1509fc62553d153.svg);
        padding: 36px 34px 66px 21px
    }

    .mocadao-wrapper .container .startVoting-section .startVoting-content .sub-title {
        margin-bottom: 20px
    }

    .mocadao-wrapper .container .startVoting-section .startVoting-content .title {
        margin-bottom: 20px;
        position: relative;
        text-align: start
    }

    .mocadao-wrapper .container .startVoting-section .startVoting-content .title-content {
        color: #fff;
        font-size: 36px;
        font-weight: 700;
        line-height: 42px;
        position: relative;
        text-align: start;
        text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
        z-index: 10
    }

    .mocadao-wrapper .container .startVoting-section .startVoting-content .title-effect {
        color: #000;
        font-size: 36px;
        font-weight: 700;
        left: 4px;
        line-height: 42px;
        position: absolute;
        text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
        top: 3px;
        width: 100%
    }

    .mocadao-wrapper .container .startVoting-section .startVoting-content .btn-snapshot {
        justify-content: center;
        padding: 11px 28px
    }

    .mocadao-wrapper .container .startVoting-section .image-start {
        max-width: 286px
    }
}

@media only screen and (max-width:900px) {
    .mocadao-wrapper .container {
        padding: 64px 13px
    }

    .mocadao-wrapper .container .what-is-section-items {
        flex-direction: column;
        gap: 16px
    }

    .mocadao-wrapper .container .what-is-section-title-content,
    .mocadao-wrapper .container .what-is-section-title-effect {
        font-size: 30px;
        line-height: 48px
    }

    .mocadao-wrapper .container .what-is-section-vote-container {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 16px
    }

    .mocadao-wrapper .container .what-is-section-vote-container>img {
        max-width: 255px
    }

    .mocadao-wrapper .container .what-is-section-vote-right {
        text-align: center
    }

    .mocadao-wrapper .container .what-is-section-vote-right-title {
        font-size: 20px;
        line-height: 28px
    }

    .mocadao-wrapper .container .what-is-section-vote-right-title img {
        width: 60px
    }

    .mocadao-wrapper .container .what-is-section-vote-right-des {
        line-height: 20px;
        width: 80%
    }

    .mocadao-wrapper .container .what-is-section-vote-right-buttons {
        flex-direction: column
    }

    .mocadao-wrapper .container .what-is-section-vote-right-buttons button {
        justify-content: center;
        padding: 11px 16px
    }
}

@media only screen and (min-width:768px) {
    .mocadao-wrapper .container .howToWork-section .howToWork-content .howToWork-content-item:first-child:after {
        height: calc(100% + 160px)
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content .howToWork-content-item:nth-child(2):after {
        background-position: bottom;
        height: 232px
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content .howToWork-content-item .howToWork-step:first-child .step-content-description {
        white-space: nowrap
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content .howToWork-content-item .howToWork-step .step-content {
        align-items: flex-start
    }

    .mocadao-wrapper .container .howToWork-section .howToWork-content .howToWork-content-item .howToWork-step .step-content-description {
        text-align: start
    }
}

@media only screen and (max-width:991px) {
    .mocana-wrapper:not(.event-wrapper) .tab-content {
        padding: 0 12.5px
    }
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__header.active--rank .table-container__header--col-1:after {
    transform: rotate(180deg)
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__header.active-rank .table-container__header--col-1:after {
    transform: none
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item--col-5 {
    min-width: 250px
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item--col-5 .link-opensea {
    left: 135px
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item.mobile {
    overflow: hidden
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item.mobile .table-container__item-top {
    background-color: #fdef72
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__header--col-4 {
    min-width: 135px
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__header--col-5 {
    min-width: 216px
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__header--col-5:after,
.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__header--col-6:after {
    opacity: 0
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item--col-5>a:first-child {
    color: #0080ce;
    font-size: 16px
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item--col-2 span,
.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item--col-4 {
    font-size: 16px
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item--col-4 {
    color: #333
}

.mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item--col-6 {
    font-size: 28px
}

@media only screen and (max-width:991px) {
    .mocana-wrapper:not(.event-wrapper) .moca-table:not(.moca-table-realm) .table-container__item--col-2>span {
        font-size: 24px;
        top: 8px
    }

    .mocana-wrapper:not(.event-wrapper) .realm-header .mocana-content-left-title {
        gap: 4px
    }

    .mocana-wrapper:not(.event-wrapper) .realm-header .mocana-content-left-title span {
        min-width: 285px;
        width: 285px
    }
}

.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .moca-search input {
    padding: 15px 0 14px 8px
}

@media only screen and (max-width:991px) {
    .mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .moca-search input {
        padding: 0 0 0 6px
    }
}

.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__header.active--rank .table-container__header--col-1:after,
.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__header.active--wallet_address .table-container__header--col-2:after {
    transform: rotate(180deg)
}

.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__header.active-rank .table-container__header--col-1:after {
    transform: none
}

.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__item .moca-tooltip-content {
    max-width: 340px;
    transform: translateX(86%)
}

.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-top {
    background-color: #fdef72;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding-left: 23.5px
}

.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__item--col-2 {
    min-width: 250px
}

@media only screen and (max-width:768px) {
    .mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__item--col-2 {
        min-width: 0;
        min-width: auto
    }
}

.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__item--col-2 a {
    color: #0080ce
}

.mocana-wrapper:not(.event-wrapper) .moca-table.moca-table-realm .table-container__header--col-6:after {
    display: none
}

.mocana-header-wrapper .mocana-tag {
    align-items: center;
    display: none;
    justify-content: center
}

.mocana-header-wrapper .mocana-step {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 24px;
    max-width: 680px
}

.mocana-header-wrapper .mocana-step-item {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.mocana-header-wrapper .mocana-step-item-number {
    align-items: center;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 29.4px;
    font-weight: 800;
    height: 48px;
    justify-content: center;
    line-height: 120%;
    margin-bottom: 8px;
    text-align: center;
    width: 48px
}

.mocana-header-wrapper .mocana-step-item-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 2px;
    text-align: center
}

.mocana-header-wrapper .mocana-step-item-description {
    color: #fffc;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 0;
    text-align: center
}

.mocana-header-wrapper .mocana-step-item .arrow-step {
    position: absolute;
    right: -5%;
    top: 10%
}

.mocana-header-wrapper .list-social-mobile {
    display: none
}

@media only screen and (max-width:991px) {
    .mocana-header-wrapper {
        background-image: url(/static/media/background-header-mobile.37ed9bd8ef6432c4a7c6.svg);
        background-size: contain;
        padding: 215px 0 26px
    }

    .mocana-header-wrapper:after {
        display: none
    }

    .mocana-header-wrapper a.back-to-home {
        top: 35px
    }

    .mocana-header-wrapper a.back-to-home img {
        max-width: 53px
    }

    .mocana-header-wrapper .mocana-logo-wrapper {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 25% 0 0
    }

    .mocana-header-wrapper .mocana-logo-wrapper>img {
        max-width: 182px
    }

    .mocana-header-wrapper .mocana-step {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 32px
    }

    .mocana-header-wrapper .mocana-step-item {
        max-width: 300px
    }

    .mocana-header-wrapper .mocana-step-item:not(:last-child) {
        margin-bottom: 32px
    }

    .mocana-header-wrapper .mocana-step-item-number {
        background: #0000;
        color: #fff;
        margin-bottom: 9px
    }

    .mocana-header-wrapper .mocana-step-item-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px
    }

    .mocana-header-wrapper .mocana-step-item-description {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .mocana-header-wrapper .mocana-step-item-description .big-text {
        color: #fff;
        font-weight: 700
    }

    .mocana-header-wrapper .mocana-step .arrow-step {
        display: none
    }

    .mocana-header-wrapper .mocana-description {
        color: #fffc;
        margin: 22px auto 0;
        text-align: center
    }

    .mocana-header-wrapper .mocana-description .text-white:first-child {
        margin-right: 35px
    }

    .mocana-header-wrapper .list-social-mobile {
        display: block;
        margin: 21px auto 0;
        max-width: 227px;
        position: relative;
        z-index: 10
    }

    .mocana-header-wrapper .list-social-mobile ul {
        align-items: center;
        display: flex;
        gap: 10px;
        justify-content: center;
        margin: 0;
        padding: 0
    }
}

.mocana-countdown-wrapper {
    align-items: center;
    background: #0000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    max-width: 1228px;
    padding: 12px
}

@media only screen and (max-width:992px) {
    .mocana-countdown-wrapper {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 12px 0 0
    }
}

.mocana-countdown-wrapper .mocana-content {
    width: 50%
}

@media only screen and (max-width:992px) {
    .mocana-countdown-wrapper .mocana-content {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 100%
    }
}

.mocana-countdown-wrapper .mocana-content-left-title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 48px;
    font-weight: 700;
    gap: 8px;
    line-height: 48px;
    margin-bottom: 12px
}

.mocana-countdown-wrapper .mocana-content-left-title img {
    height: 48px;
    width: 48px
}

@media only screen and (max-width:992px) {
    .mocana-countdown-wrapper .mocana-content-left-title {
        align-items: center;
        display: flex;
        font-size: 28px;
        font-weight: 700;
        line-height: 34px;
        margin: 6px auto;
        max-width: 94%;
        text-align: center
    }
}

.mocana-countdown-wrapper .mocana-content-left-description {
    color: #ffffffb3;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0
}

@media only screen and (max-width:992px) {
    .mocana-countdown-wrapper .mocana-content-left-description {
        color: #fffc;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px
    }
}

.mocana-countdown-wrapper .mocana-content-left-description span.big-text {
    color: #ffec00;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

@media only screen and (max-width:992px) {
    .mocana-countdown-wrapper .mocana-content-left-description span.big-text {
        color: #ffde00;
        font-size: 16px;
        font-weight: 800;
        line-height: 20px
    }
}

.mocana-countdown-wrapper .mocana-content-left-description span.double-text {
    background-image: url(/static/media/double-bg.df09d6a99dc56ca97a5b.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: #490505;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    padding: 1px 19px
}

.mocana-countdown-wrapper .content-header-right {
    display: flex;
    flex-direction: column;
    max-width: 479px;
    overflow: hidden;
    width: 50%
}

.mocana-countdown-wrapper .content-header-right-title {
    color: #adf0ff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 3px;
    text-align: end
}

.mocana-countdown-wrapper .content-header-right-content {
    align-items: center;
    background-image: url(/static/media/bg-countdown.b6819f6e596d7ada86fa.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    height: 100px;
    padding: 24px
}

.mocana-countdown-wrapper .content-header-right-content-countdown {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.mocana-countdown-wrapper .content-header-right-content-countdown-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

.mocana-countdown-wrapper .content-header-right-content-countdown-time {
    color: #ffcf00;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 0
}

.mocana-countdown-wrapper .content-header-right-content-countdown-time>img {
    margin-right: 5px
}

.mocana-countdown-wrapper .content-header-right-content.last-season {
    align-items: center;
    display: flex;
    height: 100px
}

.mocana-countdown-wrapper .content-header-right-content.hide-countdown {
    padding: 36px 32px
}

.mocana-countdown-wrapper .content-header-right-content.hide-countdown p {
    color: #fff;
    font-weight: 700
}

.mocana-countdown-wrapper .content-header-right-content.hide-countdown .content-header-right-content-time-time {
    color: #ffcf03;
    font-size: 1.1rem
}

.mocana-countdown-wrapper .content-header-right-content-time {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mocana-countdown-wrapper .content-header-right-content-time-time,
.mocana-countdown-wrapper .content-header-right-content-time-title {
    color: #ffffffb3;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0
}

.mocana-countdown-wrapper .content-header-right-content.season-1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 33px 65px
}

@media only screen and (max-width:992px) {
    .mocana-countdown-wrapper .content-header-right-content.season-1 {
        padding: 33px 24px
    }
}

.mocana-countdown-wrapper .content-header-right-content-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

.mocana-countdown-wrapper .content-header-right-content-title-mb {
    display: none
}

.mocana-countdown-wrapper .content-header-right-content-description {
    color: #ffcf00;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 0
}

.mocana-countdown-wrapper.realm-header {
    max-width: 785px;
    padding-bottom: 0;
    padding-left: 0
}

.mocana-countdown-wrapper.realm-header .mocana-content-left-description {
    display: block
}

.mocana-countdown-wrapper.realm-header .mocana-content {
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

@media only screen and (max-width:1200px) {
    .mocana-countdown-wrapper .content-header-right {
        max-width: 450px;
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    .mocana-countdown-wrapper {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .mocana-countdown-wrapper .mocana-content-left {
        width: 100%
    }

    .mocana-countdown-wrapper .mocana-content-left-title {
        align-items: flex-start;
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        justify-content: center;
        line-height: 34px;
        margin: 6px auto;
        max-width: 94%;
        text-align: center
    }

    .mocana-countdown-wrapper .mocana-content-left-title img {
        height: 28px;
        width: 28px
    }

    .mocana-countdown-wrapper .mocana-content-left-description {
        align-items: center;
        color: #fff;
        flex-direction: column;
        font-size: 14px;
        font-weight: 500;
        justify-content: center;
        line-height: 20px;
        text-align: center
    }

    .mocana-countdown-wrapper .mocana-content-left-description>span {
        margin-bottom: 4px;
        text-align: center
    }

    .mocana-countdown-wrapper .mocana-content-left-description>span>br {
        display: none
    }

    .mocana-countdown-wrapper .mocana-content-left-description span.big-text {
        color: #ffde00;
        font-size: 16px;
        font-weight: 800;
        line-height: 20px
    }

    .mocana-countdown-wrapper .mocana-content-right {
        margin-top: 4px
    }

    .mocana-countdown-wrapper .mocana-content-right-title {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: -5px;
        text-align: center
    }

    .mocana-countdown-wrapper .mocana-content-right.season-1 {
        margin-top: 10px
    }

    .mocana-countdown-wrapper .mocana-content-right-content {
        padding: 18.5px
    }
}

@media only screen and (max-width:991px)and (max-width:370px) {
    .mocana-countdown-wrapper .mocana-content-right-content {
        padding: 18.5px 15px
    }
}

@media only screen and (max-width:991px) {
    .mocana-countdown-wrapper .mocana-content-right-content.hide-countdown {
        margin-top: 6px;
        padding: 31.5px 22px;
        width: auto
    }

    .mocana-countdown-wrapper .mocana-content-right-content.hide-countdown .content-header-right-content-time-time {
        font-size: 14.5px
    }

    .mocana-countdown-wrapper .mocana-content-right-content-countdown-title {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .mocana-countdown-wrapper .mocana-content-right-content-countdown-time {
        color: #ffcf00;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px
    }

    .mocana-countdown-wrapper .mocana-content-right-content-countdown-time>img {
        max-width: 23px
    }

    .mocana-countdown-wrapper .mocana-content-right-content-time-time,
    .mocana-countdown-wrapper .mocana-content-right-content-time-title {
        color: #ffffffb3;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }

    .mocana-countdown-wrapper .mocana-content-right-content.season-1 {
        align-items: center;
        background-image: url(/static/media/bg-countdown-ss1.eb38014fd606fdd5445a.svg);
        justify-content: center;
        padding: 24px 65px
    }

    .mocana-countdown-wrapper .mocana-content-right-content-title-mb {
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 0
    }

    .mocana-countdown-wrapper .mocana-content-right-content-description,
    .mocana-countdown-wrapper .mocana-content-right-content-title {
        display: none
    }
}

.neo-depot-wrapper {
    font-family: Montserrat;
    height: 100vh;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .neo-depot-wrapper {
        overflow: scroll
    }
}

.neo-depot-container {
    display: flex;
    justify-content: center;
    width: 100%
}

.neo-depot-container .neo-depot-flex-container {
    display: flex;
    flex-direction: row;
    max-width: 1440px;
    position: relative;
    top: 130px;
    width: 82%
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container {
        flex-direction: column;
        width: 100%
    }
}

.neo-depot-container .neo-depot-flex-container .character-container {
    position: relative;
    width: 20%;
    z-index: 1
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .character-container {
        height: 120px;
        overflow: hidden;
        width: 100%
    }
}

.neo-depot-container .neo-depot-flex-container .character-container .character-mobile-top-frame {
    display: none
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .character-container .character-mobile-top-frame {
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.neo-depot-container .neo-depot-flex-container .character-container .character-inner-container {
    pointer-events: none;
    width: 1px
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .character-container .character-inner-container {
        bottom: 0;
        height: 115px;
        left: 0;
        overflow: hidden;
        position: absolute;
        width: 100%
    }
}

.neo-depot-container .neo-depot-flex-container .character-container .character-inner-container img.character {
    position: absolute;
    transform: scale(2) translate(2%, 47%)
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .character-container .character-inner-container img.character {
        display: none
    }
}

.neo-depot-container .neo-depot-flex-container .character-container .character-inner-container img.character-mobile {
    display: none
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .character-container .character-inner-container img.character-mobile {
        display: block
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container {
    display: flex;
    flex-direction: column;
    width: 75%
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container {
        overflow-y: scroll;
        width: 100%
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-container {
    position: relative
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-container {
        height: 300px;
        overflow: hidden
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .upper-box-bg {
    width: 100%
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .upper-box-bg {
        height: 300px;
        max-width: none;
        transform: translateX(-100px);
        width: 800px
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .lower-box-bg {
    width: 100%
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-content {
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    left: 6.5%;
    line-height: 20px;
    position: absolute;
    row-gap: 4px;
    top: 20%;
    z-index: 2
}

@media(min-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-content {
        row-gap: 8px
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-content .box-title {
    color: #eee;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-content .tier-tag {
    align-items: center;
    background: #f98af9;
    border-radius: 8px;
    color: #000;
    display: flex;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    line-height: 20px;
    width: 80px
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-content .tier-img {
    left: -10%;
    position: relative;
    top: 10px
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-item-img {
    left: 34.5%;
    position: absolute;
    top: 20%;
    width: 50%
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-price-label {
    bottom: 6%;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    left: 64.5%;
    line-height: 32px;
    position: absolute;
    width: 13%
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-price-label {
        width: 100px
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-price-label img {
    width: 100%
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-price-label .box-price-text {
    left: 10%;
    position: absolute;
    top: 30%;
    width: 100%
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .box-price-label .box-price-text {
        font-size: 18px;
        transform: translateY(-4px)
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes {
        flex-direction: column
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes .box-container {
    flex: 1 1
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes .box-content {
    color: #fff;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    left: 8%;
    line-height: 20px;
    position: absolute;
    top: 13%;
    z-index: 2
}

@media(min-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes .box-content {
        left: 13%
    }
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes .box-content .box-title {
    color: #eee;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes .box-item-img {
    left: auto;
    position: absolute;
    right: 3.5%;
    top: 13%
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes .box-item-img img {
    width: 100%
}

.neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes .box-price-label {
    bottom: 12%;
    width: 25%
}

@media screen and (max-width:768px) {
    .neo-depot-container .neo-depot-flex-container .neo-depot-shop-container .neo-depot-lower-boxes .box-price-label {
        width: 100px
    }
}

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

.no-scroll::-webkit-scrollbar {
    display: none
}

.scrolling-touch {
    -webkit-overflow-scrolling: touch
}

.text-stroke {
    -webkit-text-stroke: 1px rgba(0, 0, 0, .502);
    text-stroke: 1px rgba(0, 0, 0, .502)
}

.mocabox-modal-left-border-radius {
    border-radius: 16px 0 0 16px
}

@media screen and (max-width:767px) {
    .mocabox-modal-left-border-radius {
        border-radius: 16px 16px 0 0
    }

    .bg-mocabox-excavate-info {
        background: url(/static/media/bg-mocabox-excavate-info.578e9728f41c5bd2df32.svg) no-repeat;
        background-position: 50%;
        background-size: cover
    }

    .bg-mocabox-wrong-tool {
        background: url(/static/media/bg-mocabox-wrong-tool.bb0106ad72f55aa0b2f5.svg) no-repeat;
        background-position: 50%;
        background-size: cover
    }

    .bg-mocabox-relic-found {
        background: url(/static/media/bg-mocabox-relic-found.921e2888d4f15827fae7.svg) no-repeat;
        background-position: 50%;
        background-size: cover
    }
}

.mocabox-tooltip {
    position: relative
}

.mocabox-tooltip .mocabox-tooltip-content {
    display: none;
    height: -webkit-max-content;
    height: max-content;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 477px;
    z-index: 10000
}

.mocabox-tooltip:hover .mocabox-tooltip-content {
    display: block;
    opacity: 1;
    visibility: visible
}

.bg-mocabox-history-moca-selection {
    background: url(/static/media/moca-selection-bg.b74935bfdbfa868393b8.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-mocabox-history-moca-selection-m {
    background: url(/static/media/moca-selection-m-bg.ada030c78a5c2801d6d3.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-mocabox-history-journal {
    background: url(/static/media/journal-bg.6e599d58aa2c0b4ef136.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-mocabox-history-journal-m {
    background: url(/static/media/journal-m-bg.8ed401c8c3a327a9c15d.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-mocabox-history-excavation {
    background: url(/static/media/history-excavation-bg.fae659f5571d5e8a930e.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-mocabox-history-excavation-m {
    background: url(/static/media/history-excavation-bg-m.5f5237cd4ab1f65153ab.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-mocabox-history-relic-retrieved {
    background: url(/static/media/history-relic-retrieved-bg.842d06cce65a0739e0cf.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (max-width:767px) {
    .bg-mocabox-history-relic-retrieved {
        background: url(/static/media/history-relic-retrieved-bg-m.f9775f32d742670b2a30.svg) no-repeat;
        background-position: 50%;
        background-size: cover
    }
}

.bg-mocabox-history-relic-retrieved-m {
    background: url(/static/media/history-relic-retrieved-bg-m.f9775f32d742670b2a30.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-histroy-excavation-item-top {
    background: url(/static/media/bg-histroy-excavation-item-top.daad0af32b2232c3ed30.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-mocabox-static {
    background: url(/static/media/static-bg.ccdddf07b95b49b8721b.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.bg-mocabox-static-timer {
    background: url(/static/media/timer-bg.c5a311d09c23b27f8b6c.svg) no-repeat;
    background-position: 50%;
    background-size: cover
}

.mocana-select-season {
    align-items: center;
    background: #0000;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    left: 23px;
    margin: 30px auto;
    max-width: 1270px;
    padding: 0;
    position: relative
}

.mocana-select-season .select-wrapper {
    position: relative
}

.mocana-select-season .select-wrapper .select-season {
    background: #0080ce;
    border: 1px solid #000;
    border-radius: 12px;
    display: none;
    left: 0;
    padding: 12px;
    position: absolute;
    top: 100%;
    z-index: 100
}

.mocana-select-season .select-wrapper .select-season.active {
    display: inline
}

.mocana-select-season .select-wrapper .select-season button {
    background: #0000;
    border: 0;
    color: #fff;
    display: block;
    font-weight: 700;
    margin: 5px 0;
    text-align: left
}

.mocana-select-season .select-wrapper .select-season button.active {
    opacity: .5
}

.mocana-select-season .select-wrapper .select-tab {
    align-items: center;
    background: #0000;
    display: flex;
    gap: 20px;
    position: relative
}

.mocana-select-season .select-wrapper .select-tab span {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px
}

.mocana-select-season .select-wrapper .select-tab span.btn-arrow {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    height: 42px;
    justify-content: center;
    width: 42px
}

.mocana-select-season .select-wrapper .select-tab span.btn-arrow img {
    width: 25px
}

.mocana-select-season .select-wrapper .select-tab .tabs-bar {
    display: none;
    left: 0;
    position: absolute;
    top: 130%
}

.mocana-select-season .select-wrapper .select-tab .tabs-bar.active {
    display: block
}

.mocana-select-season .select-wrapper .select-tab .tabs-bar .nav-tabs {
    background: #fff;
    border: 2px solid #000;
    border-radius: 24px;
    padding: 14px;
    position: relative;
    z-index: 100
}

.mocana-select-season .select-wrapper .select-tab .tabs-bar .nav-tabs ul {
    border: 0;
    flex-direction: column;
    gap: 14px;
    height: auto
}

.mocana-select-season .select-wrapper .select-tab .tabs-bar .nav-tabs ul li {
    border: 2px solid #000;
    border-radius: 14px;
    filter: none
}

.mocana-select-season .select-description {
    color: #fffc;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width:991px) {
    .mocana-select-season {
        align-items: center;
        flex-direction: column;
        gap: 7px;
        justify-content: center;
        left: auto;
        margin: 12px auto 20px;
        position: static
    }

    .mocana-select-season .select-wrapper .select-tab span {
        font-size: 24px;
        line-height: 32px
    }

    .mocana-select-season .select-wrapper .select-tab span.btn-arrow {
        height: 33px;
        width: 33px
    }

    .mocana-select-season .select-wrapper .select-tab span.btn-arrow img {
        width: 20px
    }

    .mocana-select-season .select-description {
        font-size: 14px;
        line-height: 16px;
        text-align: center
    }
}

.event-page {
    background: radial-gradient(53.54% 49.58% at 42.53% 21.3%, #3274c3 .07%, #0e1e3f 100%);
    background-attachment: fixed;
    position: relative
}

@media only screen and (max-width:900px) {
    .event-page {
        background: #0e1e40
    }

    .event-page.active-sort .event-main {
        z-index: 101
    }

    .event-page:after {
        background: radial-gradient(50% 50% at 50% 50%, #2f6bb5 0, #0e1e4000 100%);
        background-attachment: fixed;
        content: "";
        height: 825.45px;
        left: 50%;
        opacity: .5;
        position: fixed;
        top: 0;
        transform: translateX(-50%) rotate(42.9deg);
        width: 517.36px
    }
}

.event-page #root {
    background: url(/static/media/star-bg.41dccc6ab7fa13e323e2.png) 50% 34px no-repeat;
    background-attachment: fixed;
    min-height: 100%
}

@media only screen and (max-width:900px) {
    .event-page #root {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAAMQCAYAAADcriU1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABMlSURBVHgB7d0xbFtXlgDQ+0nKZjI7ALEZDFiyVKlS5ZtqtbuYGQkLDFJ6OpduvLDjFCySnQDTuExnl4GBgRwF3lEXlipVqlSpBWYAYmeSZWxLf9+X6IySSLajkBQ/eQ5w/d+XG1sgLx/ve//dCOBCZVmuBtRUI4DL9AJqSnKHC+RZ+1q+rAXUVBHAt3JSb8dZUk85qvFBjkFRFEcBNWLmDufkJD7KsZeH+zlGOfYkdoAFUc3gc2wEAIslJ/duAAAAAAAAAAAAAAAAAAAAAAAAAAAAALyeBuCLTScmWELjs+o3x20FWUAz7aE6bjpcdbep2pc9LopiGABM3Kxn7utx1nS4Mx4DMAWzTu6jc2NNhwGmZNZlmWrGXi3iVB3m9wMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAeirL8v0c3ZiwRgBwnY5yjAIAAAAAAAAAWAJlWXZypAAmylZIrls74EfKE4J2jl5wqSIAaiYn9jv50snxWVEUB8EPmLkDAHD9xmWZiT+yDwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABvqyzL9arPZsCSagQsmHFSX8shuQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwI5Vl2Q6ABdAIzruVE3wvgNfK75Nujk4wt4rgW9WLtSiKYVyj6k2TLynHKMdu/veMAuZMfp2m6ppfn4NgLknucya/aW7nS3d8O/DmAa5CWWb+nJ+pWwMArsTMfc6M65ibOY7ibOauLAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAshrIs21UETJBOTHCNxo2mq6gas39WFMVRwATooQrXa3V8rdorrgdMiOQO1+vwkjEAdZZLM6s5egEAAAAAAAAAAAAAvBXnXgDUz2vPlslJvXok+naOUY5Pi6IYBQBz703HD1TJvT2+Aq9RHQKWw/kw1EP1WLRHo+HNqm+6OboBAAAAAAAAAAAAAAAAAAAAAABwTlmWqzEBbzoVEoDZktwBFlBvEg2SJHeAOTE+Xr3qn9GLn0hyB5gD4853m+PbjfH9lRUBwLUZl2CqOnvVxet8s5eqreleURSDuALJHWBO5ES/EWdJ/ijHY32rARZANYvPce+nlmQAmDOTarJuQRVgvgwDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaqMsy26OTgAsqEYsp16OtQAAAAAAAAAAAAAAAOBalWXZDhZeEcDSyIk95UsVwxyfFkUxChbSsj6hCssqja/V8Rue0l5gkjssl6Nz48NgYSnLwBIZH5jXzTHKJZnDAAAAAFhs6e6TbsAMWVCFKUv9L9tx853b6d52LwBYHKn/zMwdAAAAAAAAAAAAAAAAAAAAgFnSrANYSOPGJJvj292iKI5iiTgVElhU6zl649iIJSO5AyygVgAspsH42j43BoD6qs2Carr3+UY0m6txfHww+OS3uwHApWpRc0/3d1aj1ViPIq9+56t2ZQCvV48F1XJl9J37dgDwGvUpy3z4RYqisRonx/uDj3+zFwDA9SvL0ncumBH73JmJ8dOCqwHMxHeSe/UGzJECJq+atXcDmInvz9y9AZmWbnhtwcx8J7lXB+vk+Cxggsa19pSjl8e9AKbOqZBMzTip9+Issb+atQ/j7FHwo2U7pQ9myYIq01Yl8/NJfDSOYQBQb3kWv5Hjju2QMBtOhWRWDnIMcylmFMDUSe7Mivo6wCJSkgEAAAAAAAAAAAAAAAAAAAAAAFgwZVmuVREAXMncHfk77rG5OR5rxQZwBfN4nvvROLRi+4mqI3Y1x4DlpEH2AspJvZMvt3JU192c4PcCWCo6MS2mar2iMx6nHJI7U5Me7KxHkScUfz/ZGzzc8m17Tkjui+nwkjFMVLr3+UYUxfppEeDdopt/9DiYCxNJ7qn/6LR92qD/e/XdOZDLMIe5NPM4zmbvBwHTstLs5Drg2bhR9IK50YhJePHe7Xj5i3vpg23bF+dEleBz7FtQZapenuyfuxkEE5PubffS/Z3VuKLJJPeIs8bHjUY3gKUx+MNvDqL1l0+i9fLh4KOtQTA5zWY3mqdbw69kIrtlUv9ZN14UvVj5n32lGQAAAAAAAAAAAAAAAAAAAAAAFk3qb3ecjglct0mdCskrz2/0olhJAQAAAAAAAAAAAMzARHqoAtRFuvdFima5noej+Or48eDh1jAWkH3uwNJI/S/b0YoURdHO0Yl3mikWlOQOLJeyHH07bhYLOWuvSO7A0hj0fzWK583HUTQOq9to/WUvAAAAAAAAAL6vLMt2jpRjNVg4dstQOzkZ9XLcCX6q6kGelGMzWDiSO3V0lONp8FMdxNnvcj8AAAAAAAAAAFhS6e6zbrq/Y+83tWYrJHzfjeNeNMteQI0tfSemsiw7+XJrfPtpURSjAKg5M/eIdo7OOLoBwGKoztZwvgYAAAAAAAAAAAAAAAAAwI9RluWaJzQBFkeRk/pGnHVBr+wWRbEXANRadXDY+Rm7g7MAFkCV3F/N1KujbvcDmLn8DTrlaAdMUvWi8sKC6zF+/70/7i0AAAAAAAAAAAAAAACwcIoAlkJ6sHPndHB8/HTwydZhsNAaASy81N/uRFGcRbPpDKklILnDEhj0t4Zx0ngacbIXK391hhQAAAAA86Y6nTNHL2pOzR3gu6qjl2u/6Cy5A3xXZxy1JrkDfFfVU3qt7g2MJPcZyS+UzRxrAcylcUesjTgryVSJfaPO3bFawawc5DgKYO6MF1BXx/FKNRmrFlcHRVEcBm8n9R/p2QrMlfFOmTs57uWo9aLqtZRl0v2d1Xj5i3sBMEfyDH2YL3s5DvLYN+2rSP1nzrcA5s6i7HMH4Jxxcjf5BAAAAAAAAAAu4GE0mE8aZHNl6d7nG9FqrEdZDuOr48eDh1vDAOaCg8O4ktT/sn2a2CtV0+V/Go+BuSC5c3VlOfp2fNLyqDbMEWUZriz1tzvxspnyy2g4+OjXgwAAAAAAAAAAAAAAAAAAAAB4s7IsHREMM+BsGWYmJ/aUL1VURwM/LorCEcEwJU6FZJZeHQvcOTcGpkByZ5aOLhkDUFdVvT3HWo5eAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXKgImGOp/2U7nv/t/fj6+Ong4dYwgLeiQTZzbdD/1SgapWbacyT1tzup/6QbzLVWzFjVJLkoilHAWxp89NvdYH6M2p0omu088qE7x65j5t7NCb4TQD21XqxFs+wFc+06knv1ie8rHdRQuru9lpfqcjTW04M/rQdza+YLqnnWvpkvo1ya8VUbaiL1n63FizJF8b1v3ScnB3GjdTDo//t+MFdmmtzH5ZhbcTZ7f6j2DvWSPtzZPJu5V8r9aP11d9D/vffxHJrZgmpO7L182cjx6pN/M/9skBO8RRmoi9bPd+PF31ZzWWY0+PjXT4O5NZOa+zixV3X29rkfV/er+e/U36EmTremFs39KI4Pgrk2k5l7np0f5sthTuRVXe72+MefKstADbXiKL7x3n2dnOuqxebD66xMzHSfe5XM8396L84WVL04oJ6O4uZxO7hQznG5bHVagq5y3CdxTWb+EFNWPUKuzg619e4whs8l98sNz8XyqHbMVE+pBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAATF9Zlqs52gFcqhFQPylHNwAAAACA76vWRayNXJ8iACYsJ/VOvtzKUV33iqLYDWbKgiowDWtxltgr67GE0t0n3XRnuxPXpJH6j3xtAibt8Nx4GEsm3d9ZjZvv3I6fNW9fV45txYv3bqcPv9iP4/Jo8IffHATAT5TLMIe5NPMwD3s5ljCv3MzxvPpFtGPYqZL7KGYsl2WKUbRahxI7MEk5wQ9z7OeYeWK7boM//MtBtG58lnPr48HDrev55qIsAwAAAAAAAAAAAAAAAADAYvEELcCPN/9H/j7/5fvpw883YkGVZdkdn30NMDHzn9xvxG78/WQvFlf1wdWLCfFNB6joxLQgUv/Ldrz42+08bMfz0ePBH393FMDS0olpYXzdiaLonJ4fvfKzbgCwGNIHz9bSg/9eypZmAAAA86ssy3aO96trcGWL+PtrBVBbVQu7nJiqNm7X0qez7sbbkG/l6OTxbv59LszOPAuqUHM5IVVJ6Xr6dNbfWo5Xz5mkWCCSO7DMzn8oHgYsu/RgZz3dfWLLJbWXyzGrOdYWre6u5s7VFNGNVrua9XhYilrLJa2DAAAAAAAAAAAAAAAAAAAA4Dqk/nYnfbC9FsBUOBWS6/H8Ri+KlRQAAAAAAAAAAAAAAAAAAAAAAFNUluWdHL0AYHHkxL6aox0AADCPigB+IH+LS/mymuOgKIpBQM20AviOqkSXL2l82833+znBDwNqRLMO+KHRG+6hvqqdIzm6AUsov/bXcmzaQUVdXVhzzy/ojXxZH98+zl9JDwOA2risLLN6yRiAGrhsQXUvRzV7H43HTFjqb3fieSP/jot2vBjtDv74u6MAmJALk3suw+xVOwTGY4tJE5J/p51vd10cr2xEozz7VnTjnc3856cBMCGX7papkrrEPnHp4h8XnowFJspWyNlqV7P301HzxW4UjaOoZvInJ7sBQD3lxH5r/IAMwFSZuc9WL4dnB4Cpk9xnpHooZjzsBcCUSe6zk8bXnqcegWmT3Gdg/MRv59yPNr9dWAWYAkf+TsG46UcvzurrVTnmokRebTM9yHEYZ8fK2nYKTIwjf6egStQ5wVdPnFYJu0rsvfhhgj8ax1BiBybNzH0GxiWYW/GPBD/QAAKYhnHloKvmPgPjIweejm/3JXZgiqpy8GYwO/kT9Z6dMsAsqLnP1mGc1dlhqZyegvqysR4nJ0eD/9raD6ZOWWa2LJ6ynF40b+V0sx6N1mb6cDsFUye5z9ZBwDIqin/sFiuavWDqJPcZ0q6QJTY4/bNsjKK5MggAFkPqP2pXEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACTVAQAU5PuPuvGjeNbZ3cvBoOP/2MvZkAPVYBpWomNKIr2acRKihmR3AGmqVmO/nFTDGNGWjHH0gfba1G01gcf//rTAKij5ovdeNk8S/BfHQ9iRuY6uceNOIxvzn/qAdTLoL9VzdafBgAAAAAAAAAAAAAAAFTS/Z3V9GDnTkDNOVsGzrt5fBQnsRsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADUSbr3517AW2gEUB+t56sBb0Fyh5pI/e1OlMVa6j9qB7yB5A41cJrQn69sRFG0Y/TPKeANimBupQ+21+LrOBw83BoGSyn1v2zHy/9N1Yz9NLG/Upb5NdHai5Vvjgb9rcOA72kF86tYSfHOyW4eSe5LatD/1ShfdtODneo1sHHur/YGH//bXsAlzNyhJtKHX6TqEvFyMPhoaxDwGmruUBetl/un17/HfgCwONIHO7cC3oKZO9RJozwKeAuSO9TJNy0lGQAAAAAAAAAAAAAAAAAAYBrS3SfdAGChNKK5oh8jAAAAAAAAAAAAAAAAAAAAAAAAUH9OzgTqphG82c13bqf7O6sBUAOpv90J3iz1HzkWGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlk66+6Sb+o/aUUONAOBiN9q34pv3egHA4qjrrB0AAAAAAAAuVC2AWQQDWyFZNC9/meL5e+8HLLlWwCJpPd8LAAAAAAAAAIDLFHEFqb/diW+aKYqyHV+f7A4ebg0DgLlxta2QL3NibxZrp58N7xbVAyOPA4C5cbWHmIpG+9y4EwDMlasl91ExiLIYRtkYRfliEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqAmCOpAc763ES3fi/48Hg4dYwuJJWAMyXFM2iHe80q/HT4EoaATBPiuZ+lI1RHh0EAAAAAAAAALAk0r3tXhUBcAW2Qs6hdO/PvWi1blWR+k+6AfAjSe7zbrgyCrhEur+zmvqP2gHfI7nPocEn/3oYrZcPo9X41OPXXCb1v2znd/BmRMe3OwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4CLp3nZK//mn9QAWQiNYeun+zmq0Wilu3NhI/SfdAGqvFXDz54fx4qvh6Xi4MgoAAAAAAAAAAAAAAAAAAACuQbr7rJs+3E5xDZwtAzAtK9GNaHYCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICLpQ+219L9ndUAJq4RcF0arU40i24AAAAAAAAAAAAAAAAAAAAAAAAAwDIqYgml/nYnnjc28n+/HV8fPx083BoGwAJZziN/n9/YjEZjNRpFL95tbgbAgnGee5Fn7wALZjmT+4vYjaJxlBP7MJdnngYAAAAAAADABZZynzssq9NnPL5pprj5191B//ejYGHZCglLpTOKVqMdw44twAvu/wHbGw7KI30hIwAAAABJRU5ErkJggg==) 50% 200px no-repeat;
        background-attachment: fixed
    }
}

.event-page .mocana-wrapper {
    background: url(/static/media/background-event.9d06260cbab93301d89c.svg) 50% 0 no-repeat
}

@media only screen and (max-width:767px) {
    .event-page .mocana-wrapper {
        background: url(/static/media/background-event-mobile.960be7e0c9d6e317f688.svg) 50% 64px no-repeat;
        background-size: 100%;
        position: relative;
        z-index: 1
    }
}

.event-page .mocana-main {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    max-width: 1218px;
    padding: 312px 12px 0;
    position: relative;
    width: 100%
}

.event-page .mocana-main .title-event {
    align-items: center;
    display: flex;
    height: 312px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width:900px) {
    .event-page .mocana-main {
        flex-wrap: wrap;
        margin: 0 0 500px;
        padding: 284px 12px 90px
    }

    .event-page .mocana-main .title-event {
        height: 348px
    }

    .event-page .mocana-main .title-event img {
        max-width: 197px
    }
}

.event-bar-line,
.event-title-status,
.event-title-type {
    padding-left: 32px;
    position: relative;
    white-space: nowrap
}

@media only screen and (max-width:1023px) {

    .event-bar-line,
    .event-title-status,
    .event-title-type {
        padding-left: 25px
    }
}

.event-bar-line:before,
.event-title-status:before,
.event-title-type:before {
    background: #ffffff80;
    content: "";
    height: 24px;
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

@media only screen and (max-width:1023px) {

    .event-bar-line:before,
    .event-title-status:before,
    .event-title-type:before {
        height: 16px;
        left: 13px
    }
}

.event-title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin: 0 0 12px
}

@media only screen and (max-width:900px) {
    .event-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 4px;
        text-shadow: 0 4px 8px #00000080
    }
}

.event-title-wrapper {
    margin: 0 0 47px
}

@media only screen and (max-width:900px) {
    .event-title-wrapper {
        margin: 0 0 20px
    }
}

.event-title-notify {
    align-items: center;
    color: #fff;
    display: flex
}

@media only screen and (max-width:768px) {
    .event-title-notify {
        position: relative
    }

    .event-title-notify .btn-share {
        border-radius: 50%;
        bottom: 0;
        height: 36px;
        padding: 5px;
        position: absolute;
        right: 0;
        width: 36px
    }

    .event-title-notify .btn-share:hover {
        position: absolute
    }

    .event-title-notify .btn-share img {
        margin-right: 0 !important
    }

    .event-title-notify .btn-share span {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .event-title-notify {
        flex-wrap: wrap
    }
}

.event-title-notify .btn-share {
    background: #fff;
    margin-left: 30px
}

.event-title-notify .btn-share img {
    margin-right: 4px;
    max-width: 20px
}

.event-title-notify p {
    margin: 0
}

.event-title-date {
    display: flex;
    flex-wrap: nowrap;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width:1023px) {
    .event-title-date {
        margin: 0 0 10px !important;
        width: 100%
    }
}

@media only screen and (max-width:900px) {
    .event-title-date {
        color: #ffffffe6;
        font-size: 14px;
        line-height: 16px
    }
}

.event-title-icon {
    margin: 0 5px 0 0
}

@media only screen and (max-width:900px) {
    .event-title-icon {
        height: 16px;
        width: 16px
    }
}

.event-title-type {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.event-title-type span:first-letter {
    text-transform: capitalize
}

@media only screen and (max-width:900px) {
    .event-title-type {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px
    }
}

.event-title-type span {
    background: #a533ffcc;
    border-radius: 6px;
    display: block;
    min-height: 40px;
    padding: 8px 12px;
    text-transform: capitalize
}

@media only screen and (max-width:900px) {
    .event-title-type span {
        border-radius: 4px;
        min-height: 24px;
        padding: 4px
    }
}

.event-title-type .odyssey {
    background: #15dd7dcc
}

.event-title-status {
    color: #fffc;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width:1023px) {
    .event-title-status {
        padding-left: 0
    }

    .event-title-status:before {
        display: none
    }
}

@media only screen and (max-width:900px) {
    .event-title-status {
        font-size: 14px;
        line-height: 16px
    }
}

.event-title-status .live {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 700
}

.event-title-status .live:before {
    background: red;
    border-radius: 5px;
    content: "";
    display: inline-flex;
    height: 10px;
    margin: 0 4px 0 0;
    width: 10px
}

@media only screen and (max-width:1023px) {
    .event-title-status .live:before {
        height: 6px;
        width: 6px
    }
}

.event-title-status .ended {
    color: #ffffff80
}

.event-section {
    color: #fff;
    margin: 0 0 18px
}

.event-section-title {
    border-bottom: 1px solid #ffffff80;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 12px;
    padding: 0 0 10px
}

@media only screen and (max-width:900px) {
    .event-section-title {
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 3px
    }
}

.event-section-content .note {
    color: #fffc;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (max-width:900px) {
    .event-section-content .note {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.event-reward-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    padding: 0
}

@media only screen and (max-width:900px) {
    .event-reward-list {
        margin: 0 -11px
    }
}

.event-reward-item {
    margin: 0 0 24px;
    max-width: 33.33%;
    padding: 0 12px;
    text-align: center;
    width: 157px
}

@media only screen and (max-width:900px) {
    .event-reward-item {
        padding: 0 11px;
        width: 121px
    }
}

.event-reward-img {
    font-size: 0;
    line-height: 0;
    margin: 0 0 12px
}

@media only screen and (max-width:900px) {
    .event-reward-img {
        margin: 0 0 7px;
        max-width: 101px
    }
}

.event-reward-img img {
    max-width: 100%
}

.event-reward-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

@media only screen and (max-width:900px) {
    .event-reward-name {
        margin: 0 0 5px
    }
}

.event-reward-subtitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0
}

@media only screen and (max-width:900px) {
    .event-reward-subtitle {
        margin: 0 -2px;
        text-align: center
    }
}

.event-board-wrapper {
    border-radius: 8px;
    margin: 0 0 23px
}

.event-board-header {
    align-items: center;
    background: #00d1ff url(/static/media/board-title-bg.b406aff6de1ae2f7f3ef.png) 0 0 no-repeat;
    background-size: cover;
    border-radius: 8px 8px 0 0;
    color: #00327c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 56px;
    padding: 7px 20px
}

@media only screen and (max-width:520px) {
    .event-board-header {
        background: #00d1ff url(/static/media/board-title-bg-mb.5375ab77e78672a10928.png) no-repeat;
        background-size: cover
    }
}

@media only screen and (max-width:900px) {
    .event-board-header {
        min-height: 48px;
        padding: 0 12px
    }
}

.event-board-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

@media only screen and (max-width:900px) {
    .event-board-title {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 3px
    }
}

.event-board-subtitle {
    color: #000c;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
    text-align: center
}

.event-board-main {
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.event-board-item {
    background: #001f43cc;
    display: flex;
    flex-wrap: nowrap;
    margin: 2px 0 0
}

.event-board-item-header {
    align-items: center;
    background: #00183e;
    color: #ffec00;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    line-height: 24px;
    padding: 8px 20px;
    text-align: center;
    width: 232px
}

@media only screen and (max-width:1023px) {
    .event-board-item-header {
        padding: 8px 12px;
        width: 150px
    }
}

@media only screen and (max-width:900px) {
    .event-board-item-header {
        font-size: 14px;
        line-height: 16px;
        padding: 8px 3px;
        width: 72px
    }
}

.event-board-item-main {
    flex: 1 1
}

.event-board-item-title span {
    font-size: 24px
}

@media only screen and (max-width:900px) {
    .event-board-item-title span {
        font-size: 18px;
        line-height: 20px
    }
}

.event-board-item-title .sm {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

@media only screen and (max-width:900px) {
    .event-board-item-hr {
        display: block
    }
}

.event-board-item-subtitle {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 5px 0 10px;
    text-align: center
}

@media only screen and (max-width:900px) {
    .event-board-item-subtitle {
        display: none
    }
}

.event-board-item-rw-list {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 25px
}

@media only screen and (max-width:1023px) {
    .event-board-item-rw-list {
        padding: 0 10px
    }
}

@media only screen and (max-width:900px) {
    .event-board-item-rw-list {
        justify-content: space-around;
        margin: 0;
        padding: 0
    }
}

.event-board-item-rw-list.center {
    justify-content: center
}

.event-board-item-rw-item {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    line-height: 16px;
    padding: 8px 5px;
    text-align: center;
    width: 33.33%
}

@media only screen and (max-width:900px) {
    .event-board-item-rw-item {
        padding: 8px 13px;
        width: auto
    }
}

.event-board-item-rw-subtitle {
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    margin: 0
}

.event-board-badge {
    display: none
}

@media only screen and (max-width:900px) {
    .event-board-badge {
        display: inline;
        display: initial
    }

    .event-highscore-board .event-board-item:last-child .event-board-item-title {
        line-height: 24px
    }
}

.event-highscore-board .event-board-item-title br {
    display: none
}

@media only screen and (max-width:900px) {
    .event-highscore-board .event-board-item-title br {
        display: block
    }
}

@media only screen and (max-width:374px) {
    .event-highscore-board .event-board-item-rw-item {
        max-width: 100%
    }
}

.event-totalscore-board .event-board-item-title span {
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width:900px) {
    .event-totalscore-board .event-board-item-title span {
        font-size: 18px;
        line-height: 20px
    }
}

.event-totalscore-board .event-board-item-title br {
    display: none
}

@media only screen and (max-width:900px) {
    .event-totalscore-board .event-board-item-title br {
        display: block
    }

    .event-tribe-board .event-board-item-header,
    .event-tribe-board .event-board-item-title .sm {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px
    }
}

.event-reward-detail-note {
    color: #fffc;
    line-height: 24px;
    padding: 5px 0 7px
}

@media only screen and (max-width:900px) {
    .event-reward-detail-note {
        display: none
    }
}

.event-reward-detail-note-mobile {
    display: none
}

@media only screen and (max-width:900px) {
    .event-reward-detail-note-mobile {
        color: #fffc;
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.event-requirement p {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 15px
}

@media only screen and (max-width:900px) {
    .event-requirement p {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin: 0 0 9px
    }
}

.event-requirement ul {
    color: #fffc;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 25px
}

@media only screen and (max-width:900px) {
    .event-requirement ul {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.event-requirement ul li {
    margin: 0 0 5px;
    padding: 0 0 0 23px;
    position: relative
}

@media only screen and (max-width:900px) {
    .event-requirement ul li {
        margin: 0;
        padding: 0 0 0 22px
    }
}

.event-requirement ul li:before {
    background: #fffc;
    border-radius: 2px;
    content: "";
    display: inline-flex;
    height: 2px;
    left: 6px;
    position: absolute;
    top: 8px;
    width: 2px
}

@media only screen and (max-width:900px) {
    .event-requirement ul li:before {
        border-radius: 3px;
        height: 3px;
        left: 9px;
        top: 10px;
        width: 3px
    }
}

.event-requirement .note {
    color: #fffc;
    font-weight: 400;
    line-height: 20px
}

@media only screen and (max-width:900px) {
    .event-requirement .note {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.event-ht-register {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 50px
}

@media only screen and (max-width:900px) {
    .event-ht-register {
        font-size: 16px;
        line-height: 20px
    }
}

.event-ht-register ol {
    color: #fffc;
    counter-reset: list-counter;
    font-weight: 400;
    line-height: 20px;
    list-style: none;
    margin: 18px 0 25px
}

@media only screen and (max-width:900px) {
    .event-ht-register ol {
        margin: 18px 0 22px
    }
}

.event-ht-register ol li {
    counter-increment: list-counter;
    list-style: none;
    margin: 0 0 15px;
    padding: 0 0 0 50px;
    position: relative
}

@media only screen and (max-width:900px) {
    .event-ht-register ol li {
        margin: 0 0 22px
    }
}

.event-ht-register ol li:before {
    align-items: center;
    background: #fff;
    border-radius: 18px;
    box-sizing: border-box;
    color: #000;
    content: counter(list-counter);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    left: 0;
    line-height: 16px;
    padding: 5px;
    position: absolute;
    top: -6px;
    width: 36px
}

.event-ht-register ol h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 10px
}

@media only screen and (max-width:900px) {
    .event-ht-register ol h3 {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 8px
    }
}

.event-ht-register ol p:last-child {
    margin: 0
}

.event-ht-register ol a {
    color: #fffc;
    text-decoration: none
}

.event-ht-register ol~p {
    color: #fffc;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.mocana-event-wrapper {
    align-items: flex-end;
    background: url(/static/media/event-block-bg.0eaed9c47c1403f7fbbb.png) 50% 0 no-repeat;
    background-size: cover;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;
    margin: 22px auto 12px;
    max-width: 1204px;
    min-height: 290px;
    padding: 20px 77px 20px 48px
}

@media only screen and (max-width:991px) {
    .mocana-event-wrapper {
        align-items: center;
        background: url(/static/media/event-block-mobile-bg.adc6638b121a5e8b921d.png) 50% 0 no-repeat;
        background-size: cover;
        border-radius: 0;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 24px;
        min-height: 252px;
        padding: 20px 10px
    }
}

.mocana-event-wrapper .btn-view-experience {
    margin: 0 0 20px
}

@media only screen and (max-width:991px) {
    .mocana-event-wrapper .btn-view-experience {
        margin: 0
    }
}

.mocana-event-title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin: 0 0 8px;
    text-shadow: 0 4px 4px #00000040
}

@media only screen and (max-width:991px) {
    .mocana-event-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0;
        text-align: center;
        text-shadow: 0 4px 8px #00000080
    }
}

.mocana-event-title-icon {
    margin: 0 5px 0 0
}

@media only screen and (max-width:991px) {
    .mocana-event-title-icon {
        height: 16px;
        width: 16px
    }
}

.mocana-event-title-date {
    align-items: center;
    color: #fffc;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0
}

@media only screen and (max-width:991px) {
    .mocana-event-title-date {
        font-size: 14px;
        justify-content: center;
        line-height: 16px;
        margin: 0 0 20px
    }
}

.event-main {
    flex: 1 1
}

@media only screen and (min-width:992px) {
    .event-main {
        min-width: 698px
    }
}

@media only screen and (max-width:900px) {
    .event-main {
        flex: 100% 1;
        z-index: 10
    }
}

.event-main .event-description {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 14px
}

.event-main .event-description .text-color {
    color: #ffcf00;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .event-main .event-description {
        display: none
    }
}

.event-main .event-description-mobile {
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 14px
}

.event-main .event-description-mobile .text-color {
    color: #ffcf00;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

@media only screen and (max-width:767px) {
    .event-main .event-description-mobile {
        display: block
    }
}

.event-bar-wrapper {
    background: #0080ce;
    border-radius: 9px 9px 0 0;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 20px;
    margin: -12px -12px 12px;
    padding: 15px 22px 13px 24px
}

.event-bar-not-started {
    padding: 15px 12px 13px
}

.event-bar-title {
    padding: 0 5px 0 0
}

.event-bar-subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.event-bar-subtitle .date {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.event-msg-wrapper {
    align-items: center;
    background: #bfff7f;
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 12px;
    min-height: 48px;
    padding: 6px 12px 6px 50px;
    text-align: center
}

@media only screen and (max-width:900px) {
    .event-msg-wrapper {
        padding: 6px 27px 6px 42px
    }
}

.event-msg-wrapper.error {
    background: #ff9cd7
}

.event-msg-wrapper.success .event-msg-icon {
    margin-top: -3px
}

.event-msg-with-realm .event-msg-icon {
    margin: -15px 8px 0 -34px
}

.event-msg-with-realm .event-msg {
    max-width: 90%
}

.event-msg-icon {
    margin: 0 10px 0 -34px
}

.event-msg-realm img {
    margin: 0 0 -7px 5px;
    position: relative;
    top: -3px
}

.event-msg a {
    color: #0080ce;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 0 -37px
}

.event-main-msg {
    max-width: calc(100% - 60px)
}

.event-main-msg-wrapper {
    background: #bfff7f;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 16px;
    margin: -12px -12px 6px;
    min-height: 36px;
    padding: 8px 12px;
    text-align: center
}

@media only screen and (max-width:900px) {
    .event-main-msg-wrapper {
        margin: -14px -12px 6px
    }
}

.event-main-msg-wrapper.error {
    background: #f003;
    color: red
}

.event-main-msg-icon {
    margin: -4px 7px 0 0;
    min-width: 24px
}

.event-main-msg .txn-hash-link {
    color: #0080ce;
    display: inline-flex;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 0 -32px;
    padding: 4px 0 0
}

.event-countdown {
    align-items: center;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 24px;
    margin: -5px 0
}

.event-countdown-item {
    padding: 0 3px
}

.event-sb {
    padding: 8px 0 0 49px;
    position: relative;
    width: 455px
}

.event-sb .loading-state {
    animation: skeleton-loading 1s linear infinite alternate;
    height: 50px
}

.event-sb .loading-state.h-100 {
    height: 155px;
    margin-top: 40px
}

@keyframes skeleton-loading {
    0% {
        background-color: #c2cfd6
    }

    to {
        background-color: #f0f3f5
    }
}

@media only screen and (max-width:900px) {
    .event-sb {
        bottom: 0;
        margin: 0 -12px;
        max-width: 100%;
        padding: 0;
        position: fixed;
        width: calc(100% + 24px);
        z-index: 9001
    }
}

.event-sb-cover-bg {
    background: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    height: 100%;
    position: absolute;
    width: calc(100% - 50px);
    z-index: 0
}

.event-sb-panel {
    background: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    margin: 0;
    min-height: 346px;
    padding: 12px;
    position: relative;
    z-index: 2
}

.event-sb-bg {
    height: 375px;
    position: absolute;
    width: 435px;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .event-sb-bg {
        background-size: cover;
        height: 240px;
        width: 320px
    }
}

.event-sb-bg.top-bg {
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    left: 32px;
    top: -10px
}

@media only screen and (max-width:900px) {
    .event-sb-bg.top-bg {
        left: -15px;
        top: -10px
    }
}

.event-sb-bg.bottom-bg {
    background: url(/static/media/event-sb-bottom-bg.aca6d21a5e6aabd5ffb9.png) 100% 100% no-repeat;
    bottom: -35px;
    right: -28px
}

@media only screen and (max-width:900px) {
    .event-sb-bg.bottom-bg {
        bottom: -8px;
        right: -15px
    }
}

.event-sb-header {
    margin: 0 0 12px;
    padding: 0 0 0 12px
}

.event-sb-delegate {
    margin: 15px 0;
    position: relative;
    z-index: 10
}

.event-sb-delegate>span {
    display: block;
    margin-bottom: 5px;
    text-align: center
}

.event-sb-delegate-menu {
    background: #fff;
    border: 2px solid #000;
    border-radius: 8px;
    box-shadow: 2px 2px 0 #000;
    left: 0;
    padding: 3px;
    position: absolute;
    top: 44px;
    width: 100%
}

.event-sb-delegate-menu .selected {
    border-radius: 4px;
    padding: 8px 10px
}

.event-sb-delegate-menu .selected:after {
    content: "" !important
}

.event-sb-delegate-menu .selected.active {
    background: #eee;
    position: relative
}

.event-sb-delegate-menu .selected.active:after {
    content: url(/static/media/icon-tick.02355c4d8513e5942fee.svg) !important;
    right: 10px
}

.event-sb-delegate-select {
    align-items: center;
    border: 2px solid #141313;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    font-weight: 700;
    height: 38px;
    padding: 8px 16px;
    position: relative
}

.event-sb-delegate-select .selected:after {
    content: url(/static/media/arrow-down.4236cb25678abcdf2da4.svg);
    position: absolute;
    right: 12px;
    top: 6px
}

.event-sb-delegate-select .selected span {
    background: #000;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    margin-left: 16px;
    padding: 3px 8px
}

.event-sb-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.event-sb-subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    padding: 10px 0 0
}

.event-sb-note {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 8px 0 0
}

.event-sb-main {
    align-items: center;
    background: #ededed;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    min-height: 100px;
    padding: 12px
}

.event-sb-main p {
    margin: 0
}

.event-sb-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0 12px
}

.event-sb-actions .btn-register-now {
    margin: 0 0 7px
}

.event-sb-action-note {
    color: #333;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
    padding: 16px 0 0;
    text-align: center;
    width: 100%
}

.event-sb-or-actions {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 16px;
    padding: 10px 0 0
}

.event-sb-or-actions .btn-register-with-realms:disabled img {
    opacity: .5
}

.event-sb-or-txt {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 7px;
    position: relative;
    text-align: center;
    width: 100%
}

.event-sb-or-txt:before {
    background: #bfb47c;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 23px)
}

.event-sb-or-txt span {
    background: #fff;
    display: inline-block;
    padding: 0 13px;
    position: relative
}

.event-sb-or-img {
    margin: 0 4px
}

.event-sb-or-no-ticket {
    color: red
}

.event-sb-or-note {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 0;
    width: 100%
}

.event-sb-or-note a {
    color: #0080ce;
    font-weight: 700
}

.event-sb-or-note-img {
    margin: 0 3px
}

.event-sb-or-note p {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 12px 0 0
}

.event-sb-mobile {
    display: none
}

@media only screen and (max-width:900px) {
    .event-sb-mobile {
        display: block;
        z-index: 100
    }

    .event-sb-mobile.event-sb-mobile-collapse {
        bottom: -24px
    }

    .event-sb-mobile.event-sb-mobile-collapse .event-sb-panel {
        min-height: 50px
    }

    .event-sb-mobile.event-sb-mobile-collapse .event-bar-wrapper:after {
        background-image: url(/static/media/arrow-down.4236cb25678abcdf2da4.svg);
        background-position-y: -1px;
        background-size: cover;
        content: "";
        display: block;
        height: 20px;
        position: absolute;
        right: 12px;
        top: 12px;
        transform: rotate(-180deg);
        width: 20px;
        z-index: 10
    }

    .event-sb-mobile.hide .event-sb-panel>div:not(.event-bar-wrapper) {
        height: 0;
        margin: 0;
        padding: 0;
        visibility: hidden
    }

    .event-sb-mobile.show {
        bottom: 0
    }

    .event-sb-mobile.show .event-bar-wrapper:after {
        transform: rotate(0)
    }

    .event-sb-mobile.show .event-sb-panel>div:not(.event-bar-wrapper) {
        height: auto;
        transition: all .1s ease;
        visibility: visible
    }
}

.event-sb-mobile .event-sb-panel {
    border: 0;
    border-radius: 12px 12px 0 0;
    min-height: 128px
}

@media only screen and (max-width:900px) {
    .event-sb-mobile .event-sb-panel {
        display: flex;
        flex-direction: column
    }
}

.event-sb-mobile .event-sb-actions {
    padding: 0
}

@media only screen and (max-width:900px) {
    .event-sb-mobile .event-sb-actions.event-closed {
        align-items: center;
        flex-direction: column
    }
}

.event-sb-mobile .event-sb-actions.event-closed button.event-closed img {
    margin-right: 6px;
    max-width: 24px
}

.event-sb-mobile .event-sb-actions.event-closed button.event-closed a {
    color: #000;
    text-decoration: none
}

.event-sb-mobile .event-sb-actions.event-closed .event-sb-title {
    font-size: 16px;
    margin-top: 14px;
    text-align: center
}

.event-sb-mobile .event-sb-actions.event-closed .event-sb-action-note {
    padding-top: 6px
}

.event-sb-mobile .event-sb-actions .btn-connect-wallet {
    margin: 0 0 12px
}

@media only screen and (max-width:900px) {
    .event-sb-mobile .event-bar-not-started {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }
}

.event-sb-result {
    display: block
}

@media only screen and (max-width:900px) {
    .event-sb-modal {
        align-items: center;
        background-color: #0006;
        bottom: 0;
        display: flex;
        flex-direction: column;
        height: 100vh;
        justify-content: center;
        left: 12px;
        padding: 7px;
        position: fixed;
        right: 0;
        top: 0;
        transition: visibility .15s linear;
        visibility: hidden;
        width: 100vw
    }

    .event-sb-modal.show-popup {
        visibility: visible;
        z-index: 9010
    }

    .event-sb-modal.show-popup .event-sb-inner {
        transform: none
    }

    .event-sb-modal .event-bar-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        margin: -12px -12px 14px;
        min-height: 70px;
        padding: 10px 20px
    }

    .event-sb-modal .event-bar-title {
        margin: 0 0 7px;
        padding: 0;
        text-align: center;
        width: 100%
    }

    .event-sb-modal .event-sb-note {
        text-align: center
    }

    .event-sb-modal .event-sb-main {
        position: relative
    }

    .event-sb-modal .event-sb-main:after {
        background: #ededed;
        border-radius: 0 0 8px 8px;
        bottom: 0;
        content: "";
        height: 9px;
        left: 0;
        position: absolute;
        width: calc(100% - 6px);
        z-index: 1
    }

    .event-sb-modal .event-sb-inner {
        max-width: 375px;
        position: relative;
        transform: translateY(-70px);
        transition: transform .3s ease-out
    }
}

.event-sb-close-btn {
    background: none;
    border: 0;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -6px;
    top: -13px;
    z-index: 3
}

@media only screen and (max-width:900px) {
    .event-sb-close-btn {
        display: block
    }
}

.event-connect-wallet {
    padding: 20px 12px 32px
}

.event-connect-wallet.event-closed {
    padding: 55px 0
}

.event-connect-wallet.event-closed img {
    margin-right: 8px;
    width: 24px
}

.event-connect-wallet.event-closed p {
    font-weight: 500;
    margin-top: 16px;
    text-align: center
}

.event-connect-wallet.event-closed a {
    color: #000;
    text-decoration: none
}

.event-connect-wallet .wallet-icon {
    margin: 0 0 15px
}

.event-connect-wallet p {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 24px
}

.event-connect-wallet .btn {
    margin: 0
}

.event-moca-scroller {
    margin: -6px -12px;
    max-height: 276px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px 12px 0;
    width: 100%
}

@media only screen and (max-width:900px) {
    .event-moca-scroller {
        margin: -2px -12px -8px;
        max-height: 264px;
        padding: 6px 12px 0
    }
}

.event-moca-scroller::-webkit-scrollbar {
    background: none;
    height: 12px;
    width: 6px
}

.event-moca-scroller::-webkit-scrollbar-corner {
    background: #0000
}

.event-moca-scroller::-webkit-scrollbar-thumb {
    background: #0000004d;
    border-radius: 100px
}

.event-moca-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
    padding: 0
}

@media only screen and (max-width:900px) {
    .event-moca-grid {
        margin: 0 -8px
    }
}

.event-moca-item {
    margin: 0 0 7px;
    padding: 0 6px;
    width: 33.33%
}

@media only screen and (max-width:900px) {
    .event-moca-item {
        margin: 0 0 12px;
        padding: 0 8px
    }
}

.event-moca-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.event-moca-img {
    background: #d9d9d9;
    border: 2px solid #000;
    box-shadow: 2px 2px 0 #000;
    font-size: 0;
    line-height: 0;
    margin: 0 0 4px;
    position: relative
}

.event-moca-img img {
    max-width: 100%
}

.event-moca-img.selected:before {
    background: #0000;
    border: 3px solid #00cd3c;
    content: "";
    height: calc(100% - 6px);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% - 5px);
    z-index: 1
}

.event-moca-info {
    background: #232323b8;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    left: 0;
    line-height: 16px;
    min-height: 36px;
    padding: 4px 5px;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:900px) {
    .event-moca-info {
        background: #000000b3;
        font-size: 12px;
        line-height: 16px;
        min-height: 32px;
        padding: 2px 5px
    }
}

.event-moca-name {
    margin: 0
}

.event-moca-tribe {
    color: #00d1ff;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    text-transform: capitalize
}

.event-moca-xp {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.event-moca-icon {
    position: absolute;
    right: -7px;
    top: -7px;
    z-index: 1
}

.event-no-moca {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.event-no-moca-icon {
    margin: 13px 0 9px
}

.event-no-moca h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 9px
}

.event-no-moca p {
    margin: 0 0 27px
}

.event-no-moca-note {
    margin: 0 0 12px
}

.event-no-moca .btn-get-moca {
    margin: 0 0 20px
}

.event-no-moca .btn-get-moca-icon {
    margin: 0 4px 0 0
}

.event-result {
    border-bottom: 1px solid #c2c2c2;
    margin: 0 12px 2px
}

@media only screen and (max-width:900px) {
    .event-result {
        border-bottom: 0;
        border-top: 1px solid #c2c2c2;
        display: none;
        margin: 12px 12px -20px;
        order: 1;
        padding: 16px 0 0
    }

    .event-result.show {
        display: block
    }
}

.event-result.error {
    align-content: center;
    align-items: center;
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    min-height: 265px;
    width: 100%
}

.event-result>p {
    color: #333;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0 0 22px
}

.event-result-header {
    margin: 0 0 10px;
    padding: 22px 0 0 12px
}

@media only screen and (max-width:900px) {
    .event-result-header {
        margin: 0 0 24px;
        padding: 0;
        text-align: center
    }
}

.event-result-note {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 0 12px;
    padding: 23px 0 0
}

@media only screen and (max-width:900px) {
    .event-result-note {
        display: none
    }
}

.event-result-download-links {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px
}

@media only screen and (max-width:900px) {
    .event-result-download-links {
        justify-content: center;
        padding: 24px 0 0;
        width: 100%
    }
}

.event-result-download-links li {
    padding: 0 6px
}

@media only screen and (max-width:900px) {
    .event-result-download-links li {
        width: 145px
    }
}

.event-result-download-links li img {
    max-width: 100%
}

.event-result-moca-list {
    display: flex;
    flex-direction: column;
    margin: 0 0 12px
}

.event-result-moca-item {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.event-result-moca-title {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

.event-result-moca-msg {
    color: red;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0
}

.event-result-moca-img {
    background: #d9d9d9;
    border: 2px solid #000;
    box-shadow: 2px 2px 0 #000;
    font-size: 0;
    height: 80px;
    line-height: 0;
    position: relative;
    width: 80px
}

.event-result-moca-img img {
    max-width: 100%
}

.event-result-moca-img.error:before {
    background: #0000;
    border: 2px solid red;
    content: "";
    height: calc(100% - 4px);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% - 4px);
    z-index: 1
}

.event-result-moca-box {
    flex: 1 1;
    padding: 0 0 0 15px
}

.event-result-moca-box.error {
    padding: 0
}

.event-result-moca-info {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0 0
}

.event-result-moca-name,
.event-result-moca-xp {
    margin: 0 17px 0 0
}

.event-result-moca-tribe {
    color: #00d1ff;
    margin: 0;
    text-transform: capitalize
}

.event-result-moca-actions {
    display: none
}

@media only screen and (max-width:900px) {
    .event-result-moca-actions {
        align-items: center;
        display: flex;
        justify-content: center;
        order: 2;
        padding: 14px 0 5px
    }
}

.event-result-moca-actions a,
.event-result-moca-actions button {
    align-items: center;
    background: none;
    border: 0;
    color: #0080ce;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
    padding: 0;
    text-decoration: underline
}

.event-result-moca-actions svg,
.event-result-moca-actions-icon {
    margin: 0 5px 0 0
}

.moca-tooltip {
    position: relative
}

.moca-tooltip,
.moca-tooltip-label {
    display: inline-flex
}

.moca-tooltip-label svg {
    bottom: -4px;
    position: relative
}

.moca-tooltip:hover .moca-tooltip-content {
    display: block;
    opacity: 1;
    visibility: visible
}

.moca-tooltip-content {
    background: #fff;
    border: 2px solid #000;
    border-radius: 16px;
    bottom: 60px;
    box-shadow: 5px 7px 0 #000;
    color: #000;
    display: none;
    font-size: 16px;
    font-weight: 500;
    left: 41%;
    line-height: 20px;
    max-width: 488px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-align: left;
    transform: translateX(-41%);
    visibility: hidden;
    width: -webkit-max-content;
    width: max-content;
    z-index: 10
}

@media only screen and (max-width:992px) {
    .moca-tooltip-content {
        left: auto;
        max-width: 320px;
        right: 0;
        transform: translateX(25%);
        z-index: 8999
    }
}

@media only screen and (max-width:374px) {
    .moca-tooltip-content {
        max-width: 300px;
        transform: translateX(20%)
    }
}

.moca-tooltip-content:after {
    border-color: #000 #0000 #0000;
    border-style: solid;
    border-width: 36px 20px;
    content: "";
    left: 37%;
    margin-left: 1px;
    position: absolute;
    top: 100%;
    z-index: 1
}

@media only screen and (max-width:992px) {
    .moca-tooltip-content:after {
        left: auto;
        right: 22%
    }
}

@media only screen and (max-width:374px) {
    .moca-tooltip-content:after {
        right: 26%
    }
}

.moca-tooltip-content:before {
    border-color: #fff #0000 #0000;
    border-style: solid;
    border-width: 25px 15px;
    content: "";
    left: 37%;
    margin-left: 3px;
    position: absolute;
    top: 100%;
    z-index: 10
}

@media only screen and (max-width:992px) {
    .moca-tooltip-content:before {
        left: auto;
        margin-left: 0;
        margin-right: -3px;
        right: 25%
    }
}

@media only screen and (max-width:374px) {
    .moca-tooltip-content:before {
        margin-right: -2px;
        right: 19%
    }
}

.moca-tooltip-content h2 {
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
    margin: 0 0 10px
}

@media only screen and (max-width:992px) {
    .moca-tooltip-content h2 {
        font-size: 20px;
        line-height: 24px
    }
}

.moca-tooltip-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 18px
}

@media only screen and (max-width:992px) {
    .moca-tooltip-content p {
        font-size: 14px
    }
}

.moca-tooltip-content ul {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 20px
}

@media only screen and (max-width:992px) {
    .moca-tooltip-content ul {
        font-size: 14px
    }
}

.moca-tooltip-content .moca-XP-tooltip ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0
}

.moca-tooltip-content .moca-XP-tooltip ul li p {
    margin-bottom: 0
}

.moca-tooltip-content .moca-XP-tooltip ul li p.title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.moca-tooltip-content .moca-XP-tooltip ul li p.title>span {
    color: #737373;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px
}

.moca-tooltip-content .moca-XP-tooltip ul li p.des {
    align-items: flex-start;
    background: #ededed;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px 15px
}

.moca-tooltip-content .moca-XP-tooltip ul li p.des>span {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.moca-tooltip-content .moca-XP-tooltip ul li p.des>span.des-title {
    border-bottom: 1px solid #c2c2c2;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 7px;
    padding-bottom: 3px;
    width: 100%
}

@media only screen and (max-width:374px) {
    .moca-event-tooltip {
        display: block
    }
}

.moca-event-tooltip .moca-tooltip-content {
    bottom: 52px;
    left: auto;
    transform: translateX(-80%)
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip .moca-tooltip-content {
        right: -9%;
        transform: translateX(9%)
    }
}

@media only screen and (max-width:374px) {
    .moca-event-tooltip .moca-tooltip-content {
        right: 0;
        transform: translateX(9%)
    }
}

.moca-event-tooltip .moca-tooltip-content:after {
    left: auto;
    margin-left: auto;
    margin-right: -4px;
    right: 13%
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip .moca-tooltip-content:after {
        margin-right: -2px;
        right: 7%
    }
}

@media only screen and (max-width:374px) {
    .moca-event-tooltip .moca-tooltip-content:after {
        margin-right: -45px;
        right: 50%;
        transform: translateX(-50%)
    }
}

.moca-event-tooltip .moca-tooltip-content:before {
    left: auto;
    margin-left: auto;
    margin-right: -2px;
    right: 14%
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip .moca-tooltip-content:before {
        margin-right: -1px;
        right: 9%
    }
}

@media only screen and (max-width:374px) {
    .moca-event-tooltip .moca-tooltip-content:before {
        margin-right: -33px;
        right: 50%;
        transform: translateX(-50%)
    }
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content {
    height: -webkit-max-content;
    height: max-content;
    top: calc(100% + 37px);
    transform: translateX(14%);
    width: 477px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.bottom-tooltip .moca-tooltip-content:before {
    bottom: 100%;
    top: auto;
    transform: rotate(180deg)
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header {
        align-items: flex-start
    }
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-name {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 24px;
    font-weight: 800;
    gap: 5px;
    line-height: 29px;
    margin-bottom: 0
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-value {
    align-items: center;
    color: #646464;
    display: flex;
    font-size: 12px;
    gap: 5px;
    line-height: 16px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-value h2 {
    color: #000;
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
    margin-bottom: 0
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-value img {
    width: 20px
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-value {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        gap: 0
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-value span:last-child {
        align-items: center;
        display: flex;
        gap: 1.8px
    }
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 20px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 30%
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list-item>img {
    max-width: 52px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list-item>span {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .description {
    background: #ededed;
    border-radius: 8px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    padding: 12px 13px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .description a {
    color: #0080ce;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration-line: underline
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .sub-description {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 6px;
    margin-top: 6px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list {
    list-style: none;
    margin: 0;
    padding: 0
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item {
    align-items: center;
    border-bottom: 2px solid #000;
    display: flex;
    justify-content: space-between;
    padding: 19px 0
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item:last-child {
    border-bottom: 0
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-quantity {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-quantity img:not(:first-child) {
    margin-left: -15px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-quantity span {
    margin-left: 6px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-info {
    align-items: center;
    color: #646464;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    gap: 10px;
    line-height: 16px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-info .benefit {
    align-items: center;
    background: #fad722;
    border-radius: 5px;
    color: #1b3871;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 22px;
    min-width: 84px;
    padding: 6px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-info img {
    width: 20px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .message {
    align-items: center;
    background-color: #fffae7;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    padding: 16px 8px
}

.moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .message span {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content {
        max-width: 306px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-name {
        font-size: 18px;
        line-height: 22px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-name img {
        width: 28px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header .header-value h2 {
        font-size: 18px;
        line-height: 22px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .description {
        font-size: 16px;
        line-height: 20px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .sub-description {
        font-size: 14px;
        font-weight: 700;
        line-height: 17px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip img.list-icon {
        max-width: 137px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-quantity {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-quantity img {
        width: 23px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-quantity img:not(:first-child) {
        margin-left: -10px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-info {
        font-size: 12px;
        font-weight: 600;
        gap: 5px;
        line-height: 16px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-info .benefit {
        color: #1b3871;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        min-width: 64px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-info img {
        width: 14px
    }

    .moca-event-tooltip.bottom-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .message span {
        font-size: 12px;
        font-weight: 500;
        line-height: 15px
    }
}

.moca-event-tooltip.bottom-tooltip.soft-tooltip .moca-tooltip-content {
    right: auto;
    transform: translateX(-4%)
}

.moca-event-tooltip.bottom-tooltip.soft-tooltip .moca-tooltip-content:after {
    right: 80%
}

.moca-event-tooltip.bottom-tooltip.soft-tooltip .moca-tooltip-content:before {
    right: 81%
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip.soft-tooltip .moca-tooltip-content {
        padding: 7px 10px;
        right: 0;
        transform: translateX(90%)
    }

    .moca-event-tooltip.bottom-tooltip.soft-tooltip .moca-tooltip-content:after {
        right: 80%
    }

    .moca-event-tooltip.bottom-tooltip.soft-tooltip .moca-tooltip-content:before {
        right: 81%
    }
}

.moca-event-tooltip.bottom-tooltip.boost-tooltip .moca-tooltip-content {
    right: auto;
    transform: translateX(-17%)
}

.moca-event-tooltip.bottom-tooltip.boost-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.bottom-tooltip.boost-tooltip .moca-tooltip-content:before {
    left: 14%;
    right: auto
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip.boost-tooltip .moca-tooltip-content {
        padding: 7px 10px;
        right: 0;
        transform: translateX(43%)
    }

    .moca-event-tooltip.bottom-tooltip.boost-tooltip .moca-tooltip-content:after,
    .moca-event-tooltip.bottom-tooltip.boost-tooltip .moca-tooltip-content:before {
        left: 49%;
        right: auto
    }
}

.moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content {
    padding: 10px;
    right: auto;
    transform: translateX(-50%)
}

.moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content:before {
    right: 45%
}

.moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header {
    padding: 10px 10px 0
}

.moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content {
    background: #ededed;
    border-radius: 6.4px;
    padding: 8px 10px
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content {
        padding: 7px 10px;
        right: 0;
        transform: translateX(90%)
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content:after {
        right: 80%
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content:before {
        right: 81%
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .SoftStake-tooltip-header {
        padding: 5px 5px 0
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-title {
        font-size: 16px;
        line-height: 20px
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list {
        justify-content: space-between
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list-item {
        width: -webkit-max-content;
        width: max-content
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list-item img {
        width: 42px
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list-item>span {
        font-size: 14px;
        line-height: 16px
    }

    .moca-event-tooltip.bottom-tooltip.tribe-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .tribe-content .tribe-list-item:last-child {
        width: 63%
    }
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content {
    right: auto;
    transform: translateX(-70%)
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content:before {
    right: 24%
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content {
        padding: 7px 10px;
        right: 0;
        transform: translateX(43%)
    }

    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content:after,
    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content:before {
        left: 49%;
        right: auto
    }
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .description {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 0
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .description {
        font-size: 14px;
        line-height: 16px
    }
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list {
    background: #ededed;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 20px;
    padding: 0 13px 12px
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list .list-item:first-child .list-item__moca-quantity img:not(:first-child) {
    margin-left: -8px
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list .list-item:not(:last-child) {
    border-bottom: .8px solid #c2c2c2
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list .list-item:last-child {
    padding-bottom: 0
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list .list-item .list-item__moca-info .benefit {
    background: #0000;
    border-radius: 0;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 0
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list .list-item .list-item__moca-info span {
    align-items: flex-end;
    display: flex;
    gap: 2px
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list {
        margin-bottom: 9px
    }

    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item {
        padding: 6px 0
    }

    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item:not(:last-child) {
        border-bottom: .8px solid #c2c2c2
    }

    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-info {
        flex-direction: column
    }

    .moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .whale-boost-list .list-item__moca-info .benefit {
        font-size: 16px;
        line-height: 19px
    }
}

.moca-event-tooltip.bottom-tooltip.whale-tooltip .moca-tooltip-content .moca-SoftStake-tooltip .message {
    background: #0000;
    padding: 0 8px
}

.moca-event-tooltip.bottom-tooltip.staking-tooltip .moca-tooltip-content {
    right: auto;
    transform: translateX(-70%)
}

.moca-event-tooltip.bottom-tooltip.staking-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.bottom-tooltip.staking-tooltip .moca-tooltip-content:before {
    right: 24%
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip.staking-tooltip .moca-tooltip-content {
        padding: 7px 10px;
        right: 0;
        transform: translateX(3%)
    }

    .moca-event-tooltip.bottom-tooltip.staking-tooltip .moca-tooltip-content:after,
    .moca-event-tooltip.bottom-tooltip.staking-tooltip .moca-tooltip-content:before {
        left: 80%;
        right: auto
    }
}

.moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    right: auto;
    transform: translateX(-70%)
}

.moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content:before {
    right: 24%
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content {
        padding: 7px 10px;
        right: 0;
        transform: translateX(3%)
    }

    .moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content:after,
    .moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content:before {
        left: 80%;
        right: auto
    }
}

.moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content .tooltip-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0
}

.moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0
}

.moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.moca-event-tooltip.bottom-tooltip.option-tooltip .moca-tooltip-content .tooltip-description {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.moca-event-tooltip.bottom-tooltip.xp-tooltip .moca-tooltip-content {
    right: auto;
    transform: translateX(-70%)
}

.moca-event-tooltip.bottom-tooltip.xp-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.bottom-tooltip.xp-tooltip .moca-tooltip-content:before {
    right: 24%
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip .moca-tooltip-label {
    color: #fff !important
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip .moca-tooltip-label>svg {
    bottom: 0;
    width: 15px
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip .moca-tooltip-content {
    bottom: calc(100% + 37px);
    top: auto;
    transform: translateX(0)
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.bottom-tooltip.available-balance-tooltip .moca-tooltip-content:before {
    display: none
}

@media only screen and (max-width:991px) {
    .moca-event-tooltip.bottom-tooltip.available-balance-tooltip .moca-tooltip-content {
        left: 0;
        top: calc(100% + 11px);
        transform: translateX(-22%)
    }

    .moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip:not(.retrieve) .moca-tooltip-content {
        padding: 19px 24px;
        transform: translate(-42%, -62%)
    }
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-label>svg {
    height: 18px;
    width: 18px
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-label.mobile {
    display: none
}

@media only screen and (max-width:991px) {
    .moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-label.mobile {
        display: block
    }

    .moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-label.desktop {
        display: none
    }
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-content {
    bottom: calc(100% + 16px);
    display: block;
    opacity: 1;
    transform: translateX(-10%);
    visibility: visible;
    z-index: 100
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-content .text-bold {
    font-weight: 700
}

@media only screen and (max-width:991px) {
    .moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-content {
        padding: 14px 12px;
        transform: translate(-42%, -80%)
    }
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-content h2 {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px
}

.moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip .moca-tooltip-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

@media only screen and (max-width:991px) {
    .moca-event-tooltip.bottom-tooltip.available-balance-tooltip.eligibility-tooltip.active:after {
        background: #100f0f6b;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%
    }
}

@media only screen and (min-width:992px) {
    .moca-event-tooltip.realm-tooltip .moca-tooltip-label svg {
        bottom: 0
    }
}

.moca-event-tooltip.realm-tooltip .moca-tooltip-content p {
    white-space: break-spaces
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.realm-tooltip .moca-tooltip-content {
        right: -9%;
        transform: translateX(88%)
    }

    .moca-event-tooltip.realm-tooltip .moca-tooltip-content:after,
    .moca-event-tooltip.realm-tooltip .moca-tooltip-content:before {
        right: 82%
    }
}

.moca-event-tooltip.realm-tooltip.staking-tooltip .moca-tooltip-content {
    right: auto;
    transform: translateX(-70%)
}

.moca-event-tooltip.realm-tooltip.staking-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.realm-tooltip.staking-tooltip .moca-tooltip-content:before {
    right: 24%
}

@media only screen and (max-width:992px) {
    .moca-event-tooltip.realm-tooltip.staking-tooltip .moca-tooltip-content {
        padding: 7px 10px;
        right: 0;
        transform: translateX(3%)
    }

    .moca-event-tooltip.realm-tooltip.staking-tooltip .moca-tooltip-content:after,
    .moca-event-tooltip.realm-tooltip.staking-tooltip .moca-tooltip-content:before {
        left: 80%;
        right: auto
    }
}

.moca-event-tooltip.realm-tooltip.xp-tooltip .moca-tooltip-content {
    right: auto;
    transform: translateX(-70%)
}

.moca-event-tooltip.realm-tooltip.xp-tooltip .moca-tooltip-content:after,
.moca-event-tooltip.realm-tooltip.xp-tooltip .moca-tooltip-content:before {
    right: 24%
}

.moca-what-tribe-tooltip .moca-tooltip-content {
    padding: 23px 20px 5px
}

@media only screen and (max-width:767px) {
    main.user-board {
        position: static
    }
}

main.user-board {
    background-color: #0d2241;
    background-image: url(/static/media/userboard-bg-top.9ea56de3c2355ba0daec.svg), url(/static/media/userboard-bg-btn.bcb0e2e102f0dcd67856.svg);
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, 100% auto
}

@media only screen and (max-width:767px) {
    main.user-board {
        background-image: url(/static/media/userboard-bg-top-mobile.24271e9ceacd145ab484.svg), none
    }
}

main.user-board header nav .nav-dashboard {
    max-width: 1192px
}

.landing-header-wrapper {
    padding: 100px 120px 0
}

@media only screen and (min-width:768px)and (max-width:1440px) {
    .landing-header-wrapper {
        padding: 94px 16px 16px
    }
}

@media only screen and (max-width:767px) {
    .landing-header-wrapper {
        padding: 94px 16px 16px
    }
}

.landing-header-wrapper .landing-title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin: 0 auto 13px;
    max-width: 1180px
}

@media only screen and (max-width:767px) {
    .landing-header-wrapper .landing-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 34px
    }
}

.landing-header-wrapper .landing-title .title-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.landing-header-wrapper .landing-title .title-wrapper .title {
    max-width: calc(100vw - 120px - 50%);
    overflow-wrap: break-word
}

@media only screen and (max-width:767px) {
    .landing-header-wrapper .landing-title .title-wrapper .title {
        max-width: 290px;
        min-width: 190px
    }
}

@media only screen and (max-width:426px) {
    .landing-header-wrapper .landing-title .title-wrapper .title {
        max-width: 200px
    }
}

@media only screen and (max-width:376px) {
    .landing-header-wrapper .landing-title .title-wrapper .title {
        max-width: 170px
    }
}

.landing-header-wrapper .landing-title .title-wrapper .btn-copy {
    align-items: center;
    border-radius: 100%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.landing-header-wrapper .landing-title .title-wrapper .btn-copy.copied {
    background: #ffcf00;
    transition: .5s ease-in-out
}

.landing-header-wrapper .landing-title .title-wrapper .btn-dropdown {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100%;
    box-shadow: 3px 3px 0 0 #000;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.landing-header-wrapper .landing-title .title-wrapper .title-dropdown {
    padding: 0
}

@media only screen and (max-width:1024px) {
    .landing-header-wrapper .landing-title .title-wrapper .custom-content-dropdown {
        left: -20vw
    }
}

@media only screen and (max-width:767px) {
    .landing-header-wrapper .landing-title .title-wrapper .custom-content-dropdown {
        left: -30vw
    }
}

@media only screen and (max-width:426px) {
    .landing-header-wrapper .landing-title .title-wrapper .custom-content-dropdown {
        left: -50vw
    }
}

@media only screen and (max-width:376px) {
    .landing-header-wrapper .landing-title .title-wrapper .custom-content-dropdown {
        left: -62vw
    }
}

@media only screen and (max-width:321px) {
    .landing-header-wrapper .landing-title .title-wrapper .custom-content-dropdown {
        left: -70vw
    }
}

.landing-header-wrapper .landing-title .title-wrapper .copyable-text-container {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 4px
}

.landing-header-wrapper .landing-title .title-wrapper .copyable-text-container .title {
    align-items: center;
    background: #eaf7ff;
    border: 2px solid #000;
    border-radius: 104px;
    display: flex;
    gap: 8px;
    height: 41px;
    min-width: 210px;
    padding: 8px 12px
}

.landing-header-wrapper .landing-title .title-wrapper .copyable-text-container button {
    align-items: center;
    border: 2px solid #000;
    border-radius: 100px;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 39px
}

.landing-header-wrapper .landing-content {
    display: flex;
    gap: 50px;
    margin: 0 auto;
    max-width: 1180px
}

.landing-header-wrapper .landing-content .landing-content-item {
    background: #0000;
    display: flex
}

.landing-header-wrapper .landing-content .landing-content-item .item {
    align-items: center;
    display: flex;
    gap: 8px
}

.landing-header-wrapper .landing-content .landing-content-item .item .item-icon {
    height: 37px;
    width: 37px
}

.landing-header-wrapper .landing-content .landing-content-item .item .item-content {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.landing-header-wrapper .landing-content .landing-content-item .item .item-content .item-content-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin: 0
}

.landing-header-wrapper .landing-content .landing-content-item .item .item-content .item-content-quantity,
.landing-header-wrapper .landing-content .landing-content-item .item .item-content .item-content-quantity-more {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    line-height: 24px;
    margin: 0
}

.landing-header-wrapper .landing-content .landing-content-item .item:last-child {
    padding-left: 0;
    position: relative
}

.landing-header-wrapper .landing-content .landing-content-item .item:last-child:before {
    background: #ffffff80;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.landing-header-wrapper .landing-content .landing-content-item .item:first-child {
    padding-right: 0
}

.landing-header-wrapper .landing-content .landing-content-item .item:first-child:before {
    display: none
}

@media only screen and (max-width:767px) {
    .landing-header-wrapper .landing-content .landing-content-item .item-content-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .landing-header-wrapper .landing-content .landing-content-item .item-content-quantity {
        font-size: 26px;
        font-weight: 800;
        line-height: 24px
    }
}

.landing-content-wrapper .nav-tabs {
    background: #fcfcfc
}

.landing-content-wrapper .nav-tabs ul {
    display: flex;
    gap: 60px;
    justify-content: center;
    margin: 0
}

.landing-content-wrapper .nav-tabs ul li {
    color: #3e3e3e;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 16px;
    position: relative
}

.landing-content-wrapper .nav-tabs ul li.active {
    color: #141414
}

.landing-content-wrapper .nav-tabs ul li.active:after {
    background: #141414;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.landing-content-wrapper>div.tab-item {
    display: block;
    min-height: 85vh
}

.landing-content-wrapper .tab-item {
    display: none
}

.landing-content-wrapper .tab-item.selected {
    display: block
}

.landing-content-wrapper .tab-item .moca-wrapper {
    padding: 24px 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-search-filter {
    display: flex;
    gap: 8px
}

.landing-content-wrapper .tab-item .moca-wrapper .mocana-filter {
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .mocana-filter .mocana-button-filter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 1rem;
    position: relative;
    z-index: 10
}

.landing-content-wrapper .tab-item .moca-wrapper .mocana-filter .mocana-button-filter button {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 6px 6px 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 10px 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .mocana-filter .mocana-button-filter button:hover {
    background-color: #ffb800;
    bottom: -7px;
    box-shadow: none;
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-search {
    align-items: center;
    background-color: #e7e7e7;
    border: 2px solid #000;
    border-radius: 30px;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0 16px;
    position: relative;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-search img {
    max-width: 30px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-search button {
    background: #0000;
    border: 0;
    position: absolute;
    right: 6px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-search input {
    background: #0000;
    border: #0000;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 0 0 12px;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-search input::placeholder {
    color: #888;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-search input:focus-visible {
    outline: none
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-search {
        padding: 5px 11px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-search img {
        max-width: 23px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-search input {
        font-size: 12px;
        line-height: 16px;
        padding: 0 0 0 4px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-search input::placeholder {
        color: #0000004d;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-filter,
.landing-content-wrapper .tab-item .moca-wrapper .moca-sort {
    align-items: center;
    background: #0000;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 50%;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    height: 39px;
    justify-content: center;
    min-height: 39px;
    min-width: 39px;
    position: relative;
    width: 39px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-filter>button,
.landing-content-wrapper .tab-item .moca-wrapper .moca-sort>button {
    background: #0000;
    border: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .loading {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .loading img {
    margin: 2rem;
    max-width: 100px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content-header-wrapper {
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    justify-content: space-between;
    margin: 0 auto 21px;
    max-width: 1180px
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content-header-wrapper {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:1024px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content-header-wrapper {
        padding: 0 16px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0 auto 6px;
    max-width: 1180px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period-title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period-countdown {
    align-items: center;
    display: flex;
    gap: 3px
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period-countdown img {
        max-width: 21px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period-countdown .time {
    color: #ffcf00;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 24px
}

@media only screen and (max-width:900px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period {
        justify-content: space-between
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period-title {
        font-size: 16px;
        line-height: 24px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period-countdown .time {
        font-size: 16px !important;
        line-height: 24px
    }
}

@media only screen and (max-width:1024px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-period {
        padding: 0 16px;
        white-space: nowrap
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-disclaimer {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 auto 21px;
    max-width: 1180px
}

@media only screen and (max-width:1024px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .staking-disclaimer {
        padding: 0 16px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option {
    align-items: center;
    background: #fffae5;
    border: 2px solid #ffcf00;
    border-radius: 8px;
    display: flex;
    gap: 20px;
    margin: 0 auto 21px;
    max-width: 1180px;
    padding: 10px 14px
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option {
        align-items: flex-start;
        display: flex;
        gap: 8px;
        padding: 6px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option>img {
        width: 24px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option div.content .title {
        font-size: 15px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option div.content .description {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option .moca-tooltip-content .tooltip-title {
        font-size: 20px;
        line-height: 24px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option .moca-tooltip-content li,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option .moca-tooltip-content p {
        font-size: 12px;
        line-height: 16px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option .content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option .content .title {
    color: #0b0b0b;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option .content .description {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option .content .description a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option .content .description a {
        font-size: 12px
    }
}

@media only screen and (max-width:1024px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .hover-option {
        max-width: calc(100% - 32px)
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs {
    background: #0000
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul {
    background: #f2f2f2;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 4px 4px 0 #000;
    gap: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    gap: 5px;
    justify-content: center;
    line-height: 24px;
    min-width: 178px;
    padding: 8px 16px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li:last-child {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li:first-child {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li.active {
    background: #ffcf00;
    font-weight: 800
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li.active:after {
    display: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li:not(:last-child) {
    border-right: 2px solid #000
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li .moca-tooltip-label svg {
    bottom: auto
}

@media only screen and (max-width:991px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li {
        min-width: 0;
        min-width: auto
    }
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul {
        border-radius: 16px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li {
        color: #333;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        min-width: 0;
        min-width: auto;
        padding: 8px 26px;
        text-align: center
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li:last-child {
        border-bottom-right-radius: 16px;
        border-top-right-radius: 16px;
        padding: 8px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li:first-child {
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .nav-tabs ul li.active {
        background: #ffcf00;
        font-weight: 700
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    margin: 0 auto;
    max-width: 1180px
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca {
        gap: 15px
    }
}

@media only screen and (max-width:1024px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca {
        padding: 0 16px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item {
    background: #e9e9e9;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    max-width: 268px;
    position: relative;
    width: 24%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .badge {
    bottom: 36px;
    left: -40px;
    position: absolute;
    width: 78px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .badge.is-rate {
    bottom: 33%
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .badge {
        bottom: 24px;
        left: -24px;
        width: 48px
    }
}

@media only screen and (min-width:901px)and (max-width:1200px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item {
        max-width: none;
        width: 22%
    }
}

@media only screen and (min-width:768px)and (max-width:900px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item {
        max-width: none;
        width: 30%
    }
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item {
        max-width: none;
        width: 47%
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .thumbnail {
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .moca-item-info {
    align-items: center;
    background: #232323b8;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 8px 16px;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .moca-item-info {
        padding: 0 2px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .moca-item-info .info-id {
    color: #ececec;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .moca-item-info .info-id {
        font-size: 16px;
        line-height: 24px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .moca-item-info .info-xp {
    color: #ececec;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .moca-item-info .info-xp span {
    background: #000;
    border-radius: 5px;
    color: #ffcf00;
    display: inline;
    margin-left: 4px;
    padding: 0 6px
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .moca-item-info .info-xp {
        font-size: 16px;
        line-height: 24px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .staked {
    background: #000;
    border: 3px solid #000;
    border-bottom-left-radius: 6px;
    color: #2cff74;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
    padding: 8px 16px;
    position: absolute;
    right: -12px;
    top: -12px
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .staked {
        font-size: 16px;
        line-height: 20px;
        padding: 2px 12px;
        right: -8px;
        top: -8px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .rare-badge {
    background: #fad722;
    border-radius: 100px;
    bottom: 39px;
    height: 52px;
    left: -26px;
    position: absolute;
    width: 52px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .rare-badge img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .rare-badge {
        bottom: 28px;
        height: 32px;
        left: -12px;
        width: 32px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item:hover .view-detail {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 13px;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item:hover .view-detail .btn-set-default {
        display: none
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .view-detail {
    background: #0009;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .view-detail .btn-view-detail {
    align-items: center;
    background: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 6px 6px 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 10px 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .view-detail .btn-view-detail:hover {
    background-color: #fff;
    bottom: -7px;
    box-shadow: none;
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .view-detail .btn-set-default {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 6px 6px 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    line-height: 32px;
    max-height: 50px;
    padding: 10px 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .view-detail .btn-set-default:disabled {
    background-color: #969696 !important
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .view-detail .btn-set-default:hover {
    background-color: #f8d32d;
    bottom: -7px;
    box-shadow: none;
    position: relative
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .view-detail .btn-view-detail {
        font-size: 12px;
        line-height: 14px;
        padding: 12px 24px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .list-moca-item .view-detail .btn-set-default {
        font-size: 12px;
        line-height: 14px;
        padding: 5px 14px
    }
}

@media only screen and (max-width:900px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .modal-wrapper-parent {
        height: 100%;
        left: 0;
        margin-top: 64px;
        position: fixed;
        top: 0;
        width: 100%
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .modal-wrapper-parent>div {
        height: calc(100% - 73px);
        overflow: auto;
        position: relative
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .modal-wrapper-parent>div .moca-table-tooltip-modal {
        background-size: cover;
        position: absolute;
        top: 9px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .list-moca .modal-wrapper-parent>div .moca-table-tooltip-modal .toggle-button {
        top: -6px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .invalid-moca {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .invalid-moca a {
    text-decoration: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .invalid-moca>img {
    margin-bottom: 9px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .invalid-moca .invalid-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 8px;
    text-align: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .invalid-moca .invalid-sub-title {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .invalid-moca .btn-get-moca {
    align-items: center;
    background: #ffcf00;
    border: 3px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    height: 50px;
    justify-content: center;
    line-height: 32px;
    margin-top: 28px;
    padding: 13px 24px;
    text-decoration: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .invalid-moca .btn-get-moca img {
    height: 24px;
    width: 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .invalid-moca .btn-get-moca:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal {
    background-image: url(/static/media/bg-modal-color.682c3b1b0d0a6906919c.svg);
    background-repeat: no-repeat;
    background-size: cover;
    left: calc(50% - 514px);
    max-width: 1040px;
    min-height: 668px;
    position: fixed;
    top: calc(50% - 333px);
    visibility: visible;
    width: 100%;
    z-index: 1110
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal {
        background-image: url(/static/media/bg-color-modal-mobile-new.c0339a251e1b475985d9.svg);
        background-size: auto;
        left: calc(50% - 174.5px);
        max-width: 364px;
        min-height: 590px;
        width: 100%
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .toggle-button {
    align-items: center;
    background-color: #f8d748;
    border: 3px solid #000;
    border-radius: 50%;
    display: flex;
    height: 55px;
    justify-content: center;
    position: absolute;
    right: -1px;
    top: -3px;
    width: 55px;
    z-index: 100
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .scroll-content {
        height: 530px;
        margin-top: 18px;
        overflow: hidden
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content {
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content {
        flex-direction: column;
        position: static
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    max-width: 325px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .image-moca {
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    display: flex;
    max-width: 245px;
    position: relative;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .image-moca .badge {
    display: none
}

@media only screen and (min-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .image-moca .badge {
        display: inline;
        left: -30px;
        position: absolute;
        top: 60%;
        width: 60px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .image-moca img {
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-id {
    align-items: center;
    color: #fffc;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    line-height: 20px;
    margin-bottom: 10px;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-id img {
    width: 26px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-own {
    color: #fffc;
    font-size: 14px;
    margin-bottom: 12px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-own .own-wallet {
    color: #fff;
    text-decoration: underline
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .title-xp {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 16px;
    text-align: center;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .season {
    color: #fffc;
    font-weight: 700;
    margin-top: 4px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .tool_battery {
    align-items: center;
    background: #ffffff1a;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-weight: 600;
    padding: 10px
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .tool_battery {
        display: none
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .tool_battery img {
    margin-right: 6px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .tool_battery span {
    color: #ffffffb5;
    margin-right: 4px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .xp-value {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin: 5px 0;
    text-align: center;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .set-default-wrapper {
    border-top: 2px solid #ffffff36;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: auto 12px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .set-default-wrapper .default-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .set-default-wrapper .title-success {
    color: #a1f479;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    line-height: 24px;
    text-align: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .set-default-wrapper .default-description {
    color: #fffc;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .set-default-wrapper .btn-set-default {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 6px 6px 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    line-height: 32px;
    margin: 3px auto;
    max-height: 50px;
    padding: 10px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .set-default-wrapper .btn-set-default:disabled {
    background-color: #969696 !important
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .set-default-wrapper .btn-set-default:hover {
    background-color: #f8d32d;
    bottom: -7px;
    box-shadow: none;
    position: relative
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .set-default-wrapper {
        display: none
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile {
    display: none
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block {
        flex: initial;
        flex-direction: row;
        gap: 14px;
        max-width: none;
        padding: 11px 16px 11px 24px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile {
        display: block
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile-id {
        align-items: center;
        color: #fffc;
        display: flex;
        font-size: 20px;
        font-weight: 700;
        gap: 4px;
        line-height: 16px;
        margin-bottom: 5px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile-id img {
        width: 26px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile-own {
        color: #fffc;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        margin-bottom: 12px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile-own span {
        color: #fff;
        font-weight: 600;
        text-decoration: underline
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile-title-xp {
        color: #fffc;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 3px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile-season {
        color: #fffc;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 2px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-info-mobile-xp-value {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 0
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-id,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .moca-own,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .season,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .title-xp,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .xp-value {
        display: none
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .left-block .image-moca {
        border: 3.4px solid #000;
        box-shadow: 4px 4px 0 #000;
        max-width: 117px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .tool_battery {
    align-items: center;
    background: #ffffff1a;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    margin: 0 35px 8px;
    padding: 6px
}

@media only screen and (min-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .tool_battery {
        display: none
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .tool_battery img {
    margin-right: 6px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .tool_battery span {
    color: #ffffffb5;
    margin-right: 4px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .set-default-wrapper {
    border-top: 2px solid #ffffff36;
    display: none;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 0 14px;
    padding: 12px 0;
    text-align: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .set-default-wrapper .title-success {
    color: #a2f479;
    display: flex;
    font-weight: 600;
    gap: 10px;
    justify-content: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .set-default-wrapper .default-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .set-default-wrapper .default-description {
    color: #fffc;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .set-default-wrapper .btn-set-default {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 6px 6px 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    line-height: 32px;
    margin: 0 auto;
    max-height: 50px;
    padding: 10px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .set-default-wrapper .btn-set-default:disabled {
    background-color: #969696 !important
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .set-default-wrapper .btn-set-default:hover {
    background-color: #f8d32d;
    bottom: -7px;
    box-shadow: none;
    position: relative
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .set-default-wrapper {
        display: flex;
        margin: 0 32px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca {
    background: #1e5e96;
    flex: 2 1;
    margin: 18px 12px 18px 0;
    padding: 10px 14px 10px 0;
    position: relative;
    width: 100%
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca {
        background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
        background: initial;
        height: auto;
        margin-bottom: 0;
        overflow: scroll
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item {
    display: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper {
    padding: 29px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .tools-list {
    display: flex;
    gap: 12px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .tools-list-item {
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .tools-list-item>img {
    max-width: 110px
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .tools-list-item>img {
        max-width: 85px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .tools-list-item-info {
    align-items: center;
    background: #000;
    border-top-left-radius: 20px;
    bottom: 3px;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: center;
    padding: 2px 10px;
    position: absolute;
    right: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .tools-list-item-info img {
    margin-right: 4px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row.tool {
    border-bottom: 0 !important;
    margin-bottom: -12px
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row.tool {
        margin-bottom: 0
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row:not(:last-child) {
    border-bottom: 1px solid #0080ce;
    padding-bottom: 8px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .staking-period-countdown img {
    display: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .staking-period-countdown .time {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: right
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    gap: 2px;
    line-height: 24px;
    text-align: right
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description.text-color {
    color: #0eb500
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description.text-color-red {
    color: red
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description>button {
    align-items: center;
    background: #ffcf00;
    border: 1px solid #000;
    border-radius: 100px;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    justify-content: center;
    line-height: 20px;
    padding: 4px 8px 4px 12px;
    text-align: center;
    text-decoration: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description>button img {
    margin-right: 5px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description>a {
    align-items: center;
    background: #ffcf00;
    border: 1px solid #000;
    border-radius: 100px;
    color: #000;
    display: flex;
    font-size: 16px;
    height: 28px;
    justify-content: center;
    line-height: 20px;
    padding: 4px 8px 4px 12px;
    text-align: center;
    text-decoration: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description>a:after {
    background-image: url(/static/media/arrow-down.4236cb25678abcdf2da4.svg);
    background-position-y: -1px;
    background-size: 100%;
    content: "";
    display: block;
    height: 15px;
    transform: rotate(270deg);
    width: 18px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .btn-experiences {
    align-items: center;
    background: #ffcf00;
    border: 3px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    height: 50px;
    justify-content: center;
    line-height: 24px;
    margin: 44px auto 0;
    padding: 13px 24px;
    text-decoration: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .btn-experiences:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper {
        padding: 21px 16px 16px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail {
        gap: initial;
        padding-top: 0
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row {
        padding: 12px 0 8px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row:not(:last-child) {
        border-bottom: 1px solid #0080ce
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .title {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        max-width: 140px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.moca-info-detail-wrapper .moca-info-detail .row .description a {
        filter: drop-shadow(3px 3px 0 #000000)
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .tab-item.selected {
    display: block
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs {
    border-bottom: 2px solid #000;
    padding: 0 24px 11px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul {
    background: #0000;
    border: 2px solid #000;
    border-radius: 0;
    border-radius: 12px;
    box-shadow: none;
    filter: drop-shadow(3px 3px 0 #000000);
    height: 40px;
    width: -webkit-max-content;
    width: max-content
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul li {
    background: #fff;
    border-bottom: 0;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    min-width: 225px;
    padding: 18px 20px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul li:first-child {
    border-bottom-left-radius: 10px;
    border-right: 2px solid #000;
    border-top-left-radius: 10px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul li:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul li.active {
    background: #ffcf00;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul li {
        font-size: 15px !important;
        font-weight: 700;
        line-height: 24px;
        padding: 5px 10px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul li.active {
        font-size: 14px;
        line-height: 24px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .moca-id {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 45px;
    font-weight: 700;
    gap: 15px;
    line-height: 48px;
    margin-bottom: 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper {
    padding: 0 14px 0 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-season {
    background-color: #0080ce;
    border: 1px solid #000;
    border-radius: 12px;
    display: none;
    left: 0;
    padding: 12px;
    position: absolute;
    top: 100%;
    z-index: 100
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-season.active {
    display: inline
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-season button {
    background: #0000;
    border: 0;
    color: #fff;
    display: block;
    font-weight: 700;
    margin: 5px 0;
    text-align: left
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-season button.active {
    opacity: .5
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab {
    align-items: center;
    background: #0000;
    display: flex;
    gap: 20px;
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab span {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab span.btn-arrow {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab span.btn-arrow img {
    width: 13px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab .tabs-bar {
    display: none;
    left: 0;
    position: absolute;
    top: 130%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab .tabs-bar.active {
    display: block
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab .tabs-bar .nav-tabs {
    background: #fff;
    border: 2px solid #000;
    border-radius: 24px;
    padding: 14px;
    position: relative;
    z-index: 100
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab .tabs-bar .nav-tabs ul {
    border: 0;
    flex-direction: column;
    gap: 14px;
    height: auto
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab .tabs-bar .nav-tabs ul li {
    border: 2px solid #000;
    border-radius: 14px;
    filter: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    height: 28px;
    justify-content: center;
    position: relative;
    width: 28px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter>button {
    background: #0000;
    border: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter img {
    width: 13px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter .toggle-button,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile {
    display: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container {
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 16px 30px 16px 20px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header.date.asc .table-container__header--col-1>span:after,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header.season.asc .table-container__header--col-6>span:after,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header.xp_from.asc .table-container__header--col-2>span:after,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header.xp_gained.asc .table-container__header--col-3>span:after {
    transform: rotate(180deg)
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-1,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-2,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-3 {
    display: flex;
    flex: 1 1;
    justify-content: flex-start;
    left: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-1>span,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-2>span,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-3>span {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 5px;
    line-height: 20px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-1>span .moca-tooltip,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-2>span .moca-tooltip,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-3>span .moca-tooltip {
    top: -3px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-1>span .moca-tooltip-label>svg,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-2>span .moca-tooltip-label>svg,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-3>span .moca-tooltip-label>svg {
    bottom: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-2 {
    justify-content: flex-start
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-3 {
    justify-content: flex-end
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item {
    background: #f2f2f2;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 2px 2px 0 #000;
    display: block;
    padding: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header {
    align-items: center;
    background-color: #fff;
    background-image: url(/static/media/bg-color-history.1f1b972ddcadca6c429e.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    max-height: 65px;
    padding: 9px 20px;
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header-col-1,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header-col-2,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header-col-3 {
    align-items: center;
    color: #000;
    display: flex;
    flex: 1 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header-col-1.season,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header-col-2.season,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header-col-3.season {
    font-weight: 600;
    margin-left: 21px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header-col-2 {
    flex: 2 1;
    font-weight: 600;
    justify-content: flex-start;
    text-transform: capitalize
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header-col-3 {
    font-size: 24px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header .btn-showMore {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    height: 28px;
    justify-content: center;
    position: absolute;
    right: 18px;
    width: 28px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header .btn-showMore>img {
    width: 13px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header .btn-showMore.toggle img {
    transform: rotate(180deg)
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--header--mobile {
    display: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore {
    background: #fff9be;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    display: none;
    padding: 5px 20px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore.toggle {
    display: block
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-title {
    border-bottom: 1px solid #e5d7a6;
    color: #948655;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 9px;
    padding-bottom: 7px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 11px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item.bold {
    margin-left: 0 !important;
    width: 32%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item.bold .title {
    color: #5d4b1e;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item.bold .value {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item:not(:first-child) {
    margin-left: 22px
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item:not(:first-child) {
        margin-left: 0
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item:nth-child(5) {
    margin-left: 0
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item:nth-child(5) {
        margin-left: 0
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item .title {
    color: #5d4b1e;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item .title.contest {
    color: red
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item .value {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-list-item .value.contest {
    color: red
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__item--showMore-description {
    color: #948655;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper {
    height: 460px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper::-webkit-scrollbar {
    background: none;
    height: 90px !important;
    width: 6px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper::-webkit-scrollbar-corner {
    background: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper::-webkit-scrollbar-thumb {
    background: #ffcf00;
    border-radius: 6px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .table-container__pagination {
    position: absolute;
    width: 100%
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper {
        padding: 0
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header {
        margin-top: 17px;
        padding-left: 10px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab {
        gap: 7px;
        padding: 0
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .select-tab span {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        line-height: 34px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter {
        display: none
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter .mocana-filter-history {
        bottom: 0;
        left: 0;
        max-height: 75%;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 100
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter .mocana-filter-history .filter-wrapper,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter .mocana-filter-history .sort-wrapper {
        overflow: scroll
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter .mocana-filter-history h2 {
        justify-content: flex-start
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter .mocana-filter-history h2 .text-filter {
        margin-left: 20%;
        order: 2
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter .mocana-filter-history h2 .text-reset {
        order: 1;
        padding-left: 0;
        padding-right: 6px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-header .history-filter .mocana-filter-history .toggle-button {
        align-items: center;
        background-color: #f8d748;
        border: 3px solid #000;
        border-radius: 50%;
        display: flex;
        height: 55px;
        justify-content: center;
        position: absolute;
        right: 21px;
        top: -28px;
        width: 55px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 7px 0;
        padding: 0 5px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .moca-filter>button {
        align-items: center;
        color: #fff;
        display: flex;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .moca-filter,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .moca-sort {
        align-items: center;
        background: #0000;
        border: 0;
        box-shadow: none;
        color: #fff;
        display: flex;
        font-size: 16px;
        font-weight: 600;
        gap: 4px;
        height: auto;
        line-height: 20px;
        width: auto
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-color: #000;
        bottom: 0;
        left: 0;
        max-height: 75%;
        max-width: 100%;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 100
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter .filter-wrapper,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter .sort-wrapper,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort .filter-wrapper,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort .sort-wrapper {
        overflow: scroll
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter h2,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort h2 {
        border-color: #000;
        justify-content: flex-start
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter h2 .text-filter,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort h2 .text-filter {
        margin-left: 20%;
        order: 2
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter h2 .text-reset,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort h2 .text-reset {
        order: 1;
        padding-left: 0;
        padding-right: 6px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter .toggle-button,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort .toggle-button {
        align-items: center;
        background-color: #f8d748;
        border: 3px solid #000;
        border-radius: 50%;
        display: flex;
        height: 55px;
        justify-content: center;
        position: absolute;
        right: 21px;
        top: -28px;
        width: 55px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter .group-btn,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort .group-btn {
        align-items: center;
        display: flex;
        gap: 14px;
        justify-content: center
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter .group-btn .btn-apply-filter,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort .group-btn .btn-apply-filter {
        margin: 6px 0 24px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter .group-btn .btn-cancel,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-filter .group-btn .btn-cancel:hover,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort .group-btn .btn-cancel,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .sort-filter-mobile .mocana-list-sort .group-btn .btn-cancel:hover {
        background: #fff
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header {
        display: none;
        padding: 7px 6px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-1>span,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-2>span,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-3>span {
        font-size: 12px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-1>span .moca-tooltip,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-2>span .moca-tooltip,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-3>span .moca-tooltip {
        display: none
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-1>span:after,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-2>span:after,
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container__header--col-3>span:after {
        background-size: contain;
        width: 15px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper {
        max-height: 260px;
        overflow: visible;
        overflow: initial;
        padding-right: 0
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header {
        display: none
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header--mobile {
        align-items: center;
        background-image: url(/static/media/bg-color-history-mobile.f3ecc1ac80c7458c0fdd.svg);
        background-position: 100%;
        background-repeat: no-repeat;
        border-radius: 12px;
        display: flex;
        height: 52px;
        padding: 9px;
        position: relative
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header--mobile-col-1 {
        align-items: flex-start;
        display: flex;
        flex: 2 1;
        flex-direction: column;
        gap: 4px;
        justify-content: flex-start
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header--mobile-col-1 .status {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        text-transform: capitalize
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header--mobile-col-1 .date {
        color: #333;
        font-size: 10px;
        font-weight: 500;
        line-height: 10px;
        opacity: .8
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header--mobile-col-3 {
        color: #000;
        display: flex;
        flex: 1 1;
        font-size: 16px;
        font-weight: 700;
        justify-content: center;
        line-height: 20px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header--mobile .btn-showMore {
        align-items: center;
        background: #ffcf00;
        border: 2px solid #000;
        border-radius: 100px;
        box-shadow: 3px 3px 0 #000;
        display: flex;
        height: 21px;
        justify-content: center;
        position: absolute;
        right: 18px;
        width: 21px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header--mobile .btn-showMore>img {
        width: 13px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--header--mobile .btn-showMore.toggle img {
        transform: rotate(180deg)
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--showMore {
        padding: 8px 13px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--showMore-title {
        color: #948655;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--showMore-title.hide {
        display: none
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--showMore-list {
        flex-wrap: wrap
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--showMore-list.hide {
        display: none
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--showMore-list-item {
        width: 50%
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--showMore-list-item .title {
        color: #5d4b1e;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .moca-history-list-wrapper .moca-history-list .table-container__item--showMore-list-item .value {
        color: #000;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .history-tab-wrapper .history-content .tab-item .table-container .table-container__pagination {
        display: none
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper {
    align-items: center;
    display: flex;
    gap: 5px;
    padding-top: 100px;
    position: relative
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .bar {
    align-items: center;
    background: #fff;
    border: 2px solid #000;
    border-radius: 21px;
    display: flex;
    height: 30px;
    justify-content: flex-start;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .bar .progress {
    background: #d9d9d9;
    border: 2px solid #000;
    border-radius: 21px;
    height: 21px;
    margin-left: 4px;
    position: relative;
    width: 75%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .bar .progress>img {
    height: 52px;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 52px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .bar .progress:after,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .bar .progress:before {
    bottom: 56px;
    content: "";
    display: block;
    position: absolute;
    transform: translate(-50%, calc(100% + 5px));
    width: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .bar .progress:after {
    border: 7px solid #0000;
    border-bottom: 0;
    border-top: 9px solid #fff;
    right: -7px;
    z-index: 10
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .bar .progress:before {
    border: 10px solid #0000;
    border-bottom: 0;
    border-top: 12px solid #000;
    right: -13px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .image-hundred {
    max-height: 36px;
    max-width: 39px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .moca-xp {
    align-items: center;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 6px 18px;
    position: absolute;
    top: 16px;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .moca-xp .title {
    color: #575757;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .progress-wrapper .moca-xp .xp {
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 48px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .top-xp {
    align-items: center;
    display: flex;
    gap: 9px;
    justify-content: flex-end;
    margin-top: 16px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .top-xp span.xp-title {
    color: #575757;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .top-xp span.xp-quantity {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca {
        padding: 0 16px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs {
        border-bottom: 0;
        padding: 0 4px
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul {
        height: 36px;
        width: 100%
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul li {
        color: #333;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        min-width: 0;
        min-width: auto;
        width: 50%
    }

    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .tooltip-content .info-moca .nav-tabs ul li.active {
        font-weight: 700
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .sub-bg-modal {
    bottom: 0;
    position: absolute;
    right: 0
}

@media only screen and (max-width:992px) {
    .landing-content-wrapper .tab-item .moca-wrapper .moca-content .moca-table-tooltip-modal .sub-bg-modal {
        bottom: 10px;
        right: 9px
    }
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 1.5rem auto
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--next img,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--prev img {
    margin-top: 3px;
    transform: rotate(90deg);
    width: 22px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--next img {
    transform: rotate(-90deg) !important
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination select {
    padding: 8px 28px;
    width: 100px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination select,
.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select {
    -webkit-appearance: none;
    appearance: none;
    background-color: #f8d748;
    background-image: url(/static/media/arrow-down.4236cb25678abcdf2da4.svg);
    background-position: right .8em top 50%;
    background-repeat: no-repeat;
    background-size: 1em auto;
    border-radius: 30px;
    box-shadow: 4px 4px 0 #000;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 800
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select {
    padding: 10px 28px;
    position: relative;
    width: 110px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option {
    background: #f8d748;
    border: 1px solid #000;
    border-radius: 8px;
    bottom: 110%;
    box-shadow: 4px 4px 0 #000;
    left: 0;
    position: absolute;
    width: 100%
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option ul {
    margin: 0;
    max-height: 246px;
    overflow: scroll;
    padding: 0
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option ul::-webkit-scrollbar {
    background: none;
    height: 6px;
    width: 7px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option ul::-webkit-scrollbar-corner {
    background: none
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option ul::-webkit-scrollbar-thumb {
    background: #886f5580;
    border-radius: 100px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option ul li {
    padding: 6px 16px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option ul li:hover {
    background: #ffa800
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option .last-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #00000080;
    padding: 6px 16px
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--select--option .last-item:hover {
    background: #ffa800
}

.landing-content-wrapper .tab-item .moca-wrapper .moca-content .table-container__pagination--label {
    color: #000;
    font-size: 20px;
    font-weight: 600
}

.landing-content-wrapper .mocana-filter-history,
.landing-content-wrapper .mocana-list-filter,
.landing-content-wrapper .mocana-list-sort {
    border: 1px solid;
    border-radius: 14px;
    display: none;
    max-width: 225px;
    position: absolute;
    right: 0;
    top: 130%;
    z-index: 1
}

.landing-content-wrapper .mocana-filter-history.active,
.landing-content-wrapper .mocana-list-filter.active,
.landing-content-wrapper .mocana-list-sort.active {
    display: block
}

.landing-content-wrapper .mocana-filter-history .filter-wrapper,
.landing-content-wrapper .mocana-filter-history .sort-wrapper,
.landing-content-wrapper .mocana-list-filter .filter-wrapper,
.landing-content-wrapper .mocana-list-filter .sort-wrapper,
.landing-content-wrapper .mocana-list-sort .filter-wrapper,
.landing-content-wrapper .mocana-list-sort .sort-wrapper {
    background-color: #0080ce;
    border-radius: 14px;
    overflow: hidden
}

.landing-content-wrapper .mocana-filter-history .btn-apply-filter,
.landing-content-wrapper .mocana-list-filter .btn-apply-filter,
.landing-content-wrapper .mocana-list-sort .btn-apply-filter {
    align-items: center;
    background: #f8d748;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 5px 0 #000;
    color: #000;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    margin: 6px 17px 24px;
    padding: 12px 40px;
    text-align: center
}

.landing-content-wrapper .mocana-filter-history .group-btn,
.landing-content-wrapper .mocana-list-filter .group-btn,
.landing-content-wrapper .mocana-list-sort .group-btn {
    display: flex;
    justify-content: center
}

.landing-content-wrapper .mocana-filter-history .group-btn .btn-cancel,
.landing-content-wrapper .mocana-list-filter .group-btn .btn-cancel,
.landing-content-wrapper .mocana-list-sort .group-btn .btn-cancel {
    background-color: #fff;
    display: none
}

@media only screen and (max-width:767px) {

    .landing-content-wrapper .mocana-filter-history .group-btn .btn-cancel,
    .landing-content-wrapper .mocana-list-filter .group-btn .btn-cancel,
    .landing-content-wrapper .mocana-list-sort .group-btn .btn-cancel {
        display: inline-block
    }
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section,
.landing-content-wrapper .mocana-list-filter .sub-filter-section,
.landing-content-wrapper .mocana-list-sort .sub-filter-section {
    padding: 19px 17px
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section h3,
.landing-content-wrapper .mocana-list-filter .sub-filter-section h3,
.landing-content-wrapper .mocana-list-sort .sub-filter-section h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    opacity: .8;
    text-align: left
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section ul,
.landing-content-wrapper .mocana-list-filter .sub-filter-section ul,
.landing-content-wrapper .mocana-list-sort .sub-filter-section ul {
    margin: 10px 10px 10px 0;
    min-width: 220px
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li {
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 12px 0
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li img,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li img,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li img {
    margin-top: -3px;
    width: 20px
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input {
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    padding-left: 27px;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    user-select: none
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input:hover input~.checkmark,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input:hover input~.checkmark,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input:hover input~.checkmark {
    background-color: #ccc
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input:after,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input:after,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input:after {
    content: "";
    display: none;
    position: absolute
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input input,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input input,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 100
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input input:checked~.checkmark,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input input:checked~.checkmark,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input input:checked~.checkmark {
    background-color: #000
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input input:checked~.checkmark.radio,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input input:checked~.checkmark.radio,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input input:checked~.checkmark.radio {
    background-color: #fff
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input input:checked~.checkmark:after,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input input:checked~.checkmark:after,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input input:checked~.checkmark:after {
    display: block
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input .checkmark,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input .checkmark,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input .checkmark {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 4px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input .checkmark:after,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input .checkmark:after,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input .checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 5px
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input .checkmark.radio,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input .checkmark.radio,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input .checkmark.radio {
    border-radius: 100px
}

.landing-content-wrapper .mocana-filter-history .sub-filter-section li .custom-input .checkmark.radio:after,
.landing-content-wrapper .mocana-list-filter .sub-filter-section li .custom-input .checkmark.radio:after,
.landing-content-wrapper .mocana-list-sort .sub-filter-section li .custom-input .checkmark.radio:after {
    background: #000;
    border: 0;
    border-radius: 100px;
    content: "";
    display: none;
    height: 10px;
    left: calc(50% - 5px);
    position: absolute;
    top: calc(50% - 5px);
    width: 10px
}

.landing-content-wrapper .mocana-filter-history h2,
.landing-content-wrapper .mocana-list-filter h2,
.landing-content-wrapper .mocana-list-sort h2 {
    align-items: center;
    background-color: #004975;
    border-bottom: 1px solid;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 9px 17px
}

.landing-content-wrapper .mocana-filter-history h2 .text-filter,
.landing-content-wrapper .mocana-list-filter h2 .text-filter,
.landing-content-wrapper .mocana-list-sort h2 .text-filter {
    color: #fffc;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.landing-content-wrapper .mocana-filter-history h2 .text-reset,
.landing-content-wrapper .mocana-list-filter h2 .text-reset,
.landing-content-wrapper .mocana-list-sort h2 .text-reset {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding-right: 0;
    text-decoration-line: underline
}

.landing-content-wrapper .mocana-filter-history h2 button,
.landing-content-wrapper .mocana-list-filter h2 button,
.landing-content-wrapper .mocana-list-sort h2 button {
    background: #0000;
    border: 0;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: underline
}

.landing-content-wrapper .mocana-filter-history .filter,
.landing-content-wrapper .mocana-list-filter .filter,
.landing-content-wrapper .mocana-list-sort .filter {
    text-align: right
}

.landing-content-wrapper .mocana-filter-history .filter select,
.landing-content-wrapper .mocana-list-filter .filter select,
.landing-content-wrapper .mocana-list-sort .filter select {
    background: #f7aa17;
    border: #0000;
    font-weight: 700;
    padding: 10px 20px
}

.landing-content-wrapper .mocana-filter-history .filter select:focus,
.landing-content-wrapper .mocana-list-filter .filter select:focus,
.landing-content-wrapper .mocana-list-sort .filter select:focus {
    outline: none
}

.landing-content-wrapper .mocana-filter-history .toggle-button,
.landing-content-wrapper .mocana-list-filter .toggle-button,
.landing-content-wrapper .mocana-list-sort,
.landing-content-wrapper .mocana-list-sort .toggle-button {
    display: none
}

@media only screen and (max-width:767px) {
    .landing-content-wrapper .moca-search-filter .mocana-filter {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 12px
    }

    .landing-content-wrapper .moca-search-filter .mocana-filter .mocana-button-filter img {
        max-width: 16px;
        opacity: .5
    }

    .landing-content-wrapper .moca-search-filter .mocana-filter .mocana-button-filter button {
        background: #0000;
        border: 0;
        box-shadow: none;
        color: #fff;
        flex-direction: row-reverse;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 0
    }

    .landing-content-wrapper .moca-search-filter .mocana-filter .mocana-button-filter button>img {
        filter: brightness(0) invert(1);
        margin-left: 6px;
        opacity: 1
    }

    .landing-content-wrapper .moca-search-filter .mocana-filter .mocana-button-sort {
        display: block
    }

    .landing-content-wrapper .moca-search-filter .mocana-filter .mocana-button-sort button {
        align-items: center;
        background: #0000;
        border: 0;
        color: #fff;
        display: flex;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .landing-content-wrapper .moca-search-filter .mocana-filter .mocana-button-sort button>img {
        filter: brightness(0) invert(1);
        margin-left: 6px
    }

    .landing-content-wrapper .moca-search-filter .mocana-list-filter,
    .landing-content-wrapper .moca-search-filter .mocana-list-sort {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: 0;
        left: 0;
        max-height: 75%;
        max-width: 100%;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 100
    }

    .landing-content-wrapper .moca-search-filter .mocana-list-filter .filter-wrapper,
    .landing-content-wrapper .moca-search-filter .mocana-list-filter .sort-wrapper,
    .landing-content-wrapper .moca-search-filter .mocana-list-sort .filter-wrapper,
    .landing-content-wrapper .moca-search-filter .mocana-list-sort .sort-wrapper {
        overflow: scroll
    }

    .landing-content-wrapper .moca-search-filter .mocana-list-filter h2,
    .landing-content-wrapper .moca-search-filter .mocana-list-sort h2 {
        justify-content: flex-start
    }

    .landing-content-wrapper .moca-search-filter .mocana-list-filter h2 .text-filter,
    .landing-content-wrapper .moca-search-filter .mocana-list-sort h2 .text-filter {
        margin-left: 20%;
        order: 2
    }

    .landing-content-wrapper .moca-search-filter .mocana-list-filter h2 .text-reset,
    .landing-content-wrapper .moca-search-filter .mocana-list-sort h2 .text-reset {
        order: 1;
        padding-left: 0;
        padding-right: 6px
    }

    .landing-content-wrapper .moca-search-filter .mocana-list-filter .toggle-button,
    .landing-content-wrapper .moca-search-filter .mocana-list-sort .toggle-button {
        align-items: center;
        background-color: #f8d748;
        border: 3px solid #000;
        border-radius: 50%;
        display: flex;
        height: 55px;
        justify-content: center;
        position: absolute;
        right: 21px;
        top: -28px;
        width: 55px
    }
}

.mocana-wrapper.cyberkongz-wrapper {
    background: url(/static/media/background-event.9d06260cbab93301d89c.svg) 50% 0 no-repeat
}

@media only screen and (max-width:767px) {
    .mocana-wrapper.cyberkongz-wrapper {
        background: url(/static/media/background-event-mobile.960be7e0c9d6e317f688.svg) 50% 64px no-repeat;
        background-size: 100%;
        position: relative;
        z-index: 1
    }
}

.mocana-wrapper.cyberkongz-wrapper .title-event {
    align-items: center;
    display: flex;
    height: 312px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile {
    margin: 0;
    z-index: 10000
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile .modal-iframe {
    max-height: 500px;
    overflow: auto
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile .event-bar-wrapper {
    padding: 15px
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile .event-bar-not-started {
    justify-content: space-between
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile .event-bar-not-started .date {
    font-size: 13.5px
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile .event-status {
    padding: 10px 0
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile button.event-closed img {
    margin-right: 4px;
    max-width: 22px
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile button.event-closed a {
    color: #000;
    text-decoration: none
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile .event-sb-action-note {
    margin: 12px 0;
    padding: 0
}

.mocana-wrapper.cyberkongz-wrapper .event-sb-mobile .event-sb-action-note.live {
    font-weight: 700;
    margin-top: -8px
}

.mocana-wrapper.cyberkongz-wrapper .main-content {
    margin: 0 auto;
    max-width: 1218px;
    padding: 0 12px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:768px) {
    .mocana-wrapper.cyberkongz-wrapper .main-content {
        padding-bottom: 200px
    }

    .mocana-wrapper.cyberkongz-wrapper .main-content.disabled {
        max-height: 100vh;
        overflow: hidden
    }
}

@media only screen and (max-width:900px) {
    .mocana-wrapper.cyberkongz-wrapper .event-sb-mobile {
        display: block
    }
}

.mocana-wrapper.cyberkongz-wrapper .event-title-wrapper {
    padding-top: 325px
}

.mocana-wrapper.cyberkongz-wrapper .event-title-wrapper .event-title-notify span.copied {
    color: #ffb800;
    font-weight: 700;
    left: 6px;
    position: relative
}

@media only screen and (max-width:768px) {
    .mocana-wrapper.cyberkongz-wrapper .event-title-wrapper .event-title-notify span.copied {
        left: auto;
        position: absolute;
        right: 0;
        top: 103%
    }
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents {
    display: flex;
    justify-content: space-around
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right {
    flex-grow: 1
}

@media only screen and (max-width:900px) {
    .mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right {
        display: none
    }

    .mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right.active {
        display: block
    }
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .title-connect {
    border-bottom: 1px solid #9aabc1;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_btn-connect {
    display: flex;
    justify-content: space-between
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_btn-connect .title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 38px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_btn-connect .title button {
    left: 0
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_time {
    background: #00d1ff;
    background-image: url(/static/media/registration_bg.7d92e59b64e1dff74d42.svg);
    background-size: contain;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 10px 0;
    text-align: center
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_time span {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_time h4 {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 800;
    justify-content: center;
    line-height: 24px;
    margin-top: 4px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_time h4 img {
    margin-right: 4px;
    max-width: 22.5px
}

@media only screen and (max-width:768px) {
    .mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_wrapper-parent {
        display: none
    }
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_wrapper {
    background: #d9d9d91a;
    border-radius: 5px;
    padding: 18px 48px 18px 24px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_wrapper>p {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
    width: calc(100% - 200px)
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right .right-wrapper-registration-open_wrapper>p a {
    color: #0080ce;
    text-decoration: underline
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right iframe {
    margin-top: 8px;
    opacity: .6
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right iframe.active {
    opacity: 1
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left {
    color: #fff;
    padding: 0 24px 12px 0;
    width: 400px;
    word-break: break-word
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .line {
    background: #cec6c6;
    height: 1px;
    margin: 10px 0;
    width: 100%
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item {
    margin-bottom: 24px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul {
    margin-left: 0
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul li {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 10px 0;
    padding-left: 24px;
    position: relative
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul li .campaign-item-socials {
    margin: 0
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul li .campaign-item-socials li {
    display: flex;
    padding-left: 0
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul li .campaign-item-socials li:before {
    display: none
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul li .campaign-item-socials li img {
    margin-right: 5px;
    width: 20px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul li:nth-child(2):before {
    content: "2"
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul li:nth-child(3):before {
    content: "3"
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child>ul li:before {
    background: #c2c2c2;
    border-radius: 50%;
    color: #000;
    content: "1";
    display: inline-block;
    font-size: 11px;
    height: 16px;
    left: 0;
    margin-right: 8px;
    position: absolute;
    text-align: center;
    width: 16px
}

@media(min-width:768px) {
    .mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item:last-child {
        display: none
    }
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item .campaign-wallet {
    display: flex;
    gap: 16px;
    margin: 10px 0 0
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item .campaign-wallet img {
    width: 22px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item .label {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item p {
    font-size: 14px;
    line-height: 1rem;
    margin: 8px 0 0
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item p.chain {
    align-items: center;
    display: flex;
    gap: 8px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item p.chain img {
    height: 24px;
    width: 24px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item p.chain span {
    text-transform: capitalize
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item .eligible-participant {
    align-items: center;
    background: #cde3ff26;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    padding-left: 15px;
    width: 233px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item .eligible-participant .type {
    align-items: center;
    display: flex
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item .eligible-participant .type img {
    border-radius: 50%;
    height: 30px;
    margin-right: 10px;
    width: 30px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item .eligible-participant .type .name {
    color: #fffc;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

.mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left .campaign-item .eligible-participant .threshold {
    align-items: center;
    background: #cde3ff26;
    border-radius: 0 15px 15px 0;
    color: #fffc;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding: 15px
}

.list-tabs ul {
    border-bottom: 2px solid #000;
    display: flex;
    gap: 12px;
    margin: 0 0 24px;
    padding: 0;
    width: 100%
}

.list-tabs ul li {
    padding: 0
}

.list-tabs ul li button {
    background: #0000;
    background: #fff;
    border: 2px solid #000;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    bottom: -5px;
    color: #000;
    filter: drop-shadow(6px 0 0 #000000);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    padding: 16px 24px;
    position: relative;
    white-space: nowrap
}

@media only screen and (min-width:992px) {
    .list-tabs ul li button {
        bottom: -2px
    }
}

.list-tabs ul li button.active {
    background: #ffcf00;
    bottom: -2px;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px
}

.tab-content {
    display: none
}

.tab-content.selected {
    display: block
}

.tab-content .leader-board-wrapper {
    position: relative
}

.tab-content .leader-board-wrapper .show-tabs {
    position: absolute;
    right: 0;
    top: 30px
}

.tab-content .leader-board-wrapper .show-tabs .btn-show {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 8px;
    height: 52px;
    line-height: 24px;
    padding: 15px 20px
}

.tab-content .leader-board-wrapper .show-tabs .btn-show.show span img {
    transform: rotate(180deg)
}

.tab-content .leader-board-wrapper .show-tabs .list-tabs.tabs-leaderboard {
    display: none;
    position: absolute;
    right: 0;
    top: 120%
}

.tab-content .leader-board-wrapper .show-tabs .list-tabs.tabs-leaderboard.show {
    display: block
}

.tab-content .leader-board-wrapper .show-tabs .list-tabs.tabs-leaderboard ul {
    background: #fff7d2;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    flex-direction: column;
    padding: 8px;
    position: relative;
    z-index: 100
}

.tab-content .leader-board-wrapper .show-tabs .list-tabs.tabs-leaderboard ul li {
    min-width: 315px
}

.tab-content .leader-board-wrapper .show-tabs .list-tabs.tabs-leaderboard ul li button {
    align-items: center;
    background: #0000;
    border: 0;
    border-radius: 4px;
    bottom: 0;
    box-shadow: none;
    color: #333;
    display: flex;
    filter: none;
    font-size: 16px;
    font-weight: 700;
    gap: 5px;
    justify-content: flex-start;
    line-height: 20px;
    padding: 8px 12px;
    position: relative;
    width: 100%
}

.tab-content .leader-board-wrapper .show-tabs .list-tabs.tabs-leaderboard ul li button>span {
    width: 28px
}

.tab-content .leader-board-wrapper .show-tabs .list-tabs.tabs-leaderboard ul li button.active {
    background: #ffcf00;
    color: #000
}

.tab-content .leader-board-wrapper .show-tabs .list-tabs.tabs-leaderboard ul li button.active:after {
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    content: "";
    display: inline-block;
    height: 14px;
    position: absolute;
    right: 12px;
    top: 8px;
    transform: rotate(45deg);
    width: 8px
}

.tab-content .moca-table {
    margin: auto;
    max-width: 1020px;
    padding: 0
}

.tab-content .moca-table .sort-filter {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.tab-content .moca-table .sort-filter .moca-search-filter {
    margin: 0;
    width: 56%
}

.tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter {
    display: none
}

.tab-content .moca-table .sort-filter .moca-search-filter .moca-search {
    border: 2px solid #000;
    width: 100%
}

.tab-content .moca-table .sort-filter .sort-tabs {
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 4px 4px 0 #000;
    display: inline-flex;
    margin-bottom: 0;
    overflow: hidden
}

.tab-content .moca-table .sort-filter .sort-tabs button.btn-sort {
    background: #fff;
    border: 0;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    position: relative
}

.tab-content .moca-table .sort-filter .sort-tabs button.btn-sort:first-child:before {
    background: #000;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px
}

.tab-content .moca-table .sort-filter .sort-tabs button.btn-sort.active {
    background: #ffcf00;
    font-weight: 700
}

.tab-content .moca-table .moca-title {
    align-items: center;
    border-bottom: 1px solid #ffffff80;
    color: #fff;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 8px;
    line-height: 34px;
    margin-bottom: 16px;
    padding-bottom: 32px
}

.tab-content .moca-table .moca-title>img {
    max-height: 32px
}

.tab-content .moca-table .moca-notice {
    align-items: flex-start;
    color: #fffc;
    display: flex;
    font-size: 14px;
    line-height: 1rem;
    margin-bottom: 12px;
    margin-top: 24px
}

.tab-content .moca-table .moca-notice img {
    margin-right: 4px;
    max-width: 16px
}

.tab-content .moca-table .moca-notice p {
    margin: 0
}

.tab-content .moca-table.realm-table .moca-results .table-container .table-container__header.active-nickname .table-container__header--col-5:after {
    transform: none
}

.tab-content .moca-table.realm-table .moca-results .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 {
    align-items: flex-start;
    margin: 0;
    width: auto
}

.tab-content .moca-table.realm-table .moca-results .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 .table-container__item-own {
    margin-right: 0
}

.tab-content .moca-table.realm-table .moca-results .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 .register-wallet {
    color: #0080ce;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: underline
}

.tab-content .moca-table.realm-table .moca-results .table-container__item.mobile .table-container__item-bottom .table-container__item-bottom-right .table-container__item-own {
    margin-right: 0
}

.tab-content .moca-table.realm-table .moca-results .table-container__item.mobile .table-container__item-bottom .table-container__item-bottom-right .table-container__item--col-5 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    text-align: right
}

.tab-content .moca-table.realm-table .moca-results .table-container__item--col-5 {
    min-width: 137px
}

.tab-content .moca-table.realm-table .moca-results .table-container__item--col-2 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.tab-content .moca-table.realm-table .moca-results .table-container__item--col-2.warning:after {
    content: url(/static/media/alert-icon-dark.5c7c49811eb76b68e17f.svg);
    margin-left: -5px;
    position: relative;
    top: 2px
}

.tab-content .moca-table.realm-table .table-container__header.active-max_score .table-container__header--col-5:after,
.tab-content .moca-table.realm-table .table-container__header.active-nickname .table-container__header--col-2:after,
.tab-content .moca-table.realm-table .table-container__header.active-wallet_address .table-container__header--col-4:after {
    transform: rotate(180deg)
}

.tab-content .moca-table.moca-table-realm .table-container__header span {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.tab-content .moca-table.moca-table-realm .table-container__item--col-1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px
}

.tab-content .moca-table.moca-table-realm .table-container__item--col-2 span {
    color: #0080ce;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: underline
}

.tab-content .moca-table.moca-table-realm .table-container__item--col-6 {
    color: #000;
    font-size: 28px;
    font-weight: 800;
    line-height: 34px
}

.tab-content .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-bottom {
    justify-content: space-between;
    padding: 6px 24px 16px
}

.tab-content .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 {
    gap: 0;
    margin: 0;
    max-width: none
}

.tab-content .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2.address {
    gap: 8px
}

.tab-content .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 span {
    position: static;
    text-decoration: none
}

.tab-content .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 span.title {
    color: #00000080;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap
}

.tab-content .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 span.title span {
    color: #00000080;
    margin-right: 3px
}

.tab-content .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 span.value {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px
}

.tab-content .moca-table.moca-table-realm .table-container__item.mobile .table-container__item-bottom .table-container__item--col-2 span.value-address {
    color: #0080ce;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: underline
}

.tab-content .moca-table .table-container {
    width: 100%
}

.tab-content .moca-table .table-container__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px 0 8px;
    padding: 0 50px
}

.tab-content .moca-table .table-container__header.active-max_score .table-container__header--col-6:after,
.tab-content .moca-table .table-container__header.active-moca_name .table-container__header--col-2:after,
.tab-content .moca-table .table-container__header.active-nickname .table-container__header--col-5:after,
.tab-content .moca-table .table-container__header.active-rank .table-container__header--col-1:after,
.tab-content .moca-table .table-container__header.active-rank_max_score .table-container__header--col-1:after,
.tab-content .moca-table .table-container__header.active-tribe .table-container__header--col-4:after {
    transform: rotate(180deg)
}

.tab-content .moca-table .table-container__header span {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.tab-content .moca-table .table-container__header--col-1 {
    min-width: 100px
}

.tab-content .moca-table .table-container__header--col-2 {
    min-width: 140px
}

.tab-content .moca-table .table-container__header--col-4 {
    min-width: 130px
}

.tab-content .moca-table .table-container__header--col-5 {
    min-width: 108px
}

.tab-content .moca-table .table-container__header--col-6 {
    justify-content: end;
    left: 36px;
    min-width: 120px
}

.tab-content .moca-table .table-container__header--col-1,
.tab-content .moca-table .table-container__header--col-2,
.tab-content .moca-table .table-container__header--col-3,
.tab-content .moca-table .table-container__header--col-4,
.tab-content .moca-table .table-container__header--col-5,
.tab-content .moca-table .table-container__header--col-6 {
    align-items: center;
    display: flex;
    gap: 4px;
    position: relative
}

.tab-content .moca-table .table-container__header--col-1:hover .moca-table-tooltip,
.tab-content .moca-table .table-container__header--col-2:hover .moca-table-tooltip,
.tab-content .moca-table .table-container__header--col-3:hover .moca-table-tooltip,
.tab-content .moca-table .table-container__header--col-4:hover .moca-table-tooltip,
.tab-content .moca-table .table-container__header--col-5:hover .moca-table-tooltip,
.tab-content .moca-table .table-container__header--col-6:hover .moca-table-tooltip {
    box-shadow: 6px 5px 0 #000;
    opacity: 1;
    visibility: visible
}

.tab-content .moca-table .table-container__header--col-1:hover .moca-table-tooltip:before,
.tab-content .moca-table .table-container__header--col-2:hover .moca-table-tooltip:before,
.tab-content .moca-table .table-container__header--col-3:hover .moca-table-tooltip:before,
.tab-content .moca-table .table-container__header--col-4:hover .moca-table-tooltip:before,
.tab-content .moca-table .table-container__header--col-5:hover .moca-table-tooltip:before,
.tab-content .moca-table .table-container__header--col-6:hover .moca-table-tooltip:before {
    border-color: #fff #0000 #0000;
    border-style: solid;
    border-width: 25px 15px;
    content: "";
    left: 40%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
    z-index: 10
}

.tab-content .moca-table .table-container__header--col-1:hover .moca-table-tooltip:after,
.tab-content .moca-table .table-container__header--col-2:hover .moca-table-tooltip:after,
.tab-content .moca-table .table-container__header--col-3:hover .moca-table-tooltip:after,
.tab-content .moca-table .table-container__header--col-4:hover .moca-table-tooltip:after,
.tab-content .moca-table .table-container__header--col-5:hover .moca-table-tooltip:after,
.tab-content .moca-table .table-container__header--col-6:hover .moca-table-tooltip:after {
    border-color: #000 #0000 #0000;
    border-style: solid;
    border-width: 36px 20px 36px 24px;
    content: "";
    left: 39%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
    z-index: 1
}

.tab-content .moca-table .table-container__header--col-1:after,
.tab-content .moca-table .table-container__header--col-2:after,
.tab-content .moca-table .table-container__header--col-3:after,
.tab-content .moca-table .table-container__header--col-4:after,
.tab-content .moca-table .table-container__header--col-5:after,
.tab-content .moca-table .table-container__header--col-6:after {
    background-image: url(/static/media/arrow-sort.7908c2c4591defbf3a42.svg);
    background-position-y: -1px;
    content: "";
    display: block;
    height: 15px;
    width: 15px
}

.tab-content .moca-table .table-container__header--col-3:before,
.tab-content .moca-table .table-container__header--col-6:before {
    background-image: url(/static/media/info.98a93fcf5cf5bbdba74c.svg);
    content: "";
    display: block;
    display: none;
    height: 20px;
    width: 20px
}

.tab-content .moca-table .table-container__item {
    align-items: center;
    background: #fff9be;
    background-image: url(/static/media/item-table-background.efd5c1db4a8921cb6842.svg);
    background-repeat: no-repeat;
    border: 1px solid #000;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 8px 50px
}

.tab-content .moca-table .table-container__item[data-eligible=false] {
    background: #fefefe;
    background-image: url(/static/media/item-table-background-grey.1a44a82f6b1f4048aa76.svg);
    background-repeat: no-repeat
}

.tab-content .moca-table .table-container__item.mobile {
    background-image: none;
    display: none
}

.tab-content .moca-table .table-container__item.mobile .table-container__item--col-4 {
    min-width: 0;
    min-width: auto
}

.tab-content .moca-table .table-container__item.mobile .table-container__item--col-2 .link-opensea img {
    max-height: 35px;
    max-width: 35px
}

.tab-content .moca-table .table-container__item--col-1 {
    min-width: 110px
}

.tab-content .moca-table .table-container__item--col-2 {
    max-width: 135px
}

.tab-content .moca-table .table-container__item--col-4 {
    max-width: 150px
}

.tab-content .moca-table .table-container__item--col-5 {
    max-width: 160px
}

.tab-content .moca-table .table-container__item--col-6 {
    min-width: 100px;
    padding-right: 0
}

.tab-content .moca-table .table-container__item--col-1 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.tab-content .moca-table .table-container__item--col-2 {
    align-items: center;
    display: flex;
    gap: 8px
}

.tab-content .moca-table .table-container__item--col-2 img {
    border: 1px solid #545454;
    border-radius: 50%;
    height: 48px;
    width: 48px
}

.tab-content .moca-table .table-container__item--col-2 span {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.tab-content .moca-table .table-container__item--col-2 .link-opensea img {
    max-height: 30px;
    max-width: 30px
}

.tab-content .moca-table .table-container__item--col-3 {
    color: #00cd3c;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.tab-content .moca-table .table-container__item--col-3.not {
    color: red
}

.tab-content .moca-table .table-container__item--col-3.not div {
    color: #000
}

.tab-content .moca-table .table-container__item--col-3.not span {
    align-items: center;
    display: flex
}

.tab-content .moca-table .table-container__item--col-3:hover .moca-table-tooltip {
    opacity: 1;
    padding: 12px;
    visibility: visible
}

.tab-content .moca-table .table-container__item--col-3:hover .moca-table-tooltip p {
    font-size: 12px;
    font-weight: 500;
    margin: 3px 0
}

.tab-content .moca-table .table-container__item--col-3:hover .moca-table-tooltip p b {
    font-weight: 700
}

.tab-content .moca-table .table-container__item--col-4 {
    color: #636363;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-transform: capitalize
}

.tab-content .moca-table .table-container__item--col-5 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.tab-content .moca-table .table-container__item--col-5.warning:after {
    content: url(/static/media/alert-icon-dark.5c7c49811eb76b68e17f.svg);
    margin-left: 3px;
    position: relative;
    top: 1px
}

.tab-content .moca-table .table-container__item--col-5 span {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.tab-content .moca-table .table-container__item--col-6 {
    color: #000;
    font-size: 20px;
    font-weight: 800;
    line-height: 34px;
    text-align: right
}

.tab-content .moca-table .table-container__pagination {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 1.5rem auto
}

.tab-content .moca-table .table-container__pagination--next img,
.tab-content .moca-table .table-container__pagination--prev img {
    margin-top: 3px;
    transform: rotate(90deg);
    width: 22px
}

.tab-content .moca-table .table-container__pagination--next img {
    transform: rotate(-90deg) !important
}

.tab-content .moca-table .table-container__pagination select {
    padding: 8px 28px;
    width: 100px
}

.tab-content .moca-table .table-container__pagination select,
.tab-content .moca-table .table-container__pagination--select {
    -webkit-appearance: none;
    appearance: none;
    background-color: #f8d748;
    background-image: url(/static/media/arrow-down.4236cb25678abcdf2da4.svg);
    background-position: right .8em top 50%;
    background-repeat: no-repeat;
    background-size: 1em auto;
    border-radius: 30px;
    box-shadow: 4px 4px 0 #000;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 800
}

.tab-content .moca-table .table-container__pagination--select {
    padding: 10px 28px;
    position: relative;
    width: 110px
}

.tab-content .moca-table .table-container__pagination--select--option {
    background: #f8d748;
    border: 1px solid #000;
    border-radius: 8px;
    bottom: 110%;
    box-shadow: 4px 4px 0 #000;
    left: 0;
    position: absolute;
    width: 100%
}

.tab-content .moca-table .table-container__pagination--select--option ul {
    margin: 0;
    max-height: 246px;
    overflow: scroll;
    padding: 0
}

.tab-content .moca-table .table-container__pagination--select--option ul::-webkit-scrollbar {
    background: none;
    height: 6px;
    width: 7px
}

.tab-content .moca-table .table-container__pagination--select--option ul::-webkit-scrollbar-corner {
    background: none
}

.tab-content .moca-table .table-container__pagination--select--option ul::-webkit-scrollbar-thumb {
    background: #886f5580;
    border-radius: 100px
}

.tab-content .moca-table .table-container__pagination--select--option ul li {
    padding: 6px 16px
}

.tab-content .moca-table .table-container__pagination--select--option ul li:hover {
    background: #ffa800
}

.tab-content .moca-table .table-container__pagination--select--option .last-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #00000080;
    padding: 6px 16px
}

.tab-content .moca-table .table-container__pagination--select--option .last-item:hover {
    background: #ffa800
}

.tab-content .moca-table .table-container__pagination--label {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.tab-content .moca-table .moca-404 {
    color: #fff;
    padding: 5%;
    text-align: center
}

.tab-content .moca-table .moca-404.loading {
    min-height: 500px
}

.tab-content .moca-table .moca-404 .loading-icon {
    margin-top: 2rem;
    max-width: 100px
}

.tab-content .moca-table .moca-404 h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 1rem 0
}

.tab-content .moca-table .moca-table-tooltip {
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
    bottom: 55px;
    left: 40%;
    max-width: 430px;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    transform: translateX(-50%);
    visibility: hidden;
    width: -webkit-max-content;
    width: max-content;
    z-index: 10
}

.tab-content .moca-table .moca-table-tooltip h2 {
    font-size: 1.3rem;
    font-weight: 700
}

.tab-content .moca-table .moca-table-tooltip p {
    margin: 12px 0
}

.tab-content .moca-table .moca-table-tooltip ul {
    list-style: disc;
    margin-bottom: 0;
    margin-left: 1.1rem
}

.tab-content .moca-table .moca-table-tooltip ul li:not(:last-child) {
    margin-bottom: 12px
}

.tab-content .moca-table.moca-table-realm {
    max-width: 785px
}

.tab-content .tribe-content {
    margin-top: 16px;
    padding-bottom: 90px
}

.tab-content .tribe-content .tribe-title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0
}

.tab-content .tribe-content .tribe-title .text-large {
    font-weight: 800
}

.tab-content .tribe-content .tribe-rank-list {
    margin-top: 67px
}

.tab-content .tribe-content .tribe-rank-list .tribe-rank-1 {
    background: #fff9be;
    border: 1px solid #000;
    border-radius: 12px;
    height: 96px;
    padding: 12px 13px;
    position: relative
}

.tab-content .tribe-content .tribe-rank-list .tribe-rank-1:before {
    background: url(/static/media/1st.5d86d26a7303c58a7411.svg);
    background-repeat: no-repeat;
    border-radius: 12px;
    content: "";
    height: calc(100% - 2px);
    left: 1px;
    position: absolute;
    top: 1px;
    width: 167px
}

.tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-number {
    align-items: center;
    background: url(/static/media/star.d2da18c6422bdf06d275.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #000;
    display: flex;
    font-size: 40px;
    font-weight: 700;
    height: 69px;
    justify-content: center;
    left: 13px;
    line-height: 48px;
    position: absolute;
    top: 12px;
    width: 72px
}

.tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-point {
    align-items: center;
    background: linear-gradient(90deg, #ffd056, #ffde88 24.48%, #ffef99 42.19%, #fff2ad 73.96%, #ffd056);
    border-radius: 40px;
    color: #000;
    display: flex;
    font-size: 40px;
    font-weight: 800;
    justify-content: center;
    line-height: 40px;
    margin-bottom: 0;
    padding: 16px 16px 16px 12%;
    width: 100%
}

.tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-image {
    bottom: 0;
    display: flex;
    left: 108px;
    position: absolute
}

.tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-tags {
    background: linear-gradient(274.06deg, #ffce50 4.85%, #ffd51d 42.79%, #ffb039 98.23%);
    border-bottom-left-radius: 40px;
    border-top-right-radius: 12px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    padding: 12px 22px 15px 36px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 27px
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks.same-rank .tribe-rank-1 .rank-point {
    background: none;
    padding: 0;
    width: auto
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks.same-rank .tribe-rank-1 .rank-number {
    height: 64px;
    top: 5px;
    width: 64px
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks.same-rank .tribe-rank-1 .rank-image {
    max-width: 106px
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks.same-rank .tribe-rank-1 .rank-image img {
    height: 106px;
    max-width: 100%
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank {
    border: 1px solid #000;
    border-radius: 12px;
    height: 72px;
    max-width: 48%;
    padding: 16px 34px;
    position: relative;
    width: 355px
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank.tribe-rank-2 {
    background-color: #e5fffd;
    background-image: url(/static/media/2nd.dfee4223f188317e90ba.svg);
    background-repeat: no-repeat
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank.tribe-rank-2 .rank-tags {
    background: linear-gradient(91.9deg, #3b9fbe 4.72%, #71f7ff 35.98%, #83fff9 71.77%, #3ec8e7)
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank.tribe-rank-3 {
    background-color: #ffd7a9;
    background-image: url(/static/media/3rd.3cc4cc016f6034d076db.svg);
    background-repeat: no-repeat
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank.tribe-rank-3 .rank-tags {
    background: linear-gradient(91.9deg, #6b4630 4.72%, #f2864a 32.45%, #ffa53a 71.77%, #bf6938)
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank.tribe-rank-4 {
    background-color: #fff;
    background-image: url(/static/media/4th.d52706e6613086265013.svg);
    background-repeat: no-repeat
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank.tribe-rank-4 .rank-tags {
    background: #ededed
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank.tribe-rank-5 {
    background-color: #fff;
    background-image: url(/static/media/5th.f81c7394db5df2421945.svg);
    background-repeat: no-repeat
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank.tribe-rank-5 .rank-tags {
    background: #ededed
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-number {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-image {
    bottom: 0;
    display: flex;
    left: 85px;
    position: absolute
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-tags {
    border-bottom-left-radius: 40px;
    border-top-right-radius: 12px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 8px 17px 8px 23px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-point {
    bottom: 10px;
    color: #000;
    font-size: 24px;
    font-weight: 800;
    line-height: 24px;
    margin: 0;
    position: absolute;
    right: 40px
}

.tab-content .table-container__pagination--select {
    border: 1px solid #000
}

@media only screen and (max-width:991px) {
    .tab-content .leader-board-wrapper .show-tabs {
        top: 48px
    }

    .tab-content .leader-board-wrapper .show-tabs .btn-show {
        height: 28px;
        padding: 5px;
        width: 28px
    }

    .tab-content .leader-board-wrapper .show-tabs .btn-show .text {
        display: none
    }

    .tab-content .leader-board-wrapper .show-tabs .btn-show span img {
        bottom: 2px;
        position: relative
    }

    .tab-content .moca-table {
        padding: 0
    }

    .tab-content .moca-table .moca-title {
        border-bottom: 0;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 16px;
        padding-bottom: 0
    }

    .tab-content .moca-table .moca-notice {
        font-size: 12px;
        margin-top: 12px
    }

    .tab-content .moca-table .sort-filter {
        align-items: flex-start;
        flex-direction: column;
        font-size: 1rem;
        gap: 16px
    }

    .tab-content .moca-table .sort-filter .moca-search-filter {
        flex-direction: row;
        width: 100%
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .moca-search {
        padding: 5px 12px;
        width: 100%
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .moca-search img {
        width: 25px
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .moca-search input {
        min-height: 0;
        min-height: auto;
        padding: 0 0 0 6px
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .moca-search input::placeholder {
        color: #0000004d;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 5px
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter .mocana-button-filter img {
        max-width: 16px;
        opacity: .5
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter .mocana-button-filter button {
        background: #0000;
        border: 0;
        box-shadow: none;
        color: #fff;
        flex-direction: row-reverse;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 0
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter .mocana-button-filter button>img {
        filter: brightness(0) invert(1);
        margin-left: 6px;
        opacity: 1
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter .mocana-button-sort {
        display: block
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter .mocana-button-sort button {
        align-items: center;
        background: #0000;
        border: 0;
        color: #fff;
        display: flex;
        font-size: 16px;
        font-weight: 600;
        gap: 6px;
        line-height: 20px
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter .mocana-button-sort button span {
        display: flex;
        flex-direction: column
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter .mocana-button-sort button span>img {
        filter: brightness(0) invert(1)
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-filter .mocana-button-sort button span>img:first-child {
        transform: rotate(180deg)
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-filter,
    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-sort {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: 0;
        left: 0;
        max-height: 75%;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 100
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-filter .filter-wrapper,
    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-filter .sort-wrapper,
    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-sort .filter-wrapper,
    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-sort .sort-wrapper {
        overflow: scroll
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-filter h2,
    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-sort h2 {
        justify-content: flex-start
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-filter h2 .text-filter,
    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-sort h2 .text-filter {
        margin-left: 20%;
        order: 2
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-filter h2 .text-reset,
    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-sort h2 .text-reset {
        order: 1
    }

    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-filter .toggle-button,
    .tab-content .moca-table .sort-filter .moca-search-filter .mocana-list-sort .toggle-button {
        align-items: center;
        background-color: #f8d748;
        border: 3px solid #000;
        border-radius: 50%;
        display: flex;
        height: 55px;
        justify-content: center;
        position: absolute;
        right: 21px;
        top: -28px;
        width: 55px
    }

    .tab-content .moca-table .sort-filter .sort-tabs button.btn-sort {
        font-size: 1rem;
        line-height: 20px
    }

    .tab-content .moca-table .moca-results .moca-404 {
        padding: 3% 0;
        text-align: center
    }

    .tab-content .moca-table .moca-results .moca-404 .loading-icon {
        max-width: 60px
    }

    .tab-content .moca-table .moca-results .moca-404 img {
        max-width: 80px
    }

    .tab-content .moca-table .moca-results .moca-404 h3 {
        font-size: 18px;
        line-height: 25px
    }

    .tab-content .moca-table .moca-results .moca-404 p {
        color: #fffc
    }

    .tab-content .moca-table .moca-results .table-container__header,
    .tab-content .moca-table .moca-results .table-container__item {
        display: none
    }

    .tab-content .moca-table .moca-results .table-container__item.mobile {
        display: block;
        padding: 0;
        position: relative
    }

    .tab-content .moca-table .moca-results .table-container__item.mobile[data-eligible=false] .table-container__item-top {
        background-image: url(/static/media/item-table-background-grey.1a44a82f6b1f4048aa76.svg)
    }

    .tab-content .moca-table .moca-results .table-container__item-top {
        align-items: center;
        background-image: url(/static/media/item-table-background.efd5c1db4a8921cb6842.svg);
        background-repeat: no-repeat;
        border-bottom: 1px solid;
        display: flex;
        justify-content: space-between;
        padding: 6px 14px
    }

    .tab-content .moca-table .moca-results .table-container__item-bottom {
        display: flex;
        padding: 6px 14px
    }

    .tab-content .moca-table .moca-results .table-container__item-bottom span.label {
        align-items: center;
        color: gray;
        display: flex;
        font-family: Montserrat;
        font-size: .88rem;
        font-weight: 700;
        margin-bottom: 4px
    }

    .tab-content .moca-table .moca-results .table-container__item-bottom-right-flex {
        display: flex;
        margin-top: 18px
    }

    .tab-content .moca-table .moca-results .table-container__item-bottom-right-flex:first-child {
        margin: 0
    }

    .tab-content .moca-table .moca-results .table-container__item-bottom-right-flex:first-child .table-container__item--col-5 {
        color: #000;
        font-size: 28px;
        font-weight: 700;
        line-height: 34px
    }

    .tab-content .moca-table .moca-results .table-container__item--col-4 {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        width: auto
    }

    .tab-content .moca-table .moca-results .table-container__item--col-5 {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }

    .tab-content .moca-table .moca-results .table-container__item--col-5.warning:after {
        top: 2px
    }

    .tab-content .moca-table .moca-results .table-container__item--col-2 {
        align-items: flex-start;
        color: #000;
        flex-direction: column;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin-right: 28px;
        min-width: 100px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .tab-content .moca-table .moca-results .table-container__item--col-2>span {
        font-size: 24px;
        position: relative;
        top: 27px
    }

    .tab-content .moca-table .moca-results .table-container__item--col-2>span.warning {
        color: #e8a702
    }

    .tab-content .moca-table .moca-results .table-container__item--col-2>span.warning:before {
        background-image: url(/static/media/alert-icon.f24c51addca4a7037fed.svg);
        background-size: 22px;
        content: "";
        display: inline-block;
        height: 22px;
        width: 22px
    }

    .tab-content .moca-table .moca-results .table-container__item--col-2 img {
        height: 68px;
        width: 68px
    }

    .tab-content .moca-table .moca-results .table-container__item-own {
        margin-right: 28px
    }

    .tab-content .moca-table .moca-results .table-container__item-eligibility .label:before,
    .tab-content .moca-table .moca-results .table-container__item-xp .label:before {
        background-image: url(/static/media/icon-tooltip-mb.b1867498fa1983da15b2.svg);
        background-size: contain;
        content: "";
        display: block;
        height: 13px;
        margin-right: 2px;
        width: 13px
    }

    .tab-content .moca-table .moca-table-tooltip-modal {
        background-image: url(/static/media/tooltip-modal.cc2129339cc7f4d41da6.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 25%;
        max-width: 349px;
        min-height: 314px;
        padding: 25px 45px;
        position: fixed;
        top: 25%;
        visibility: visible;
        width: 100%;
        z-index: 100
    }

    .tab-content .moca-table .moca-table-tooltip-modal .toggle-button {
        align-items: center;
        background-color: #f8d748;
        border: 3px solid #000;
        border-radius: 50%;
        display: flex;
        height: 55px;
        justify-content: center;
        position: absolute;
        right: -1px;
        top: -3px;
        width: 55px
    }

    .tab-content .moca-table .moca-table-tooltip-modal .tooltip-title {
        color: #000;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 9px;
        text-align: center;
        text-transform: capitalize
    }

    .tab-content .moca-table .moca-table-tooltip-modal .tooltip-description {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 0
    }

    .tab-content .moca-table .moca-table-tooltip-modal .tooltip-description a {
        color: #000;
        text-decoration: none
    }

    .tab-content .tribe-content {
        padding-bottom: 0
    }

    .tab-content .tribe-content p.tribe-title {
        font-size: 16px;
        line-height: 20px
    }

    .tab-content .tribe-content .tribe-rank-list {
        margin-top: 38px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 {
        background-image: url(/static/media/1st.5d86d26a7303c58a7411.svg);
        background-repeat: no-repeat;
        height: 72px;
        position: relative
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1:before {
        display: none
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-number {
        color: #000;
        font-size: 40px;
        font-weight: 700;
        height: 64px;
        line-height: 40px;
        margin: 0;
        top: 4px;
        width: 64px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-image {
        left: 88px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-image img {
        max-width: 106px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-image img.connector {
        max-width: 93px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-image img.angel,
    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-image img.builders {
        max-width: 106px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-image img.dreamer {
        max-width: 88px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-image img.neo-capitalist {
        max-width: 102px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-tags {
        color: #000;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        padding: 8px 17px 8px 28px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-rank-1 .rank-point {
        background: #0000;
        bottom: 10px;
        color: #000;
        font-size: 24px;
        font-weight: 800;
        line-height: 24px;
        padding: 0;
        position: absolute;
        right: 40px;
        width: auto
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank {
        max-width: 100%;
        width: 100%
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-image img.connector {
        max-width: 93px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-image img.angel,
    .tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-image img.builders {
        max-width: 106px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-image img.dreamer {
        max-width: 88px
    }

    .tab-content .tribe-content .tribe-rank-list .tribe-ranks .tribe-rank .rank-image img.neo-capitalist {
        max-width: 102px
    }

    .list-tabs ul li button {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        padding: 6px 10px
    }

    .list-tabs ul li button.active {
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        padding: 8px 9px
    }

    body .mocana-wrapper.cyberkongz-wrapper .leader-board-contents {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-around
    }

    body .mocana-wrapper.cyberkongz-wrapper .leader-board-contents .left {
        padding: 12px 0;
        width: 100%
    }

    body .mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right {
        flex-grow: 1
    }

    body .mocana-wrapper.cyberkongz-wrapper .leader-board-contents .right img {
        width: 100%
    }
}

@media(min-width:992px)and (max-width:1200px) {
    .event-main .tab-content .moca-table .table-container__item--col-6 {
        text-align: center
    }
}

.dustland-page .mocana-wrapper {
    background: url(/static/media/banner_dustland.79d82ded818f1ad17916.svg) 50% 0 no-repeat;
    position: relative
}

@media only screen and (min-width:1441px) {
    .dustland-page .mocana-wrapper {
        background-size: 100%
    }
}

.dustland-page .mocana-wrapper .back-to-home {
    left: 0;
    position: absolute;
    top: 0
}

.dustland-page .mocana-main .event-connect-wallet:not(.event-closed) {
    padding: 20px 12px 16px
}

.dustland-page .mocana-main .event-connect-wallet:not(.event-closed) .hot-wallet-info {
    margin-top: 20px;
    width: 88%
}

.dustland-page .mocana-main .event-sb-mobile {
    left: 12px
}

.dustland-page .mocana-main .event-title-wrapper {
    margin: 0 0 36px
}

.dustland-page .mocana-main .event-main .table-container {
    width: 100%
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-1 {
    min-width: 150px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-2 {
    min-width: 185px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-3 {
    min-width: 128px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-4 {
    min-width: 220px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-5 {
    min-width: 130px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-6 {
    justify-content: end;
    left: 0;
    min-width: 142px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-5:after {
    display: none
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-3:before,
.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__header--col-6:before {
    background-image: url(/static/media/info.98a93fcf5cf5bbdba74c.svg);
    content: "";
    display: block;
    display: none;
    height: 20px;
    width: 20px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-1 {
    min-width: 145px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-2 {
    min-width: 210px
}

@media only screen and (max-width:520px) {
    .dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-2 {
        min-width: 175px
    }
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item-col-3 {
    min-width: 128px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-4 {
    min-width: 112px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-5 {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 180px
}

@media only screen and (max-width:520px) {
    .dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-5 {
        min-width: 135px
    }
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-5 a {
    color: #0080ce
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-5 img {
    border: 0;
    height: 16px;
    width: 16px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-6 {
    flex-grow: 1;
    min-width: 142px;
    text-align: right
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-6.right {
    text-align: right
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item--col-7 {
    min-width: 220px
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item.mobile .table-container__item--col-2 {
    flex-direction: column
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item.mobile .table-container__item--col-2>span {
    align-items: center;
    display: flex;
    gap: 8px;
    top: 0
}

.dustland-page .mocana-main .event-main .table-container.realm-dustland .table-container__item.mobile .table-container__item--col-2 img {
    top: 0
}

.dustland-page .mocana-main .event-main .table-container__header {
    align-items: center;
    display: flex;
    gap: 25px;
    justify-content: flex-start;
    margin: 20px 0 8px;
    padding: 0
}

@media only screen and (max-width:991px) {
    .dustland-page .mocana-main .event-main .table-container__header {
        display: none
    }
}

.dustland-page .mocana-main .event-main .table-container__header.active-max_streaks .table-container__header--col-3:after {
    transform: rotate(180deg)
}

.dustland-page .mocana-main .event-main .table-container__header span {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.dustland-page .mocana-main .event-main .table-container__header--col-1 {
    min-width: 78px
}

.dustland-page .mocana-main .event-main .table-container__header--col-2 {
    min-width: 150px
}

.dustland-page .mocana-main .event-main .table-container__header--col-3 {
    min-width: 128px
}

.dustland-page .mocana-main .event-main .table-container__header--col-4 {
    min-width: 130px
}

.dustland-page .mocana-main .event-main .table-container__header--col-5 {
    min-width: 103px
}

.dustland-page .mocana-main .event-main .table-container__header--col-6 {
    flex-grow: 1;
    justify-content: end;
    left: 0;
    min-width: 142px
}

.dustland-page .mocana-main .event-main .table-container__header--col-5:after {
    display: none
}

.dustland-page .mocana-main .event-main .table-container__header--col-3:before,
.dustland-page .mocana-main .event-main .table-container__header--col-6:before {
    background-image: url(/static/media/info.98a93fcf5cf5bbdba74c.svg);
    content: "";
    display: block;
    display: none;
    height: 20px;
    width: 20px
}

.dustland-page .mocana-main .event-main .table-container__item {
    background-image: url(/static/media/item_table_dustland.e21b3ce0e3e3443ce7d6.svg);
    justify-content: flex-start;
    padding: 8px 30px
}

@media only screen and (max-width:991px) {
    .dustland-page .mocana-main .event-main .table-container__item {
        background-image: none
    }
}

.dustland-page .mocana-main .event-main .table-container__item.gray-out {
    filter: grayscale(100%)
}

.dustland-page .mocana-main .event-main .table-container__item--col-1 {
    min-width: 73px
}

.dustland-page .mocana-main .event-main .table-container__item--col-2 {
    min-width: 175px
}

@media only screen and (max-width:520px) {
    .dustland-page .mocana-main .event-main .table-container__item--col-2 {
        min-width: 110px
    }
}

.dustland-page .mocana-main .event-main .table-container__item--col-2 img {
    border: 0;
    height: 16px;
    width: 16px
}

.dustland-page .mocana-main .event-main .table-container__item-col-3 {
    min-width: 128px
}

.dustland-page .mocana-main .event-main .table-container__item--col-4 {
    min-width: 152px
}

.dustland-page .mocana-main .event-main .table-container__item--col-5 {
    min-width: 132px
}

.dustland-page .mocana-main .event-main .table-container__item--col-6 {
    flex-grow: 1;
    min-width: 142px
}

.dustland-page .mocana-main .event-main .table-container__item--col-7 {
    font-size: 20px;
    font-weight: 800;
    min-width: 95px;
    text-align: center
}

.dustland-page .mocana-main .event-main .table-container__item.mobile .table-container__item--col-2 {
    flex-direction: row
}

.dustland-page .mocana-main .event-main .table-container__item.mobile .table-container__item--col-2 img {
    position: relative;
    top: 27px
}

@media only screen and (min-width:992px) {
    .dustland-page .mocana-main .event-main {
        min-width: 810px
    }

    .dustland-page .mocana-main .event-main .tribe-rank-list .tribe-ranks .tribe-rank {
        max-width: 48.2%;
        width: 48.2%
    }
}

@media only screen and (max-width:991px) {
    .dustland-page .list-tabs ul {
        gap: 8px
    }
}

.dustland-page .list-tabs ul li button {
    bottom: -6px;
    padding: 14px 24px
}

.dustland-page .list-tabs ul li button.active {
    bottom: -2px;
    padding: 16px 24px
}

@media only screen and (max-width:991px) {
    .dustland-page .list-tabs ul li button {
        bottom: -2px;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        padding: 8px 9px
    }

    .dustland-page .list-tabs ul li button.active {
        bottom: -2px;
        padding: 8px 9px
    }
}

.dustland-page .event-section {
    margin: 0 0 20px
}

@media only screen and (max-width:520px) {
    .dustland-page .event-section .event-board-header .event-board-title {
        text-align: center;
        width: 104%
    }
}

.dustland-page .event-section.event-requirement {
    margin: 0 0 40px
}

.dustland-page .event-section.event-requirement .event-section-content.dustland-section li,
.dustland-page .event-section.event-requirement .event-section-content.dustland-section p {
    color: #fff;
    font-size: 16px
}

@media only screen and (max-width:768px) {
    .dustland-page .event-section.event-requirement .event-section-content.dustland-section li {
        font-size: 14px
    }
}

.dustland-page .event-section.event-ht-register p.guide-step-1 a {
    text-decoration: underline
}

.dustland-page .event-section.event-ht-register .event-section-content .note {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.dustland-page .tab-content .moca-table .sort-filter {
    display: block
}

.dustland-page .tab-content .moca-table .sort-filter .moca-search-filter {
    margin-top: 24px
}

.registed-wallet-info {
    border-top: 1px solid #ededed;
    margin-top: 12px;
    padding: 12px 0;
    width: 100%
}

.registed-wallet-info .wallet-container {
    display: flex;
    justify-content: space-between;
    padding: 0 5px
}

.registed-wallet-info .wallet-container span {
    font-size: 14px;
    font-weight: 600
}

.registed-wallet-info .wallet-container span.bold {
    font-size: 16px;
    font-weight: 700
}

.hot-wallet-info {
    background: #bfff7f4d;
    border-radius: 10px;
    margin-top: 10px;
    padding: 5px;
    text-align: center
}

.hot-wallet-info.registering {
    background: #bfff7f
}

.hot-wallet-info .wallet-container {
    display: flex;
    justify-content: space-between;
    padding: 0 15px
}

.hot-wallet-info .wallet-container span.bold {
    font-weight: 600
}

.hot-wallet-info p {
    font-size: 14px;
    font-weight: 600;
    margin: 4px 0;
    white-space: nowrap
}

.hot-wallet-info p a {
    color: #0080ce
}

.hot-wallet-info span {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.campaign-wrapper {
    background-color: #0080ce;
    background-image: url(/static/media/partnership_banner.aade793b9a7da1e444be.svg);
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 1560px;
    min-height: 100vh;
    padding-bottom: 62px;
    position: relative
}

@media screen and (max-width:768px) {
    .campaign-wrapper {
        background-position-x: left;
        background-position-y: 40px
    }
}

.campaign-wrapper .blur-block {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #097fce;
    border-radius: 30px;
    height: 70px;
    left: 150px;
    margin: 0 auto;
    opacity: 90%;
    position: absolute;
    right: 0;
    top: 305px;
    width: 300px;
    z-index: 1
}

@media screen and (max-width:992px) {
    .campaign-wrapper .blur-block {
        top: 300px
    }
}

@media screen and (max-width:768px) {
    .campaign-wrapper .blur-block {
        display: none
    }

    .campaign-wrapper {
        background-size: 120%
    }
}

.campaign-wrapper .campaign-header-wrapper {
    background-position-x: -160px;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 1152px;
    padding: 144px 0 0
}

.campaign-wrapper .campaign-header-wrapper .category-tabs-campaign {
    margin-top: 24px
}

@media only screen and (max-width:576px) {
    .campaign-wrapper .campaign-header-wrapper .category-tabs-campaign {
        margin-top: 14px
    }
}

.campaign-wrapper .campaign-header-wrapper .category-tabs-campaign li:last-child button {
    min-width: 136px
}

.campaign-wrapper .campaign-header-wrapper .category-tabs-campaign button {
    bottom: auto;
    min-width: 130px;
    padding: 14px 24px
}

.campaign-wrapper .campaign-header-wrapper .category-tabs-campaign button.active {
    height: 60px
}

@media screen and (max-width:992px) {
    .campaign-wrapper .campaign-header-wrapper .category-tabs-campaign button.active {
        height: 56px
    }
}

@media screen and (max-width:768px) {
    .campaign-wrapper .campaign-header-wrapper .category-tabs-campaign button.active {
        height: 36px
    }

    .campaign-wrapper .campaign-header-wrapper .category-tabs-campaign button {
        height: 32px;
        min-width: 84px;
        padding: 0 24px
    }
}

.campaign-wrapper .campaign-header-wrapper .category-tabs-campaign ul {
    align-items: flex-end
}

@media screen and (max-width:768px) {
    .campaign-wrapper .campaign-header-wrapper .category-tabs-campaign ul {
        gap: 6px
    }
}

.campaign-wrapper .campaign-header-wrapper .category-tabs-campaign ul li:nth-child(2) button {
    background-color: #bebebe !important
}

.campaign-wrapper .campaign-header-wrapper .campaign-title {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 75px;
    text-align: left
}

.campaign-wrapper .campaign-content-wrapper {
    margin: 0 auto;
    max-width: 1152px
}

.campaign-wrapper .campaign-content-wrapper .list-tabs.main-tabs-campaign ul {
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 3px 3px 0 #000;
    display: flex;
    gap: 0;
    margin: 0 0 24px;
    overflow: hidden;
    padding: 0;
    width: -webkit-max-content;
    width: max-content
}

.campaign-wrapper .campaign-content-wrapper .list-tabs.main-tabs-campaign ul li {
    padding: 0
}

.campaign-wrapper .campaign-content-wrapper .list-tabs.main-tabs-campaign ul li:not(:first-child) {
    border-left: 2px solid #000
}

.campaign-wrapper .campaign-content-wrapper .list-tabs.main-tabs-campaign ul li button {
    align-items: center;
    background: #0000;
    background: #fff;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    bottom: 0;
    color: #333;
    display: flex;
    filter: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    padding: 6px 47px;
    text-align: center
}

.campaign-wrapper .campaign-content-wrapper .list-tabs.main-tabs-campaign ul li button.active {
    background: #ffcf00;
    bottom: 0;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 24px
}

.campaign-wrapper .campaign-content-wrapper .selected {
    display: flex;
    justify-content: center;
    min-height: 400px
}

.campaign-wrapper .campaign-content-wrapper .selected .loading-icon {
    height: 60px;
    width: 60px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper {
    width: 100%
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0;
    width: 100%
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item {
    background: #fff;
    border: 2px solid #000;
    border-radius: 20px;
    box-shadow: 3px 3px 0 #000;
    max-width: 364px;
    position: relative;
    width: 33%
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--header {
    border-bottom: none;
    border-radius: 18px 18px 0 0;
    display: flex;
    height: auto;
    position: relative;
    top: -1px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--header .line-bottom {
    width: 100%
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--header .line-bottom img {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    width: 100%
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--header .arc-thumbnail {
    background: #231973;
    border: 4px solid #fff;
    border-radius: 100%;
    bottom: -41px;
    height: 106px;
    left: calc(50% - 53px);
    position: absolute;
    width: 106px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--header .arc-thumbnail img {
    border: 4px solid #fff;
    border-radius: 100%;
    bottom: -2px;
    display: block;
    height: 106px;
    left: inherit;
    position: absolute;
    width: 106px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content {
    background: #fff;
    border-radius: 0 0 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 54px 17px 20px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-live-countdown {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-live-countdown span {
    color: #0080ce;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 24px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-ended {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-reward--title {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 2px;
    text-align: center
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-reward--list {
    display: flex;
    gap: 9px;
    justify-content: center;
    margin: 0
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-reward--list-item {
    align-items: center;
    border: 1.8px solid #000;
    display: flex;
    height: 58px;
    justify-content: center;
    width: 58px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-reward--list-item img {
    width: 100%
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-reward--list-item.last-item span {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-not-registered {
    background: #ffcf00;
    border-radius: 0 0 17px 17px;
    border-top: 1px solid #000;
    display: flex;
    justify-content: center;
    padding: 13px 0
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-not-registered a {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 24px;
    text-decoration: none
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered {
    align-items: center;
    background: #ededed;
    border-radius: 0 0 17px 17px;
    display: flex;
    justify-content: space-between;
    padding: 9px 24px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered--moca {
    align-items: center;
    display: flex;
    gap: 9px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered--moca-thumbnail {
    border: 2px solid #000;
    border-radius: 100%;
    height: 32px;
    overflow: hidden;
    width: 32px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered--moca-thumbnail img {
    width: 100%
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered--moca-id {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered--status-joined,
.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered--status-won {
    align-items: center;
    display: flex;
    gap: 5px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered--status-joined span,
.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-registered--status-won span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-didnt-register {
    align-items: center;
    background: #ededed;
    border-radius: 0 0 17px 17px;
    display: flex;
    gap: 7px;
    justify-content: center;
    padding: 11px 0 13px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--footer-didnt-register span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    opacity: .5
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--live {
    align-items: center;
    background: #000;
    border-radius: 0 12px;
    display: flex;
    gap: 8px;
    left: -2px;
    padding: 6px 8px;
    position: absolute;
    top: -2px
}

@media screen and (max-width:768px) {
    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--live {
        left: -3px;
        top: -3px
    }
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--live .circle {
    background: red;
    border-radius: 100%;
    height: 8px;
    width: 8px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--live span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: right
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--category-odyssey {
    background-color: #009f1099;
    border-radius: 6px;
    padding: 8px 10px;
    position: absolute;
    right: 6px;
    top: 14px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--category-odyssey span {
    color: #fff;
    font-weight: 700
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--category-giveaway {
    background-color: #a533ff99;
    border-radius: 6px;
    padding: 8px 10px;
    position: absolute;
    right: 6px;
    top: 14px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--category-giveaway span {
    color: #fff;
    font-weight: 700;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--giveaway--header {
    border-radius: 18px 18px 0 0;
    display: flex;
    position: relative
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--giveaway--content {
    padding: 82px 17px 71px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list .empty-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 100px auto
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list .empty-container img {
    height: 256px;
    width: 200px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list .empty-container-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 15px 0
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list .empty-container-msg {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

@media screen and (max-width:576px) {
    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list .empty-container img {
        height: 144px;
        width: 112px
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list .empty-container-title {
        font-size: 20px;
        line-height: 24px
    }
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 1.5rem auto
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--next img,
.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--prev img {
    margin-top: 3px;
    transform: rotate(90deg);
    width: 22px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--next img {
    transform: rotate(-90deg) !important
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination select {
    padding: 8px 28px;
    width: 100px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination select,
.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select {
    -webkit-appearance: none;
    appearance: none;
    background-color: #f8d748;
    background-image: url(/static/media/arrow-down.4236cb25678abcdf2da4.svg);
    background-position: right .8em top 50%;
    background-repeat: no-repeat;
    background-size: 1em auto;
    border-radius: 30px;
    box-shadow: 4px 4px 0 #000;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 800
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select {
    border: 2px solid #000;
    padding: 10px 28px;
    position: relative;
    width: 110px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option {
    background: #f8d748;
    border: 1px solid #000;
    border-radius: 8px;
    bottom: 110%;
    box-shadow: 4px 4px 0 #000;
    left: 0;
    position: absolute;
    width: 100%
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option ul {
    margin: 0;
    max-height: 246px;
    overflow: scroll;
    padding: 0
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option ul::-webkit-scrollbar {
    background: none;
    height: 6px;
    width: 7px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option ul::-webkit-scrollbar-corner {
    background: none
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option ul::-webkit-scrollbar-thumb {
    background: #886f5580;
    border-radius: 100px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option ul li {
    padding: 6px 16px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option ul li:hover {
    background: #ffa800
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option .last-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #00000080;
    padding: 6px 16px
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--select--option .last-item:hover {
    background: #ffa800
}

.campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign_pagination--label {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

@media only screen and (max-width:1190px) {
    .campaign-wrapper {
        padding: 0 16px 62px
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content {
        padding: 0
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list {
        gap: 16px
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item {
        width: 32%
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-reward--list-item {
        height: auto;
        width: 20%
    }
}

@media only screen and (max-width:992px) {
    .campaign-wrapper .campaign-header-wrapper {
        background-position-x: -290px
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content {
        padding: 0
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list {
        gap: 28px;
        justify-content: space-between
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item {
        max-width: none;
        width: 48%
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-reward--list-item {
        height: auto;
        width: 20%
    }
}

@media only screen and (max-width:767px) {
    .campaign-wrapper .campaign-header-wrapper {
        background-position-x: -510px;
        padding: 78px 0 0
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list {
        gap: 16px
    }
}

@media only screen and (max-width:576px) {
    .campaign-wrapper .campaign-header-wrapper {
        background-position: 50% 60%;
        background-position-x: -600px;
        background-size: 140%
    }

    .campaign-wrapper .campaign-header-wrapper .campaign-title {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        line-height: 34px
    }

    .campaign-wrapper .campaign-header-wrapper .category-tabs-campaign button {
        filter: drop-shadow(2px 0 0 #000000);
        width: 100%
    }

    .campaign-wrapper .campaign-content-wrapper .list-tabs.main-tabs-campaign ul {
        border-radius: 12px;
        box-shadow: 4px 4px 0 #000;
        margin-bottom: 26px;
        max-width: 418px
    }

    .campaign-wrapper .campaign-content-wrapper .list-tabs.main-tabs-campaign ul li {
        flex: 1 1;
        min-width: 113px
    }

    .campaign-wrapper .campaign-content-wrapper .list-tabs.main-tabs-campaign ul li button {
        display: flex;
        font-size: 16px !important;
        height: 100%;
        justify-content: center;
        padding: 4px;
        width: 100%
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content {
        padding: 0
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list {
        gap: 20px;
        justify-content: space-between
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item {
        border: 3px solid #000;
        max-width: none;
        width: 100%
    }

    .campaign-wrapper .campaign-content-wrapper .tab-content .campaign-list-wrapper .campaign-list__item--content-reward--list-item {
        height: auto;
        width: 20%
    }
}

.campaign-page #root {
    background: url(/static/media/star-bg.41dccc6ab7fa13e323e2.png) 50% 34px no-repeat;
    background-attachment: fixed;
    min-height: 100%
}

@media only screen and (max-width:900px) {
    .campaign-page #root {
        background: url(data:image/png;base64,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) 50% 200px no-repeat;
        background-attachment: fixed
    }
}

.modal-wrapper-parent>div.confirm-modal {
    align-items: center;
    background-image: url(/static/media/double-confirm.4a6206e693d97ad0f746.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex !important;
    flex-direction: column;
    gap: 25px;
    height: 543px !important;
    left: calc(50% - 281px);
    max-width: 562px;
    overflow: visible !important;
    overflow: initial !important;
    padding: 40px 60px;
    position: fixed;
    top: calc(50% - 271.5px);
    visibility: visible;
    width: 100%;
    z-index: 1110
}

.modal-wrapper-parent>div.confirm-modal .list-moca-item {
    width: 227px !important
}

.modal-wrapper-parent>div.confirm-modal .toggle-button {
    align-items: center;
    background-color: #f8d748;
    border: 3px solid #000;
    border-radius: 50%;
    display: flex;
    height: 55px;
    justify-content: center;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 55px;
    z-index: 100
}

.modal-wrapper-parent>div.confirm-modal .title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0;
    max-width: 411px;
    text-align: center
}

.modal-wrapper-parent>div.confirm-modal .description {
    color: #ff7c7c;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    max-width: 431px;
    text-align: center
}

.modal-wrapper-parent>div.confirm-modal .title-mobile {
    color: #fff;
    display: none;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0;
    text-align: center
}

.modal-wrapper-parent>div.confirm-modal .confirm {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    color: #000;
    display: flex;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: 29px;
    padding: 13px 55px;
    text-decoration: none
}

.modal-wrapper-parent>div.confirm-modal .confirm:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

@media only screen and (max-width:767px) {
    .modal-wrapper-parent>div.confirm-modal {
        background-image: url(/static/media/double-confirm-mobile.36c04d394c7a26b4d15a.svg);
        height: 572px !important;
        left: calc(50% - 186px);
        max-width: 372px;
        overflow: visible !important;
        overflow: initial !important;
        padding: 60px 20px;
        top: 30px
    }

    .modal-wrapper-parent>div.confirm-modal .list-moca-item {
        width: 188px !important
    }

    .modal-wrapper-parent>div.confirm-modal .title {
        display: none;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }

    .modal-wrapper-parent>div.confirm-modal .description {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .modal-wrapper-parent>div.confirm-modal .title-mobile {
        display: block
    }
}

.quest-modal {
    align-items: center;
    background-image: url(/static/media/start-quest.c819b98fda0401230aaf.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    left: calc(50% - 287.5px);
    max-width: 575px;
    min-height: 676px;
    padding: 40px 18px;
    position: fixed;
    top: calc(50% - 338px);
    visibility: visible;
    width: 100%;
    z-index: 1110
}

.quest-modal.error-modal h4.title {
    display: block !important;
    font-size: 30px
}

@media only screen and (max-width:767px) {
    .quest-modal.error-modal h4.title {
        font-size: 26px
    }
}

.quest-modal.error-modal img {
    max-width: 160px
}

.quest-modal.error-modal .description {
    margin: 24px 0;
    width: 80%
}

@media only screen and (max-width:767px) {
    .quest-modal.error-modal .description {
        width: 90%
    }
}

.quest-modal.error-modal button {
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    font-size: 24px;
    font-weight: 600;
    padding: 13px 45px
}

.quest-modal.error-modal button:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.quest-modal .list-moca-item {
    width: 269px !important
}

.quest-modal .toggle-button {
    align-items: center;
    background-color: #f8d748;
    border: 3px solid #000;
    border-radius: 50%;
    display: flex;
    height: 55px;
    justify-content: center;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 55px;
    z-index: 100
}

.quest-modal .title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0;
    max-width: 504px;
    text-align: center
}

.quest-modal .description {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px;
    text-align: center
}

.quest-modal .title-mobile {
    color: #fff;
    display: none;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0;
    text-align: center
}

.quest-modal .quest-modal-bottom {
    border-top: 1px solid #ffffff80;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 15px
}

.quest-modal .quest-modal-bottom .text {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 15px;
    text-align: center
}

.quest-modal .quest-modal-bottom .start-quest {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    color: #000;
    display: flex;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: 29px;
    margin: 0 auto;
    padding: 13px 55px;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.quest-modal .quest-modal-bottom .start-quest:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

@media only screen and (max-width:767px) {
    .quest-modal {
        background-image: url(/static/media/double-confirm-mobile.36c04d394c7a26b4d15a.svg);
        gap: 10px;
        height: 572px !important;
        left: calc(50% - 186px);
        max-width: 372px;
        min-height: 0;
        min-height: auto;
        overflow: visible !important;
        overflow: initial !important;
        padding: 35px 20px;
        top: 94px
    }

    .quest-modal .list-moca-item {
        width: 163px !important
    }

    .quest-modal .title {
        display: none;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }

    .quest-modal .description {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 0
    }

    .quest-modal .title-mobile {
        display: block
    }

    .quest-modal .quest-modal-bottom .text {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px
    }
}

.mocana-dropdown {
    display: inline-block;
    position: relative
}

.mocana-dropdown .mocana-dropdown-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px
}

.mocana-dropdown .mocana-dropdown-content {
    background: #fff;
    border: 2px solid #000;
    border-radius: 8px;
    box-shadow: 3px 3px 0 0 #000;
    color: #000;
    display: none;
    flex-direction: column;
    font-size: 14px;
    gap: 16px;
    min-width: 300px;
    padding: 18px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.mocana-dropdown .mocana-dropdown-content div {
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.mocana-dropdown.open .mocana-dropdown-content {
    display: flex
}

.mocana-dropdown.bottom .mocana-dropdown-content {
    left: auto;
    top: calc(100% + 8px)
}

.mocana-dropdown.top .mocana-dropdown-content {
    bottom: calc(100% + 8px);
    left: auto
}

.mocana-dropdown.left .mocana-dropdown-content {
    left: auto;
    top: calc(100% + 8px)
}

.mocana-dropdown.right .mocana-dropdown-content {
    right: 0;
    top: calc(100% + 8px)
}

.moca-carousel {
    margin-bottom: 35px;
    position: relative;
    width: 100%
}

.moca-carousel .slick-dots {
    bottom: -30px
}

.moca-carousel .slick-dots li {
    background: #fff;
    border-radius: 5px;
    height: 10px;
    margin: 0 8px;
    width: 44px
}

.moca-carousel .slick-dots li button {
    height: 10px;
    width: 44px
}

.moca-carousel .slick-dots li.slick-active {
    width: 111px
}

.moca-carousel .slick-dots li.slick-active button:before {
    background: #ffcf00;
    opacity: 1;
    width: 111px
}

.moca-carousel .slick-dots li button:before {
    background: #fff;
    border-radius: 5px;
    content: "";
    height: 10px;
    opacity: .5;
    width: 44px
}

.moca-carousel .slick-next,
.moca-carousel .slick-prev {
    height: 16px
}

.moca-carousel .view-all-container {
    position: absolute;
    top: -32px
}

.moca-carousel .slick-arrow:before {
    content: ""
}

.moca-carousel .slick-arrow img {
    height: 16px !important
}

.moca-carousel .top-right.view-all-container {
    left: auto;
    right: 0
}

.moca-carousel .top-right.slick-prev {
    left: auto;
    right: 115px;
    top: -22px
}

.moca-carousel .top-right.slick-next {
    left: auto;
    right: 75px;
    top: -22px
}

.moca-carousel .top-left.view-all-container {
    left: 0;
    right: auto
}

.moca-carousel .top-left.slick-prev {
    left: 75px;
    right: auto;
    top: -22px
}

.moca-carousel .top-left.slick-next {
    left: 115px;
    right: auto;
    top: -22px
}

.moca-carousel .slick-slide img {
    margin: 0
}

.moca-carousel.top-left,
.moca-carousel.top-right {
    margin-top: 35px
}

.mission-page {
    background: #1d2f45;
    background-attachment: fixed;
    position: relative
}

.mocana-wrapper {
    background-size: 100vw auto
}

@media only screen and (max-width:767px) {
    .mocana-wrapper {
        background: none;
        position: relative;
        z-index: 1
    }
}

.title-shadow {
    text-shadow: 0 4px 8px #00000080
}

.bg-mask-1 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: linear-gradient(180deg, #1d2f45bf, #1d2f45)
}

.faq-accordion {
    border: 3px solid #000;
    box-shadow: 18px 9px #000;
    margin-bottom: 20px;
    position: relative
}

@media only screen and (max-width:900px) {
    .faq-accordion {
        box-shadow: 9px 10px #000;
        margin-bottom: 14px
    }
}

.faq-accordion:before {
    background: none;
    border-bottom: 0 solid #0000;
    border-left: 20px solid #000;
    border-top: 10px solid #0000;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -22px;
    top: -3px;
    width: 0;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .faq-accordion:before {
        border-left: 10px solid #000;
        right: -12px
    }
}

.faq-accordion:after {
    background: none;
    border-bottom: 10px solid #0000;
    border-right: 20px solid #000;
    border-top: 0 solid #0000;
    bottom: -13px;
    content: "";
    display: block;
    height: 0;
    left: -3px;
    position: absolute;
    width: 0;
    z-index: 1
}

@media only screen and (max-width:900px) {
    .faq-accordion:after {
        border-right: 9px solid #000;
        left: -3px
    }
}

.faq-accordion .question-wrapper {
    background: #ffafff;
    box-sizing: border-box;
    padding: 7px 10px 7px 7px
}

@media only screen and (max-width:900px) {
    .faq-accordion .question-wrapper {
        padding: 7px
    }
}

.faq-accordion .question-wrapper .accordion-button {
    align-items: center;
    background: #f8d748;
    border: 3px solid #000;
    color: #000;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 20px;
    overflow-wrap: break-word;
    padding: 12px 50px 12px 29px;
    text-align: left;
    width: 100%
}

@media only screen and (max-width:900px) {
    .faq-accordion .question-wrapper .accordion-button {
        font-size: 16px;
        line-height: 20px;
        padding: 12px 50px 12px 17px
    }
}

.faq-accordion .question-wrapper .accordion-button .question {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    width: 100%
}

.faq-accordion .question-wrapper .accordion-button .question p {
    margin-bottom: 0
}

.faq-accordion .question-wrapper .accordion-button>.arrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBlY1hEYAgDEanCWgwGhHBCEaYDYxgFCIYQZvgxsEd7kDhu3vbfuxtEwBYhlLvyc1sMhxMGGSfuRixEREGYnO5yovOueC9j8isvskulhdeMhFFvqSmrDhrUo5JCzXJwE+03CWVWZi1JT16IUFDgLKvJAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    display: block;
    height: 9px;
    position: absolute;
    right: 26px;
    transition: .2s ease-in-out;
    width: 14px
}

@media only screen and (max-width:900px) {
    .faq-accordion .question-wrapper .accordion-button>.arrow {
        right: 19px
    }
}

.faq-accordion .question-wrapper .accordion-button.collapsed>.arrow {
    transform: rotate(180deg)
}

.faq-accordion .accordion-collapse {
    transition: height .35s ease
}

.faq-accordion .accordion-collapse:not(.show) {
    height: 0;
    overflow: hidden
}

.faq-accordion .accordion-body {
    background: #f8d748;
    border-top: 2px solid #000;
    padding: 7px 10px 7px 7px
}

.faq-accordion .accordion-body .answer {
    background: #ffafff;
    border: 3px solid #000;
    box-sizing: border-box;
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    overflow-wrap: break-word;
    padding: 15px 29px
}

@media only screen and (max-width:900px) {
    .faq-accordion .accordion-body .answer {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width:500px) {
    .faq-accordion .accordion-body .answer {
        font-size: 12px;
        line-height: 18px
    }
}

.faq-accordion .accordion-body .answer p {
    margin-bottom: 0
}

.faq-accordion .accordion-body .answer span.blue-underlined {
    color: #0080ce;
    text-decoration: underline
}

.faq-accordion .accordion-body .answer span.bold {
    font-weight: 800
}

.faq-accordion .accordion-body .answer ol {
    list-style-position: outside;
    margin: 0 0 0 20px
}

.public-sale-accordion {
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, #3372a5 .5%, #a44bcd 56.23%, #e46fa1 100.5%) 30;
    margin-top: 20px
}

.public-sale-accordion .question-wrapper .accordion-button {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%
}

.public-sale-accordion .question-wrapper .accordion-button .arrow {
    min-width: 16px;
    transition: .35s ease-in
}

.public-sale-accordion .question-wrapper .accordion-button.collapsed>.arrow {
    transform: rotate(180deg)
}

.public-sale-accordion .accordion-collapse {
    transition: height .35s ease
}

.public-sale-accordion .accordion-collapse:not(.show) {
    height: 0;
    overflow: hidden
}

.account-checkbox {
    cursor: pointer;
    position: relative
}

.account-checkbox:before {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 3px;
    box-shadow: none;
    content: " ";
    display: inline-block;
    height: 20px;
    width: 20px
}

.account-checkbox:checked:after {
    background-image: url(/static/media/checkmark.b11fd056fcceb6260150.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    content: " ";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.cta-button {
    align-items: center;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 7px 9px 0 0 #000;
    color: #000;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 10px 24px;
    text-decoration: none;
    transition: box-shadow .3s ease-in-out, position .3 ease-in-out
}

.cta-button.loading {
    min-width: 180px
}

.cta-button.primary {
    background-color: #ffcf00
}

.cta-button.primary:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.cta-button.primary-mobile {
    background-color: #ffcf00;
    box-shadow: 1px 2px 0 0 #000;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px
}

.cta-button.primary-mobile:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.cta-button.secondary {
    background-color: #fff
}

.cta-button.secondary:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.cta-button.text {
    background-color: #0000;
    border: none;
    box-shadow: none
}

.cta-button.disabled {
    pointer-events: none
}

.cta-button.disabled,
.cta-button.disabled:hover {
    background-color: #9d9d9d
}

.cta-button.hidden {
    display: none
}

.cta-button>p {
    margin: 0
}

.cta-button>.icon-left {
    height: 30px;
    padding-right: .3rem;
    width: 30px
}

.cta-button>.icon-right {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: .3rem;
    width: 30px
}

.cta-button>.loading {
    animation: spin 2s linear infinite;
    border: 4px solid;
    border-color: #000 #000 #0000;
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.icon-button {
    align-items: center;
    border: 2px solid #000;
    border-radius: 50%;
    box-shadow: 3px 6px 0 0 #000;
    display: flex;
    height: 38px;
    justify-content: center;
    transition: box-shadow .3s ease-in-out, position .3 ease-in-out;
    width: 38px
}

.icon-button:hover {
    box-shadow: 0 0 0 0 #000;
    left: 3px;
    position: relative;
    top: 3px
}

.icon-button.primary {
    background: #ffcf00
}

.icon-button.secondary {
    background: #fff
}

.icon-button.icon-only {
    background: #0000;
    border: none;
    box-shadow: none
}

.icon-button.disable {
    background: #9d9d9d
}

.icon-button .icon {
    height: 24px;
    width: 24px
}

.legal {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.legal .logo {
    margin: 0 auto;
    max-width: 80px;
    width: 100%
}

.legal .buttons {
    display: inline-block;
    text-align: center
}

.legal .buttons .btn-modal {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 4px;
    text-align: center;
    text-decoration: underline
}

@media only screen and (max-width:992px) {
    .intro-moca-id-wrapper {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 72px
    }
}

.intro-moca-id-wrapper .intro-hero-img {
    height: 600px;
    object-fit: cover;
    object-position: center;
    overflow: visible;
    position: absolute;
    right: -25%;
    top: 15%
}

@media only screen and (max-width:992px) {
    .intro-moca-id-wrapper .intro-hero-img {
        height: 320px;
        left: -32px;
        object-fit: cover;
        object-position: center;
        overflow: visible;
        position: relative;
        right: 0;
        top: 0
    }
}

.intro-moca-id-wrapper .intro-moca-id {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-end;
    max-width: 600px;
    text-align: start
}

@media only screen and (max-width:992px) {
    .intro-moca-id-wrapper .intro-moca-id {
        align-items: center;
        margin: 0 12px;
        text-align: center
    }
}

.intro-moca-id-wrapper .intro-moca-id .home-logo {
    width: 320px
}

@media only screen and (max-width:992px) {
    .intro-moca-id-wrapper .intro-moca-id .home-logo {
        display: none
    }
}

.intro-moca-id-wrapper .intro-moca-id .title {
    color: #00d1ff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (max-width:992px) {
    .intro-moca-id-wrapper .intro-moca-id .title {
        font-size: 28px
    }
}

.intro-moca-id-wrapper .intro-moca-id .description {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0
}

.intro-social {
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    margin: 0 auto
}

.intro-social ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    margin: 0
}

.intro-social li {
    padding: 0 8px
}

.intro-social a {
    display: block;
    width: 27px
}

.intro-social a img {
    width: 100%
}

.moca-invite-already-sign-up {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center
}

.moca-invite-already-sign-up .title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.moca-invite-already-sign-up .email-wrapper {
    align-items: center;
    background-color: #071b37;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 400px;
    padding: 16px 24px
}

@media only screen and (max-width:992px) {
    .moca-invite-already-sign-up .email-wrapper {
        min-width: 100%
    }
}

.moca-invite-already-sign-up .email-wrapper .email-column {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

.moca-invite-already-sign-up .email-wrapper .email-title {
    color: #ffffff80;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 0
}

.moca-invite-already-sign-up .email-wrapper .email {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
    margin-bottom: 0
}

.moca-invite-already-sign-up .logout-button {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    text-decoration-line: underline
}

.moca-id-invite-checking {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 700;
    gap: 24px;
    justify-content: flex-start;
    line-height: 24px
}

.moca-id-invite-checking img {
    width: 126px
}

.moca-id-invite-checking .loading-animation {
    animation: spin 2s linear infinite;
    border: 2px solid;
    border-color: #fff #fff #0000;
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.moca-id-claim-with-code {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code {
        justify-content: center
    }
}

.moca-id-claim-with-code .title {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .title {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin-top: 32px
    }
}

.moca-id-claim-with-code .title span {
    color: #ffcf00;
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    margin: 4px 0
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .title span {
        font-size: 28px;
        font-weight: 900;
        line-height: 36px
    }
}

.moca-id-claim-with-code .description-1 {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 24px;
    max-width: 340px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .description-1 {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        margin-bottom: 12px;
        padding: 0 24px
    }
}

.moca-id-claim-with-code .description-2 {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 24px
}

.moca-id-claim-with-code .description-2 span {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .description-2 {
        display: none
    }
}

.moca-id-claim-with-code .description-2-mobile {
    display: none
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .description-2-mobile {
        color: #fffc;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 8px;
        text-align: center
    }

    .moca-id-claim-with-code .description-2-mobile span {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }
}

.moca-id-claim-with-code .reminder {
    color: #00cd3c;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 24px;
    max-width: 340px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .reminder {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        margin-top: 8px;
        padding: 0 24px
    }
}

.moca-id-claim-with-code .code-images {
    align-items: center;
    display: flex;
    height: 104px;
    justify-content: center;
    margin: 12px 0;
    width: 160px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .code-images {
        margin-bottom: 8px;
        width: 80px
    }
}

.moca-id-claim-with-code .code-images img {
    max-width: 100px
}

.moca-id-claim-with-code .invite-code-form {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .invite-code-form {
        padding: 0 24px
    }
}

.moca-id-claim-with-code .invite-code-form input[type=text] {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 8px;
    padding: 12px 24px;
    width: 320px
}

.moca-id-claim-with-code .invite-code-form input[type=text]:focus {
    outline: none
}

.moca-id-claim-with-code .invite-code-form input[type=text].error {
    border: 1px solid #ff7c7c
}

.moca-id-claim-with-code .invite-code-form .error-text {
    color: #ff7c7c;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    text-align: start
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-code .invite-code-form .error-text {
        font-size: 14px;
        line-height: 16px
    }
}

.moca-id-claim-with-code .invite-code-form button {
    margin: 8px auto 0
}

.moca-id-claim-with-nft {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft {
        justify-content: center
    }
}

.moca-id-claim-with-nft .title {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .title {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        margin-top: 32px
    }
}

.moca-id-claim-with-nft .title span {
    color: #ffcf00;
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    margin: 4px 0
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .title span {
        font-size: 28px;
        font-weight: 900;
        line-height: 36px
    }
}

.moca-id-claim-with-nft .description-1 {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 24px;
    max-width: 340px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .description-1 {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        margin-bottom: 12px;
        padding: 0 24px
    }
}

.moca-id-claim-with-nft .description-2 {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 24px
}

.moca-id-claim-with-nft .description-2 span {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .description-2 {
        display: none
    }
}

.moca-id-claim-with-nft .description-2-mobile {
    display: none
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .description-2-mobile {
        color: #fffc;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 8px;
        text-align: center
    }

    .moca-id-claim-with-nft .description-2-mobile span {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }
}

.moca-id-claim-with-nft .reminder {
    color: #00cd3c;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 24px;
    max-width: 340px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .reminder {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        margin-top: 8px;
        padding: 0 24px
    }
}

.moca-id-claim-with-nft .nft-images {
    display: flex;
    justify-content: center;
    margin: 24px 0 0 40px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .nft-images {
        margin: 20px 0 0 20px
    }
}

.moca-id-claim-with-nft .nft-image {
    border: 1px solid #fff;
    box-shadow: 0 0 32px 0 #1f93ff, 0 0 10px 0 #fff, 0 4px 30px 0 #86dbff;
    height: 104px;
    width: 104px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .nft-image {
        height: 70px;
        width: 70px
    }
}

.moca-id-claim-with-nft .nft-image-1 {
    position: relative;
    z-index: 1
}

.moca-id-claim-with-nft .nft-image-2 {
    left: -20px;
    position: relative;
    top: -20px;
    z-index: 2
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .nft-image-2 {
        left: -12px;
        top: -12px
    }
}

.moca-id-claim-with-nft .nft-image-3 {
    left: -40px;
    position: relative;
    z-index: 3
}

@media only screen and (max-width:992px) {
    .moca-id-claim-with-nft .nft-image-3 {
        left: -24px
    }
}

.moca-id-invite-confirm-email {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    max-width: 400px
}

@media only screen and (max-width:992px) {
    .moca-id-invite-confirm-email {
        max-width: 100%
    }
}

.moca-id-invite-confirm-email .confirm-email-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.moca-id-invite-confirm-email .confirm-email-description {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-id-invite-confirm-email .confirm-email-description {
        font-size: 14px;
        line-height: 16px
    }
}

.moca-id-invite-confirm-email .info {
    align-items: center;
    background: #071b37;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 0;
    width: 360px
}

@media only screen and (max-width:992px) {
    .moca-id-invite-confirm-email .info {
        width: 100%
    }
}

.moca-id-invite-confirm-email .info .email-bg,
.moca-id-invite-confirm-email .info .extra-code-bg {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.moca-id-invite-confirm-email .info .extra-code-bg {
    background-color: #06152a
}

.moca-id-invite-confirm-email .info .email,
.moca-id-invite-confirm-email .info .extra-code {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin: 8px 0
}

.moca-id-invite-confirm-email .info .email-title,
.moca-id-invite-confirm-email .info .extra-code-title {
    color: #ffffff80;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 0
}

@media only screen and (max-width:992px) {

    .moca-id-invite-confirm-email .info .email-title,
    .moca-id-invite-confirm-email .info .extra-code-title {
        font-size: 12px;
        line-height: 16px
    }
}

.moca-id-invite-confirm-email .info .email-content,
.moca-id-invite-confirm-email .info .extra-code-content {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 800;
    gap: 8px;
    line-height: 14px;
    margin-bottom: 0
}

.moca-id-invite-confirm-email .info .email-content img,
.moca-id-invite-confirm-email .info .extra-code-content img {
    width: 40px
}

.moca-id-invite-confirm-email .warning-text {
    color: #ff7c7c;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-id-invite-confirm-email .warning-text {
        font-size: 14px;
        line-height: 16px
    }
}

.moca-id-invite-confirm-email .consent-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.moca-id-invite-confirm-email .consent-wrapper .custom-input {
    align-items: center;
    color: #fff;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: 20px;
    margin: 0 auto;
    padding-left: 28px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.moca-id-invite-confirm-email .consent-wrapper .custom-input:hover input~.checkmark {
    background-color: #ccc;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto
}

.moca-id-invite-confirm-email .consent-wrapper .custom-input:after {
    content: "";
    display: none;
    position: absolute
}

.moca-id-invite-confirm-email .consent-wrapper .custom-input input {
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    z-index: 100
}

.moca-id-invite-confirm-email .consent-wrapper .custom-input input:checked~.checkmark {
    background-color: #000
}

.moca-id-invite-confirm-email .consent-wrapper .custom-input input:checked~.checkmark:after {
    display: block
}

.moca-id-invite-confirm-email .consent-wrapper .custom-input .checkmark {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 4px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.moca-id-invite-confirm-email .consent-wrapper .custom-input .checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 10px;
    left: 5px;
    position: absolute;
    top: 2.5px;
    transform: rotate(45deg);
    width: 5px
}

.moca-id-invite-connect-wallet {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    max-width: 360px
}

.moca-id-invite-connect-wallet img {
    width: 126px
}

.moca-id-invite-connect-wallet .title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.moca-id-invite-connect-wallet .description {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center
}

.moca-invite-email-sent {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    max-width: 360px;
    width: 100%
}

.moca-invite-email-sent img {
    width: 90px
}

@media only screen and (max-width:992px) {
    .moca-invite-email-sent img {
        width: 60px
    }
}

.moca-invite-email-sent .title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.moca-invite-email-sent .email-wrapper {
    align-items: center;
    background: #071b37;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    width: 100%
}

.moca-invite-email-sent .email-wrapper .email {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin: 12px auto
}

.moca-invite-email-sent .email-wrapper .email-title {
    color: #ffffff80;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0
}

.moca-invite-email-sent .email-wrapper .email-content {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
    margin: 0
}

.moca-invite-email-sent .description {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    text-align: center
}

.moca-invite-error-message {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .moca-invite-error-message {
        gap: 12px
    }
}

.moca-invite-error-message .error-message-title {
    color: #ff7c7c;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-invite-error-message .error-message-title {
        display: none
    }
}

.moca-invite-error-message .error-message-title-mobile {
    color: #ff7c7c;
    display: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-invite-error-message .error-message-title-mobile {
        display: block
    }
}

.moca-invite-error-message img {
    height: 72px;
    width: 72px
}

.moca-invite-error-message .error-message-text {
    color: #fffc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-invite-error-message .error-message-text {
        font-size: 14px;
        line-height: 16px
    }
}

.moca-invite-invalid-link {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.moca-invite-invalid-link img {
    height: 72px;
    margin-bottom: 24px;
    width: 72px
}

.moca-invite-invalid-link .title {
    color: #ff7c7c;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: center
}

.moca-invite-invalid-link .description {
    color: #fffc;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 24px;
    text-align: center
}

.moca-id-invite-code-bar {
    align-items: center;
    background: #071b37;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

@media only screen and (max-width:992px) {
    .moca-id-invite-code-bar {
        flex-direction: column
    }
}

.moca-id-invite-code-bar .eligible-moca,
.moca-id-invite-code-bar .extra-code,
.moca-id-invite-code-bar .invite-code,
.moca-id-invite-code-bar .wallet-address {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    padding: 4px 24px
}

@media only screen and (max-width:992px) {

    .moca-id-invite-code-bar .eligible-moca,
    .moca-id-invite-code-bar .extra-code,
    .moca-id-invite-code-bar .invite-code,
    .moca-id-invite-code-bar .wallet-address {
        height: 64px
    }
}

.moca-id-invite-code-bar .eligible-moca.second,
.moca-id-invite-code-bar .extra-code.second,
.moca-id-invite-code-bar .invite-code.second,
.moca-id-invite-code-bar .wallet-address.second {
    width: 50%
}

@media only screen and (max-width:992px) {

    .moca-id-invite-code-bar .eligible-moca.second,
    .moca-id-invite-code-bar .extra-code.second,
    .moca-id-invite-code-bar .invite-code.second,
    .moca-id-invite-code-bar .wallet-address.second {
        width: 100%
    }
}

.moca-id-invite-code-bar .eligible-moca.third,
.moca-id-invite-code-bar .extra-code.third,
.moca-id-invite-code-bar .invite-code.third,
.moca-id-invite-code-bar .wallet-address.third {
    width: 33.3%
}

@media only screen and (max-width:992px) {

    .moca-id-invite-code-bar .eligible-moca.third,
    .moca-id-invite-code-bar .extra-code.third,
    .moca-id-invite-code-bar .invite-code.third,
    .moca-id-invite-code-bar .wallet-address.third {
        width: 100%
    }
}

.moca-id-invite-code-bar .eligible-moca .wrapper,
.moca-id-invite-code-bar .extra-code .wrapper,
.moca-id-invite-code-bar .invite-code .wrapper,
.moca-id-invite-code-bar .wallet-address .wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

@media only screen and (max-width:992px) {

    .moca-id-invite-code-bar .eligible-moca .wrapper,
    .moca-id-invite-code-bar .extra-code .wrapper,
    .moca-id-invite-code-bar .invite-code .wrapper,
    .moca-id-invite-code-bar .wallet-address .wrapper {
        align-items: center;
        gap: 4px
    }
}

.moca-id-invite-code-bar .eligible-moca .title,
.moca-id-invite-code-bar .extra-code .title,
.moca-id-invite-code-bar .invite-code .title,
.moca-id-invite-code-bar .wallet-address .title {
    color: #ffffff80;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 0
}

.moca-id-invite-code-bar .eligible-moca .code-bar-content,
.moca-id-invite-code-bar .extra-code .code-bar-content,
.moca-id-invite-code-bar .invite-code .code-bar-content,
.moca-id-invite-code-bar .wallet-address .code-bar-content {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 800;
    gap: 4px;
    height: 38px;
    justify-content: flex-start;
    line-height: 16px;
    margin-bottom: 0
}

@media only screen and (max-width:992px) {

    .moca-id-invite-code-bar .eligible-moca .code-bar-content,
    .moca-id-invite-code-bar .extra-code .code-bar-content,
    .moca-id-invite-code-bar .invite-code .code-bar-content,
    .moca-id-invite-code-bar .wallet-address .code-bar-content {
        height: 32px
    }
}

.moca-id-invite-code-bar .eligible-moca .code-bar-content .valid-code,
.moca-id-invite-code-bar .extra-code .code-bar-content .valid-code,
.moca-id-invite-code-bar .invite-code .code-bar-content .valid-code,
.moca-id-invite-code-bar .wallet-address .code-bar-content .valid-code {
    width: 18px
}

.moca-id-invite-code-bar .extra-code {
    background: #06152a;
    border-radius: 0 20px 20px 0
}

@media only screen and (max-width:992px) {
    .moca-id-invite-code-bar .extra-code {
        border-radius: 0 0 20px 20px
    }
}

.moca-id-invite-code-bar .extra-code img {
    width: 40px
}

.moca-id-invite-link-email {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 600px
}

@media only screen and (max-width:992px) {
    .moca-id-invite-link-email {
        max-width: 500px;
        width: 100%
    }
}

.moca-id-invite-link-email .link-email-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    max-width: 400px
}

@media only screen and (max-width:992px) {
    .moca-id-invite-link-email .link-email-container {
        gap: 8px
    }
}

.moca-id-invite-link-email .title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.moca-id-invite-link-email .btn-connect-google,
.moca-id-invite-link-email .btn-send-email {
    align-items: center;
    background: #0000;
    border: 1px solid #fff;
    border-radius: 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    max-width: 340px;
    padding: 16px 24px;
    width: 100%
}

.moca-id-invite-link-email .btn-connect-google img,
.moca-id-invite-link-email .btn-send-email img {
    height: 24px;
    width: 24px
}

.moca-id-invite-link-email .btn-connect-google p,
.moca-id-invite-link-email .btn-send-email p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center
}

.moca-id-invite-link-email .btn-connect-google .loading,
.moca-id-invite-link-email .btn-send-email .loading {
    animation: spin 2s linear infinite;
    border: 4px solid;
    border-color: #fff #fff #0000;
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.moca-id-invite-link-email .divider {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 340px;
    width: 100%
}

.moca-id-invite-link-email .divider .stroke {
    background: #ffffff80;
    height: 1px;
    width: 100%
}

.moca-id-invite-link-email .divider .or {
    color: #ffffff80;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 16px
}

.moca-id-invite-link-email input[type=email] {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 340px;
    padding: 12px 24px;
    width: 100%
}

.moca-id-invite-link-email input[type=email]:focus {
    outline: none
}

.moca-id-invite-link-email input[type=email].error {
    border: 1px solid #ff7c7c
}

.moca-id-invite-link-email .error-message {
    color: #ff7c7c;
    display: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    max-width: 340px;
    text-align: start;
    width: 100%
}

.moca-id-invite-link-email .error-message.show {
    display: block
}

.moca-id-invite-link-email .warning {
    color: #ff7c7c;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-id-invite-link-email .warning {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        margin-bottom: 16px
    }
}

.moca-id-invite-no-moca-found {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    text-align: center;
    width: 380px
}

@media only screen and (max-width:992px) {
    .moca-id-invite-no-moca-found {
        gap: 12px;
        padding: 0 12px;
        width: 100%
    }
}

.moca-id-invite-no-moca-found img {
    height: 72px;
    width: 72px
}

.moca-id-invite-no-moca-found .title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.moca-id-invite-no-moca-found .description {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    text-align: center
}

.non-registered-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    overflow-y: scroll
}

.non-registered-content .non-registered-title {
    align-items: center;
    display: flex;
    width: 100%
}

@media only screen and (max-width:992px) {
    .non-registered-content .non-registered-title {
        display: block
    }
}

.non-registered-content .non-registered-title .back-button {
    align-items: center;
    color: #ededed;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 2px;
    height: 16px;
    justify-content: flex-start;
    line-height: 16px
}

.non-registered-content .non-registered-title .back-button img {
    height: 16px;
    width: 16px
}

.non-registered-content .non-registered-title .non-registered-title-text {
    color: #ff7c7c;
    font-size: 20px;
    font-weight: 700;
    left: -28px;
    line-height: 24px;
    position: relative;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:992px) {
    .non-registered-content .non-registered-title .non-registered-title-text {
        left: 0
    }
}

.non-registered-content .non-registered-description {
    color: #fffc;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.non-registered-content .non-registered-description span {
    color: #fff;
    font-weight: 700
}

.non-registered-content .claim-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.non-registered-content .claim-content .claim-section {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    text-align: center
}

@media only screen and (max-width:992px) {
    .non-registered-content .claim-content .claim-section {
        flex-direction: column
    }
}

.non-registered-content .claim-content .claim-section .claim-with-nft {
    align-items: center;
    background: #051e41;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 24px 32px;
    width: 50%
}

@media only screen and (max-width:992px) {
    .non-registered-content .claim-content .claim-section .claim-with-nft {
        width: 100%
    }
}

.non-registered-content .claim-content .claim-section .claim-with-code {
    align-items: center;
    background: #051e41;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 24px 32px;
    width: 50%
}

@media only screen and (max-width:992px) {
    .non-registered-content .claim-content .claim-section .claim-with-code {
        width: 100%
    }
}

.non-registered-content .other-email-button {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    text-decoration-line: underline
}

.moca-id-invite-steps {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center
}

.moca-id-invite-steps .step1,
.moca-id-invite-steps .step2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center
}

.moca-id-invite-steps .step1 .step-icon,
.moca-id-invite-steps .step2 .step-icon {
    align-items: center;
    background: #ffcf00;
    border: 1px solid #000;
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

@media only screen and (max-width:992px) {

    .moca-id-invite-steps .step1 .step-icon,
    .moca-id-invite-steps .step2 .step-icon {
        height: 20px;
        width: 20px
    }
}

.moca-id-invite-steps .step1 .step-icon .step-number,
.moca-id-invite-steps .step2 .step-icon .step-number {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    text-align: center;
    text-shadow: 1px 2px 0 #000
}

@media only screen and (max-width:992px) {

    .moca-id-invite-steps .step1 .step-icon .step-number,
    .moca-id-invite-steps .step2 .step-icon .step-number {
        font-size: 14px
    }
}

.moca-id-invite-steps .step1 .step-text,
.moca-id-invite-steps .step2 .step-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    text-align: center;
    text-shadow: 1px 2px 0 #000
}

@media only screen and (max-width:992px) {

    .moca-id-invite-steps .step1 .step-text,
    .moca-id-invite-steps .step2 .step-text {
        font-size: 12px
    }
}

.moca-id-invite-steps .step1.complete,
.moca-id-invite-steps .step2.complete {
    opacity: .5
}

.moca-id-invite-steps .step-stroke {
    background: #d9d9d9;
    height: 1px;
    opacity: .5;
    width: 120px
}

@media only screen and (max-width:992px) {
    .moca-id-invite-steps .step-stroke {
        width: 80px
    }
}

.mocana-header-wrapper {
    background-image: url(/static/media/background-header.a33b855ea42fe9540b7a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 26px
}

.mocana-header-wrapper .back-to-home {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1110
}

.mocana-header-wrapper .back-to-home img {
    max-width: 80px
}

@media only screen and (max-width:640px) {
    .mocana-header-wrapper {
        background-image: url(/static/media/background-header.a33b855ea42fe9540b7a.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        margin-top: 64px;
        width: 100%
    }
}

.blur-wrapper {
    background-image: linear-gradient(180deg, #fff0, #0f223feb 90%);
    bottom: -26px;
    height: 2.5em;
    position: relative;
    width: 100%
}

.mocana-logo-wrapper {
    display: none
}

@media only screen and (max-width:992px) {
    .mocana-logo-wrapper {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 30% auto 20px;
        max-width: 182px
    }
}

.mocana-sub-title {
    color: #ffcf00;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 50px;
    text-align: center
}

@media only screen and (max-width:1024px) {
    .mocana-sub-title {
        margin-top: 21px
    }
}

.mocana-title {
    color: #fff;
    font-size: 48px;
    font-weight: 900;
    margin: 16px auto;
    max-width: 870px;
    text-align: center
}

.mocana-title span {
    color: #ffcf00;
    font: inherit
}

@media only screen and (max-width:1024px) {
    .mocana-title {
        font-size: 28px;
        font-weight: 900;
        line-height: 34px;
        margin: 20px auto 0;
        max-width: 554px;
        padding: 0 .5rem;
        text-align: center
    }

    .mocana-title .hide-on-mobile {
        display: none
    }
}

.mocana-time {
    color: #fffc;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: auto;
    text-align: center
}

.mocana-time span {
    color: #fff;
    font: inherit
}

@media only screen and (max-width:992px) {
    .mocana-time {
        color: #fffc;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        margin-top: 16px;
        padding: 0 .5rem;
        text-align: center
    }
}

.mocana-button-check {
    gap: 20px;
    margin: 36px auto
}

.mocana-button-check,
.mocana-button-check .button {
    align-items: center;
    display: flex;
    justify-content: center
}

.mocana-button-check .button {
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 7px 9px 0 #000;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    padding: 10px 24px;
    text-decoration: none
}

.mocana-button-check .button:hover {
    background-color: #ffb800;
    bottom: -7px;
    box-shadow: none;
    position: relative
}

.mocana-button-check .button.buy-tools {
    background: #fff
}

.mocana-button-check .button-check-ranking,
.mocana-button-check .button-learn-more {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 7px 9px 0 #000;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 10px 24px;
    text-decoration: none
}

.mocana-button-check .button-check-ranking.buy-tools,
.mocana-button-check .button-learn-more.buy-tools {
    background: #fff
}

.mocana-button-check .button-check-ranking:hover,
.mocana-button-check .button-learn-more:hover {
    background-color: #ffb800;
    bottom: -7px;
    box-shadow: none;
    position: relative
}

@media only screen and (max-width:992px) {
    .mocana-button-check {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 20px auto;
        width: 230px
    }
}

.mocana-description {
    color: #fffc;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .mocana-description {
        font: inherit;
        padding: 0 .5rem
    }
}

.mocana-description .text-white {
    color: #fff;
    font-weight: 700;
    text-decoration: underline
}

.mocana-description .text-white:first-child {
    margin-right: 35px
}

@media only screen and (max-width:992px) {
    .mocana-description .text-white:first-child {
        margin-right: 95px
    }
}

.mocana-season-countdown {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: 0;
    max-width: 480px;
    overflow: hidden;
    width: 100%
}

@media only screen and (max-width:992px) {
    .mocana-season-countdown {
        margin: 0;
        max-width: 400px
    }
}

.mocana-season-countdown-content {
    align-content: center;
    align-items: center;
    background-image: url(/static/media/bg-countdown.b6819f6e596d7ada86fa.svg);
    background-repeat: no-repeat;
    padding: 18px 24px
}

.mocana-season-countdown-content .season-end {
    align-content: center;
    align-items: center;
    padding: 24px
}

@media only screen and (max-width:992px) {
    .mocana-season-countdown-content {
        background-position: 50%;
        background-repeat: no-repeat;
        height: 100px;
        padding: 28px 16px 18px;
        width: 340px
    }

    .mocana-season-countdown-content .season-end {
        align-content: center;
        align-items: center;
        padding: 24px
    }
}

.mocana-season-countdown-season-end {
    padding: 14px 24px
}

.mocana-season-countdown-season-end,
.mocana-season-countdown-timer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mocana-season-countdown-timer span {
    align-items: center;
    display: flex;
    gap: 10px
}

.mocana-season-countdown-timer span img {
    height: 24px;
    width: 24px
}

.mocana-season-countdown-next-period {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mocana-season-countdown-end-title,
.mocana-season-countdown-timer-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

@media only screen and (max-width:992px) {

    .mocana-season-countdown-end-title,
    .mocana-season-countdown-timer-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.mocana-season-countdown-end-time,
.mocana-season-countdown-timer-time {
    color: #ffcf00;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 0
}

@media only screen and (max-width:992px) {

    .mocana-season-countdown-end-time,
    .mocana-season-countdown-timer-time {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.mocana-season-countdown-next-period {
    color: #ffffffb3;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.moca-id-code-claimed-message {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    margin: 136px auto 0;
    text-align: center
}

.moca-id-code-claimed-message .success-title {
    color: #bfff7f;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-shadow: 3px 3px 0 #000
}

.moca-id-code-claimed-message .username {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: center
}

.moca-id-code-claimed-message .username .username-text {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-shadow: 3px 3px 0 #000
}

@media only screen and (max-width:992px) {
    .moca-id-code-claimed-message .username .star-left {
        height: 40px;
        width: 40px
    }
}

.moca-id-code-claimed-message .username .star-right {
    transform: rotateY(180deg)
}

@media only screen and (max-width:992px) {
    .moca-id-code-claimed-message .username .star-right {
        height: 40px;
        width: 40px
    }
}

.moca-id-code-claimed-message .moca-id-img {
    max-width: 300px;
    width: 100%
}

.moca-id-code-claimed-message .success-message {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0
}

.moca-id-code-claimed-message .email {
    color: #55b9f6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center;
    text-decoration: underline
}

@media only screen and (max-width:992px) {
    .moca-id-code-claimed-message .email {
        font-size: 16px;
        line-height: 20px
    }
}

.moca-id-code-claimed-message .logout-button {
    align-items: center;
    border: 2px solid #ffcf00;
    border-radius: 100px;
    color: #ffcf00;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    justify-content: center;
    line-height: 32px;
    padding: 10px 20px
}

.moca-id-invitation-code-list {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    row-gap: 2rem
}

@media only screen and (max-width:992px) {
    .moca-id-invitation-code-list {
        column-gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
        row-gap: .75rem
    }
}

@media only screen and (max-width:768px) {
    .moca-id-invitation-code-list {
        column-gap: 0;
        grid-template-columns: repeat(1, 1fr);
        row-gap: .75rem
    }
}

.moca-id-invitation-code-list .code {
    align-items: center;
    background: #c7e7ff;
    border: 2px solid #000;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    margin: auto;
    max-width: 364px;
    min-width: 317px;
    padding: 16px 12px
}

.moca-id-invitation-code-list .code .code-upper {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: flex-start;
    width: 100%
}

.moca-id-invitation-code-list .code .code-upper .code-text {
    background: #e2f3ff;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #0d365c;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    padding: 4px 12px
}

.moca-id-invitation-code-list .code .code-lower {
    align-items: flex-start;
    color: #85aed3;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 20px;
    width: 100%
}

.moca-id-invitation-code-list .code .code-lower .code-status-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.moca-id-invitation-code-list .code .code-lower .code-status-wrapper .code-status-title {
    margin: 0
}

.moca-id-invitation-code-list .code .code-lower .code-status-wrapper .code-status-content {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    text-transform: capitalize
}

.moca-id-invitation-code-list .code .code-lower .code-status-wrapper .code-status-content.valid {
    color: #0aa65be6
}

.moca-id-invitation-code-list .code .code-lower .code-status-wrapper .code-status-content.used {
    color: #ed5a5a
}

.moca-id-invitation-code-list .code .code-lower .code-used-by-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 75%
}

.moca-id-invitation-code-list .code .code-lower .code-used-by-wrapper .code-used-by-content,
.moca-id-invitation-code-list .code .code-lower .code-used-by-wrapper .code-used-by-title {
    margin: 0
}

.moca-id-invitation-code-list .code .code-lower .code-used-by-wrapper .code-used-by-content.email {
    color: #0080ce;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.moca-code-pagination {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center
}

.moca-code-pagination p {
    color: #fffc;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

.moca-code-pagination .pagination-left img {
    transform: rotate(90deg);
    width: 32px
}

.moca-code-pagination .pagination-right img {
    transform: rotate(-90deg);
    width: 32px
}

.moca-code-pagination .pagination-menu {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #f8d748;
    border-radius: 30px;
    box-shadow: 4px 4px 0 #000;
    display: flex;
    font-size: 1.4rem;
    font-weight: 800;
    justify-content: space-between;
    padding: 10px 28px;
    position: relative;
    width: 110px
}

.moca-code-pagination .pagination-menu img {
    height: 16px;
    width: 16px
}

.moca-code-pagination .pagination-menu .pagination-menu-expand {
    background: #f8d748;
    border: 1px solid #000;
    border-radius: 8px;
    bottom: 110%;
    box-shadow: 4px 4px 0 #000;
    left: 0;
    position: absolute;
    width: 100%
}

.moca-code-pagination .pagination-menu .pagination-menu-expand ul {
    margin: 0;
    max-height: 246px;
    overflow: scroll;
    padding: 0
}

.moca-code-pagination .pagination-menu .pagination-menu-expand ul::-webkit-scrollbar {
    background: none;
    height: 6px;
    width: 7px
}

.moca-code-pagination .pagination-menu .pagination-menu-expand ul::-webkit-scrollbar-corner {
    background: none
}

.moca-code-pagination .pagination-menu .pagination-menu-expand ul::-webkit-scrollbar-thumb {
    background: #886f5580;
    border-radius: 100px
}

.moca-code-pagination .pagination-menu .pagination-menu-expand ul li {
    padding: 6px 16px
}

.moca-code-pagination .pagination-menu .pagination-menu-expand ul li:hover {
    background: #ffa800
}

.moca-code-pagination .pagination-menu .pagination-menu-expand .last-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #00000080;
    padding: 6px 16px
}

.moca-code-pagination .pagination-menu .pagination-menu-expand .last-item:hover {
    background: #ffa800
}

.moca-id-invitation-codes {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    margin-top: 64px
}

@media only screen and (max-width:992px) {
    .moca-id-invitation-codes {
        margin-top: 48px
    }
}

.moca-id-invitation-codes .title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px
}

@media only screen and (max-width:992px) {
    .moca-id-invitation-codes .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px
    }
}

.moca-id-invitation-codes .description {
    color: #fffc;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
    max-width: 900px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-id-invitation-codes .description {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        max-width: 100%;
        padding: 12px
    }
}

.moca-id-invitation-codes .codes {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 42px;
    justify-content: flex-start;
    margin: auto 4px 40px
}

@media only screen and (max-width:992px) {
    .moca-id-invitation-codes .codes {
        gap: 12px
    }
}

.moca-id-code-reserved-message {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start
}

@media only screen and (max-width:992px) {
    .moca-id-code-reserved-message {
        gap: 12px
    }
}

.moca-id-code-reserved-message .title {
    margin: 136px auto 0;
    max-width: 960px
}

.moca-id-code-reserved-message .title,
.moca-id-code-reserved-message .title .title-text-wrapper {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center
}

.moca-id-code-reserved-message .title .tick {
    display: inline;
    margin-left: 12px
}

@media only screen and (max-width:992px) {
    .moca-id-code-reserved-message .title .tick {
        width: 24px
    }
}

.moca-id-code-reserved-message .title .title-text {
    color: #bfff7f;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    text-shadow: 3px 3px 0 #000
}

@media only screen and (max-width:992px) {
    .moca-id-code-reserved-message .title .title-text {
        font-size: 24px;
        font-weight: 900;
        line-height: 28px
    }

    .moca-id-code-reserved-message .title .star-left {
        height: 40px;
        width: 40px
    }
}

.moca-id-code-reserved-message .title .star-right {
    transform: rotateY(180deg)
}

@media only screen and (max-width:992px) {
    .moca-id-code-reserved-message .title .star-right {
        height: 40px;
        width: 40px
    }
}

.moca-id-code-reserved-message .description {
    color: #fffc;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-id-code-reserved-message .description {
        font-size: 16px;
        line-height: 20px
    }
}

.moca-id-code-reserved-message .email {
    color: #55b9f6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center;
    text-decoration: underline
}

@media only screen and (max-width:992px) {
    .moca-id-code-reserved-message .email {
        font-size: 16px;
        line-height: 20px
    }
}

.moca-id-code-reserved-message .logout-button {
    align-items: center;
    border: 2px solid #ffcf00;
    border-radius: 100px;
    color: #ffcf00;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    justify-content: center;
    line-height: 32px;
    padding: 10px 20px
}

.moca-invite-check-reservation-modal-wrapper .outer {
    height: 480px;
    max-width: 680px
}

@media only screen and (max-width:992px) {
    .moca-invite-check-reservation-modal-wrapper .outer {
        max-width: 680px;
        width: 100%
    }
}

.moca-invite-check-reservation-modal-wrapper .content {
    align-items: center;
    background: #07234b;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .moca-invite-check-reservation-modal-wrapper .content .close {
        height: 36px;
        width: 36px
    }
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .sign-in-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: center
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-email,
.moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-google {
    align-items: center;
    background: #0000;
    border: 1px solid #fff;
    border-radius: 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    padding: 16px 64px;
    width: 100%
}

@media only screen and (max-width:992px) {

    .moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-email,
    .moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-google {
        padding: 16px 32px
    }
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-email img,
.moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-google img {
    height: 24px;
    width: 24px
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-email p,
.moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-google p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-email .loading,
.moca-invite-check-reservation-modal-wrapper .check-reservation-content .btn-sign-in-google .loading {
    animation: spin 2s linear infinite;
    border: 4px solid;
    border-color: #fff #fff #0000;
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content input[type=email] {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 8px;
    max-width: 340px;
    padding: 12px 24px;
    width: 100%
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content input[type=email]:focus {
    outline: none
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content input[type=email].error {
    border: 1px solid #ff7c7c
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .divider {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 340px;
    width: 100%
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .divider .stroke {
    background: #ffffff80;
    height: 1px;
    width: 100%
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .divider .or {
    color: #ffffff80;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 16px
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .error-message {
    color: #ff7c7c;
    display: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    text-align: start;
    width: 100%
}

.moca-invite-check-reservation-modal-wrapper .check-reservation-content .error-message.show {
    display: block
}

.moca-id-claim-id-modal-wrapper .outer {
    height: 480px;
    max-width: 680px
}

@media only screen and (max-width:992px) {
    .moca-id-claim-id-modal-wrapper .outer {
        max-width: 680px;
        width: 100%
    }
}

.moca-id-claim-id-modal-wrapper .content {
    align-items: center;
    background: #07234b;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .moca-id-claim-id-modal-wrapper .content .close {
        height: 36px;
        width: 36px
    }
}

.moca-id-claim-id-modal-wrapper .claim-id-modal-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    text-align: center
}

.moca-id-claim-id-modal-wrapper .claim-id-modal-content .content-image {
    height: 124px;
    width: 140px
}

.moca-id-claim-id-modal-wrapper .claim-id-modal-content .content-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0
}

.moca-id-claim-id-modal-wrapper .claim-id-modal-content .content-description {
    color: #dadada;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 0
}

.moca-invite-error-modal-wrapper .outer {
    height: 380px;
    width: 680px
}

@media only screen and (max-width:992px) {
    .moca-invite-error-modal-wrapper .outer {
        height: 326px;
        width: 100%
    }
}

.moca-invite-error-modal-wrapper .content {
    align-items: center;
    background: #07234b;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.moca-id-faq {
    margin: 0 auto 40px;
    width: 740px
}

@media only screen and (max-width:992px) {
    .moca-id-faq {
        width: 100%
    }
}

.moca-id-faq h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 900;
    line-height: 48px;
    margin-bottom: 40px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .moca-id-faq h1 {
        font-size: 28px;
        line-height: 34px
    }

    .moca-id-faq .accordion {
        margin: 0 20px
    }
}

.moca-invite-non-registered-modal .outer {
    height: 95%;
    max-width: 1200px;
    width: 95%
}

@media only screen and (max-width:992px) {
    .moca-invite-non-registered-modal .outer {
        height: 95%;
        width: 100%
    }
}

.moca-invite-non-registered-modal .content {
    align-items: center;
    background: #07234b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 8px
}

.reserve-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto 10px;
    max-width: 1384px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .reserve-section {
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
}

.reserve-section .claim-with-nft-bg {
    background-image: url(/static/media/portal-left.98cc3cb7310848534f35.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    height: 670px;
    padding-top: 100px;
    width: 50%
}

@media only screen and (max-width:992px) {
    .reserve-section .claim-with-nft-bg {
        background-position: 50%;
        height: 430px;
        justify-content: center;
        padding-top: 0;
        width: 380px
    }
}

.reserve-section .claim-with-code-bg {
    background-image: url(/static/media/portal-right.45f4127cbb88b18878b3.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    height: 670px;
    padding-top: 100px;
    width: 50%
}

@media only screen and (max-width:992px) {
    .reserve-section .claim-with-code-bg {
        background-position: 50%;
        height: 430px;
        justify-content: center;
        padding-top: 0;
        width: 380px
    }
}

.modal-wrapper.moca-invite-modal-wrapper .outer {
    height: 100%;
    max-height: 580px;
    width: 680px
}

@media only screen and (max-width:992px) {
    .modal-wrapper.moca-invite-modal-wrapper .outer {
        max-height: 660px;
        max-width: 680px;
        width: 100%
    }
}

.modal-wrapper.moca-invite-modal-wrapper .content {
    align-items: center;
    background: #07234b;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .modal-wrapper.moca-invite-modal-wrapper .content .close {
        height: 36px;
        width: 36px
    }
}

.modal-wrapper.moca-invite-modal-wrapper .with-moca-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .modal-wrapper.moca-invite-modal-wrapper .with-moca-content {
        gap: 12px
    }
}

.reserved-section {
    align-items: center;
    background: #ffffff1a;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    margin: 12px auto 20px;
    max-width: 850px;
    padding: 12px 24px;
    text-align: center
}

@media only screen and (max-width:992px) {
    .reserved-section {
        flex-direction: column;
        gap: 8px;
        margin: 12px auto;
        padding: 8px 12px;
        width: 100%
    }
}

.reserved-section p {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    margin: 0
}

@media only screen and (max-width:992px) {
    .reserved-section p {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }
}

.reserved-section .reserved-buttons {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.reserved-section .reserved-buttons button {
    height: 44px
}

@media only screen and (max-width:992px) {
    .reserved-section .reserved-buttons {
        flex-direction: column
    }
}

.reserved-section .reserved-button {
    border: 2px solid #fff;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 8px 24px
}

@media only screen and (max-width:992px) {
    .reserved-section .reserved-button {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        padding: 4px 24px
    }
}

.moca-id-social {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    line-height: 24px;
    margin-bottom: 100px;
    text-align: center
}

.moca-id-social p {
    margin-bottom: 4px
}

.moca-id-social ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    margin: 0;
    padding: 0
}

.moca-id-social ul li {
    height: 28px;
    list-style: none;
    width: 28px
}

.moca-id-invitation-title {
    text-align: center
}

.moca-id-invitation-title h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 900;
    line-height: 48px;
    margin-bottom: 8px
}

@media only screen and (max-width:992px) {
    .moca-id-invitation-title h1 {
        font-size: 24px;
        line-height: 32px
    }
}

.moca-id-invitation-title h1 span {
    color: #ffcf00
}

.moca-id-invitation-title .description {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width:992px) {
    .moca-id-invitation-title .description {
        display: none
    }
}

.moca-id-invitation-title .description-mobile {
    display: none
}

@media only screen and (max-width:992px) {
    .moca-id-invitation-title .description-mobile {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px
    }

    .moca-id-invitation-title .description-mobile span {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }
}

.moca-id-invite-validate-email-modal.non-registered .outer {
    height: 95%;
    max-width: 992px;
    width: 90%
}

@media only screen and (max-width:992px) {
    .moca-id-invite-validate-email-modal.non-registered .outer {
        max-width: 680px;
        width: 100%
    }
}

.moca-id-invite-validate-email-modal.non-registered .content {
    align-items: center;
    background: #07234b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 8px
}

@media only screen and (max-width:992px) {
    .moca-id-invite-validate-email-modal.non-registered .content .close {
        height: 36px;
        width: 36px
    }
}

.moca-id-invite-validate-email-modal .outer {
    height: 480px;
    max-width: 90%
}

@media only screen and (max-width:992px) {
    .moca-id-invite-validate-email-modal .outer {
        max-width: 680px;
        width: 100%
    }
}

.moca-id-invite-validate-email-modal .content {
    align-items: center;
    background: #07234b;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .moca-id-invite-validate-email-modal .content .close {
        height: 36px;
        width: 36px
    }
}

.moca-id-invite-validate-email-modal .loading-animation {
    animation: spin 2s linear infinite;
    border: 2px solid;
    border-color: #fff #fff #0000;
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.crafting-wrapper {
    background-image: url(/static/media/craft-bg.bc089222717c5f0b2dce.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh
}

.crafting-wrapper a.back-to-home {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1110
}

.crafting-wrapper a.back-to-home img {
    max-width: 80px
}

@media only screen and (max-width:992px) {
    .crafting-wrapper a.back-to-home {
        margin-top: 64px
    }

    .crafting-wrapper a.back-to-home img {
        max-width: 53px
    }
}

.odyssey-wrapper {
    background-image: url(/static/media/explore-background.4f22eeeea30fe9f2c186.svg);
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 100vh
}

.odyssey-wrapper a.back-to-home {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1110
}

.odyssey-wrapper a.back-to-home img {
    max-width: 80px
}

@media only screen and (max-width:992px) {
    .odyssey-wrapper a.back-to-home {
        margin-top: 64px
    }

    .odyssey-wrapper a.back-to-home img {
        max-width: 53px
    }
}

.referral-mining-wrapper,
.user-board.referral-mining {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 18/var(--tw-bg-opacity))
}

.referral-mining-wrapper a.back-to-home {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1110
}

.referral-mining-wrapper a.back-to-home img {
    max-width: 80px
}

@media only screen and (max-width:992px) {
    .referral-mining-wrapper a.back-to-home {
        margin-top: 64px
    }

    .referral-mining-wrapper a.back-to-home img {
        max-width: 53px
    }
}

.moca-id-code-bg {
    background-attachment: fixed;
    background-image: url(/static/media/mocaid_bg@2x.8d17860e7817cff0b472.png);
    background-repeat: no-repeat;
    background-size: cover
}

.moca-id-code-bg .code-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 100vw;
    min-height: 100vh
}

.moca-id-invitation-bg {
    background-attachment: fixed;
    background-image: url(/static/media/mocaid_bg@2x.8d17860e7817cff0b472.png);
    background-repeat: no-repeat;
    background-size: cover
}

.moca-id-invitation-bg .invitation-container {
    max-width: 100vw
}

.moca-id-invitation-bg .invitation-container .loading {
    animation: spin 2s linear infinite;
    border: 2px solid;
    border-color: #fff #fff #0000;
    border-radius: 50%;
    height: 24px;
    width: 24px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

* {
    box-sizing: border-box;
    text-decoration: none
}

html {
    background-color: #0d1b2e;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    overflow-x: hidden;
    scroll-behavior: smooth
}

html.no-scroll {
    overflow: hidden
}

body {
    background-color: #0d1b2e;
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    font-family: Montserrat;
    font-weight: 500;
    overflow-x: hidden
}

body.campaign-page {
    background: radial-gradient(51.66% 51.81% at 36.36% 41.18%, #3274c3 .07%, #0e1e3f 100%)
}

a,
button {
    cursor: url(https://mocaverse.xyz/static/media/cursor.3b3e5d4fafc6501c9a46.svg), auto;
    font-family: Montserrat
}

p {
    margin-bottom: 20px
}

strong {
    font-weight: bolder
}

ol,
ul {
    margin: 20px 0 20px 40px
}

ol>li {
    list-style-type: decimal
}

.btn {
    align-items: center;
    background: #ffcf00;
    border: 2px solid #000;
    border-radius: 100px;
    box-shadow: 3px 3px 0 #000;
    color: #000;
    display: flex;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    padding: 10px 40px;
    text-decoration: none
}

@media only screen and (max-width:900px) {
    .btn {
        padding: 10px 20px
    }
}

.btn:hover {
    background-color: #ffb800;
    bottom: -3px;
    box-shadow: none;
    position: relative;
    right: -3px
}

.btn:before {
    background-image: url(/static/media/button-dot.d97d2afeb94490678aaa.svg);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 24px;
    margin-right: 20px;
    width: 24px
}

.btn.error {
    background-color: #f88
}

.btn.disable {
    background-color: #9d9d9d
}

.btn-md {
    border-radius: 100px;
    border-width: 2px;
    box-shadow: 7px 9px 0 #000;
    height: 50px;
    min-width: 217px
}

@media only screen and (max-width:900px) {
    .btn-md {
        height: 48px;
        min-width: 159px
    }
}

.btn-md:before {
    display: none
}

.btn-md:disabled {
    background: #898989;
    color: #4d4d4d;
    cursor: default
}

.btn-md:disabled:hover {
    box-shadow: 7px 9px 0 #000;
    position: static
}

.btn-md-second {
    border-radius: 100px;
    border-width: 2px;
    box-shadow: 7px 9px 0 #000;
    height: 50px;
    padding: 0 23px
}

@media only screen and (max-width:900px) {
    .btn-md-second {
        height: 48px
    }
}

.btn-md-second:before {
    display: none
}

.btn-md-second:disabled {
    background: #b8b5ac;
    color: #8f8f8f;
    cursor: default
}

.btn-md-second:disabled:hover {
    box-shadow: 7px 9px 0 #000;
    position: static
}

.btn-link {
    background: none;
    border: 0;
    box-shadow: inset 0 -2px #fff;
    color: #fff;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 14px;
    padding: 0;
    text-align: center
}

@media only screen and (max-width:900px) {
    .btn-link {
        box-shadow: inset 0 -1px #fff;
        line-height: 28px;
        margin: -3px 0 6px
    }
}

.btn-icon {
    background: none;
    border: 0;
    padding: 0
}

main {
    position: relative
}

.bg {
    background-image: url(/static/media/background.a021621ff6a066ae70b5.jpg)
}

.bg,
.stars {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw
}

.stars {
    background-image: url(/static/media/Stars_BG.1106f3c79ca5a3bb8754.svg)
}

.svgimg {
    shape-rendering: geometricPrecision
}

.disabledCursor {
    cursor: not-allowed !important;
    pointer-events: none !important
}

.closeModal {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.closeModal button {
    background: #0000;
    border: none;
    position: absolute;
    right: -20px;
    top: -20px
}

.closeModal p {
    display: block;
    max-height: 400px;
    max-width: 500px;
    overflow: auto
}

:root {
    --error-color: #ff4141
}

.errorWrap {
    background: #000000b3;
    border-radius: 5px;
    margin: 20px auto;
    padding: 15px 20px;
    word-break: break-all
}

.errorLabel {
    color: #ff4141 !important;
    color: var(--error-color) !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 auto
}

@media only screen and (max-width:900px) {
    .txt-md {
        display: none
    }
}

@media only screen and (min-width:901px) {
    .txt-sm {
        display: none
    }
}

@media only screen and (max-width:900px) {
    .txt-no-spacing-sm {
        margin: 0
    }
}

.page-loading {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100vh;
    width: 100%
}

.page-loading .loader {
    animation: rotation 1s linear infinite;
    border: 4px solid #2d3846;
    border-bottom-color: #0000;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 42px;
    width: 42px
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.intro .socials-links-mobile a img,
.intro-social a img,
.social-animation img,
.socials-links ul a img,
.story-tribe-socials a img,
header nav .mobile .mobile-nav .social-btn a img {
    transition: transform .4s ease-in-out
}

.intro .socials-links-mobile a:hover img,
.intro-social a:hover img,
.social-animation:hover img,
.socials-links ul a:hover img,
.story-tribe-socials a:hover img,
header nav .mobile .mobile-nav .social-btn a:hover img {
    transform: scale(1.15)
}

.typography.text-title-2 {
    min-width: 36px
}

.custom-disabled-input-ios:disabled {
    -webkit-text-fill-color: #000;
    opacity: 1
}

.custom-bg-gradient-moca-id-cta-btn {
    background: linear-gradient(90deg, #1d5cff, #9a41fa 55.21%, #d940a4);
    background: var(--theme-gradient-1, linear-gradient(90deg, #1d5cff 0, #9a41fa 55.21%, #d940a4 100%))
}

.custom-bg-gradient-claim-modal {
    background: radial-gradient(58.28% 39.18% at 100% 96.82%, #d940a421 0, #d940a400 100%), radial-gradient(62.48% 42.01% at 0 33.7%, #2450ee26 0, #2450ee00 100%), #2f2f2f;
    background: radial-gradient(58.28% 39.18% at 100% 96.82%, #d940a421 0, #d940a400 100%), radial-gradient(62.48% 42.01% at 0 33.7%, #2450ee26 0, #2450ee00 100%), var(--dark-3, #2f2f2f)
}

@media not all and (min-width:1024px) {
    .max-lg\:text-body-14-600.typography {
        font-family: Montserrat;
        font-size: .875rem;
        font-weight: 600;
        line-height: 1rem
    }

    .max-lg\:text-body-14-700.typography {
        font-family: Montserrat;
        font-size: .875rem;
        font-weight: 700;
        line-height: 1rem
    }

    .max-lg\:text-body-16-500.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.25rem
    }

    .max-lg\:text-body-16-700.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.25rem
    }

    .max-lg\:text-body-18-800.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 800;
        line-height: 1.5rem
    }

    .max-lg\:text-title-2.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5rem
    }

    .max-lg\:text-h6.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 25px
    }

    .max-lg\:text-h6.typography-moca-id {
        font-family: Outfit;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2
    }

    .max-lg\:text-p5-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: .75rem;
        font-weight: 500;
        line-height: 1.4
    }
}

@media not all and (min-width:768px) {
    .max-md\:text-body-16-700.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.25rem
    }

    .max-md\:text-title-2.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5rem
    }

    .max-md\:text-title-3.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.5rem
    }

    .max-md\:text-h4.typography {
        font-family: Montserrat;
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 38px
    }

    .max-md\:text-h4.typography-moca-id {
        font-family: Outfit;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2
    }
}

@media not all and (min-width:640px) {
    .max-sm\:text-body-14-500.typography {
        font-family: Montserrat;
        font-size: .875rem;
        font-weight: 500;
        line-height: 1rem
    }

    .max-sm\:text-body-18-800.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 800;
        line-height: 1.5rem
    }

    .max-sm\:text-h6.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 25px
    }

    .max-sm\:text-h6.typography-moca-id {
        font-family: Outfit;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2
    }

    .max-sm\:text-h8.typography-moca-id {
        font-family: Outfit;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2
    }

    .max-sm\:text-p2-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 700;
        line-height: 1.4
    }

    .max-sm\:text-p2-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 500;
        line-height: 1.4
    }

    .max-sm\:text-p3-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 700;
        line-height: 1.4
    }

    .max-sm\:text-p3-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 500;
        line-height: 1.4
    }

    .max-sm\:text-p3-soft.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 400;
        line-height: 1.4
    }

    .max-sm\:\!text-p4-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: .8125rem;
        font-weight: 700;
        line-height: 1.4
    }

    .max-sm\:\!text-p4-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: .8125rem;
        font-weight: 500;
        line-height: 1.4
    }
}

@media (min-width:640px) {
    .sm\:text-h2-alt.typography {
        font-family: Montserrat;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 3rem
    }

    .sm\:text-h4-700.typography {
        font-family: Montserrat;
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 34px
    }

    .sm\:text-body-14-500.typography {
        font-family: Montserrat;
        font-size: .875rem;
        font-weight: 500;
        line-height: 1rem
    }

    .sm\:text-body-18-600.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 600;
        line-height: 1.5rem
    }

    .sm\:text-body-18-800.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 800;
        line-height: 1.5rem
    }
}

@media (min-width:768px) {
    .md\:text-h2-alt.typography {
        font-family: Montserrat;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 3rem
    }

    .md\:text-h4.typography {
        font-family: Montserrat;
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 38px
    }

    .md\:text-h5.typography {
        font-family: Montserrat;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 30px
    }

    .md\:text-h6.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 25px
    }

    .md\:text-body-14-500.typography {
        font-family: Montserrat;
        font-size: .875rem;
        font-weight: 500;
        line-height: 1rem
    }

    .md\:text-body-16-500.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.25rem
    }

    .md\:text-body-16-600.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.25rem
    }

    .md\:text-body-16-700.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.25rem
    }

    .md\:text-body-18-600.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 600;
        line-height: 1.5rem
    }

    .md\:text-body-18-700.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 700;
        line-height: 1.5rem
    }

    .md\:text-body-18-800.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 800;
        line-height: 1.5rem
    }

    .md\:text-body-20-500.typography {
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.25rem
    }

    .md\:text-body-20-800.typography {
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 800;
        line-height: 34px
    }

    .md\:text-title-1.typography {
        font-family: Montserrat;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem
    }

    .md\:text-title-2.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5rem
    }

    .md\:text-h4.typography-moca-id {
        font-family: Outfit;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2
    }

    .md\:text-h5.typography-moca-id {
        font-family: Outfit;
        font-size: 2.25rem;
        font-weight: 800;
        line-height: 1.2
    }

    .md\:text-h6.typography-moca-id {
        font-family: Outfit;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2
    }

    .md\:text-btn2.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 600;
        line-height: 1.4
    }

    .md\:text-p1-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.1875rem;
        font-weight: 700;
        line-height: 1.4
    }

    .md\:text-p2-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 700;
        line-height: 1.4
    }

    .md\:text-p2-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 500;
        line-height: 1.4
    }

    .md\:text-p3-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 700;
        line-height: 1.4
    }

    .md\:text-p3-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 500;
        line-height: 1.4
    }
}

@media (min-width:992px) {
    .tab\:text-h5.typography {
        font-family: Montserrat;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 30px
    }

    .tab\:text-h6.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 25px
    }

    .tab\:text-h5.typography-moca-id {
        font-family: Outfit;
        font-size: 2.25rem;
        font-weight: 800;
        line-height: 1.2
    }

    .tab\:text-h6.typography-moca-id {
        font-family: Outfit;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2
    }

    .tab\:text-h7.typography-moca-id {
        font-family: Outfit;
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.2
    }

    .tab\:\!text-h8.typography-moca-id,
    .tab\:text-h8.typography-moca-id {
        font-family: Outfit;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2
    }

    .tab\:text-h9.typography-moca-id {
        font-family: Outfit;
        font-size: 1.375rem;
        font-weight: 600;
        line-height: 1.2
    }

    .tab\:text-p1-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.1875rem;
        font-weight: 700;
        line-height: 1.4
    }

    .tab\:text-p1-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.1875rem;
        font-weight: 500;
        line-height: 1.4
    }

    .tab\:\!text-p1-soft.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.1875rem;
        font-weight: 400;
        line-height: 1.4
    }

    .tab\:text-p2-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 700;
        line-height: 1.4
    }

    .tab\:text-p2-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 500;
        line-height: 1.4
    }

    .tab\:text-p2-soft.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 400;
        line-height: 1.4
    }

    .tab\:text-p3-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 700;
        line-height: 1.4
    }

    .tab\:text-p3-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 500;
        line-height: 1.4
    }

    .tab\:text-p4-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: .8125rem;
        font-weight: 500;
        line-height: 1.4
    }
}

@media (min-width:1024px) {
    .lg\:text-h2.typography {
        font-family: Montserrat;
        font-size: 3rem;
        font-weight: 700;
        line-height: 48px
    }

    .lg\:text-h2-alt.typography {
        font-family: Montserrat;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 3rem
    }

    .lg\:text-h4.typography {
        font-family: Montserrat;
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 38px
    }

    .lg\:text-h4-800.typography {
        font-family: Montserrat;
        font-size: 1.75rem;
        font-weight: 800;
        line-height: 34px
    }

    .lg\:text-h5.typography {
        font-family: Montserrat;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 30px
    }

    .lg\:text-h6.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 25px
    }

    .lg\:text-body-14-500.typography {
        font-family: Montserrat;
        font-size: .875rem;
        font-weight: 500;
        line-height: 1rem
    }

    .lg\:text-body-14-600.typography {
        font-family: Montserrat;
        font-size: .875rem;
        font-weight: 600;
        line-height: 1rem
    }

    .lg\:text-body-16-500.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.25rem
    }

    .lg\:text-body-16-600.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.25rem
    }

    .lg\:text-body-18-600.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 600;
        line-height: 1.5rem
    }

    .lg\:text-body-18-700.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 700;
        line-height: 1.5rem
    }

    .lg\:text-body-18-800.typography {
        font-family: Montserrat;
        font-size: 1.15rem;
        font-weight: 800;
        line-height: 1.5rem
    }

    .lg\:text-body-20-600.typography {
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.25rem
    }

    .lg\:text-body-20-700.typography {
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.25rem
    }

    .lg\:text-title-1.typography {
        font-family: Montserrat;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem
    }

    .lg\:text-title-2.typography {
        font-weight: 700
    }

    .lg\:text-title-2.typography,
    .lg\:text-title-3.typography {
        font-family: Montserrat;
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .lg\:text-title-3.typography {
        font-weight: 600
    }

    .lg\:text-h2.typography-moca-id {
        font-family: Outfit;
        font-size: 4rem;
        font-weight: 800;
        line-height: 1.2
    }

    .lg\:text-h4.typography-moca-id {
        font-family: Outfit;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2
    }

    .lg\:text-h5.typography-moca-id {
        font-family: Outfit;
        font-size: 2.25rem;
        font-weight: 800;
        line-height: 1.2
    }

    .lg\:text-h6.typography-moca-id {
        font-family: Outfit;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2
    }

    .lg\:text-h8.typography-moca-id {
        font-family: Outfit;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2
    }

    .lg\:text-btn1.typography-moca-id {
        font-family: Outfit;
        font-size: 1.1875rem;
        font-weight: 700;
        line-height: 1.4
    }

    .lg\:text-btn2.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 600;
        line-height: 1.4
    }

    .lg\:text-p1-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.1875rem;
        font-weight: 700;
        line-height: 1.4
    }

    .lg\:text-p1-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.1875rem;
        font-weight: 500;
        line-height: 1.4
    }

    .lg\:text-p2-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: 1.0625rem;
        font-weight: 700;
        line-height: 1.4
    }

    .lg\:text-p3-heavy.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 700;
        line-height: 1.4
    }

    .lg\:text-p3-normal.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 500;
        line-height: 1.4
    }

    .lg\:text-p3-soft.typography-moca-id {
        font-family: Quicksand;
        font-size: .9375rem;
        font-weight: 400;
        line-height: 1.4
    }
}

@media (min-width:1280px) {
    .xl\:text-h4.typography {
        font-family: Montserrat;
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 38px
    }

    .xl\:text-body-16-600.typography {
        font-family: Montserrat;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.25rem
    }

    .xl\:text-body-20-600.typography {
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.25rem
    }

    .xl\:text-h4.typography-moca-id {
        font-family: Outfit;
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2
    }
}

.placeholder\:text-center::placeholder {
    text-align: center
}

.before\:relative:before {
    content: var(--tw-content);
    position: relative
}

.before\:left-\[9px\]:before {
    content: var(--tw-content);
    left: 9px
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:h-16:before {
    content: var(--tw-content);
    height: 4rem
}

.before\:h-6:before {
    content: var(--tw-content);
    height: 1.5rem
}

.before\:w-0:before {
    content: var(--tw-content);
    width: 0
}

.before\:w-0\.5:before {
    content: var(--tw-content);
    width: .125rem
}

.before\:bg-gray:before {
    --tw-bg-opacity: 1;
    background-color: rgb(114 122 135/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.before\:bg-yellow:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 207 0/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.after\:relative:after {
    content: var(--tw-content);
    position: relative
}

.after\:left-\[9px\]:after {
    content: var(--tw-content);
    left: 9px
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:h-16:after {
    content: var(--tw-content);
    height: 4rem
}

.after\:h-6:after {
    content: var(--tw-content);
    height: 1.5rem
}

.after\:w-0:after {
    content: var(--tw-content);
    width: 0
}

.after\:w-0\.5:after {
    content: var(--tw-content);
    width: .125rem
}

.after\:bg-gray:after {
    --tw-bg-opacity: 1;
    background-color: rgb(114 122 135/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.after\:bg-yellow:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 207 0/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.hover\:\!static:hover {
    position: static !important
}

.hover\:relative:hover {
    position: relative
}

.hover\:\!right-0:hover {
    right: 0 !important
}

.hover\:\!top-0:hover {
    top: 0 !important
}

.hover\:-right-0:hover {
    right: 0
}

.hover\:-right-1:hover {
    right: -.25rem
}

.hover\:top-0:hover {
    top: 0
}

.hover\:top-1:hover {
    top: .25rem
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-105:hover,
.hover\:scale-110:hover {
    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))
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\]:hover {
    background-color: #0000004d
}

.hover\:bg-moca-primary-2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(60 140 255/var(--tw-bg-opacity))
}

.hover\:\!drop-shadow-button:hover {
    --tw-drop-shadow: drop-shadow(3px 3px 0px #000) !important;
    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) !important
}

.hover\:drop-shadow-none:hover {
    --tw-drop-shadow: drop-shadow(0 0 #0000);
    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)
}

.focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.focus\:outline-none:focus {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.disabled\:bg-\[\#C8C8C8\]:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(200 200 200/var(--tw-bg-opacity))
}

.disabled\:text-\[\#8C8C8C\]:disabled {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.group:hover .group-hover\:flex {
    display: flex
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    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))
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.peer:checked~.peer-checked\:block {
    display: block
}

@media not all and (min-width:1280px) {
    .max-xl\:h-\[600px\] {
        height: 600px
    }

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

@media not all and (min-width:1024px) {
    .max-lg\:mt-2 {
        margin-top: .5rem
    }

    .max-lg\:mt-\[64px\] {
        margin-top: 64px
    }

    .max-lg\:hidden {
        display: none
    }

    .max-lg\:h-\[35px\] {
        height: 35px
    }

    .max-lg\:h-auto {
        height: auto
    }

    .max-lg\:w-2\/4 {
        width: 50%
    }

    .max-lg\:w-\[100px\] {
        width: 100px
    }

    .max-lg\:w-\[35px\] {
        width: 35px
    }

    .max-lg\:w-\[80\%\] {
        width: 80%
    }

    .max-lg\:w-auto {
        width: auto
    }

    .max-lg\:w-screen {
        width: 100vw
    }

    .max-lg\:flex-col {
        flex-direction: column
    }

    .max-lg\:items-start {
        align-items: flex-start
    }

    .max-lg\:items-center {
        align-items: center
    }

    .max-lg\:justify-start {
        justify-content: flex-start
    }

    .max-lg\:justify-center {
        justify-content: center
    }

    .max-lg\:gap-3 {
        gap: .75rem
    }

    .max-lg\:pb-12 {
        padding-bottom: 3rem
    }
}

@media not all and (min-width:992px) {
    .max-tab\:h-\[2px\] {
        height: 2px
    }

    .max-tab\:w-full {
        width: 100%
    }

    .max-tab\:max-w-\[576px\] {
        max-width: 576px
    }

    .max-tab\:flex-wrap {
        flex-wrap: wrap
    }

    .max-tab\:\!bg-none {
        background-image: none !important
    }
}

@media not all and (min-width:768px) {
    .max-md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .max-md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .max-md\:-mb-\[42px\] {
        margin-bottom: -42px
    }

    .max-md\:mb-12 {
        margin-bottom: 3rem
    }

    .max-md\:mb-2 {
        margin-bottom: .5rem
    }

    .max-md\:mb-4 {
        margin-bottom: 1rem
    }

    .max-md\:h-\[2px\] {
        height: 2px
    }

    .max-md\:flex-col {
        flex-direction: column
    }

    .max-md\:justify-start {
        justify-content: flex-start
    }

    .max-md\:gap-4 {
        gap: 1rem
    }

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

    .max-md\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .max-md\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .max-md\:pb-4 {
        padding-bottom: 1rem
    }
}

@media not all and (min-width:640px) {
    .max-sm\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .max-sm\:-mb-\[62px\] {
        margin-bottom: -62px
    }

    .max-sm\:ml-0 {
        margin-left: 0
    }

    .max-sm\:mt-2 {
        margin-top: .5rem
    }

    .max-sm\:hidden {
        display: none
    }

    .max-sm\:\!h-\[70px\] {
        height: 70px !important
    }

    .max-sm\:h-\[2px\] {
        height: 2px
    }

    .max-sm\:h-\[500px\] {
        height: 500px
    }

    .max-sm\:h-\[52px\] {
        height: 52px
    }

    .max-sm\:min-h-\[312px\] {
        min-height: 312px
    }

    .max-sm\:\!w-full {
        width: 100% !important
    }

    .max-sm\:w-\[102px\] {
        width: 102px
    }

    .max-sm\:w-\[154px\] {
        width: 154px
    }

    .max-sm\:w-\[257px\] {
        width: 257px
    }

    .max-sm\:w-full {
        width: 100%
    }

    .max-sm\:max-w-\[337px\] {
        max-width: 337px
    }

    .max-sm\:max-w-\[366px\] {
        max-width: 366px
    }

    .max-sm\:flex-col {
        flex-direction: column
    }

    .max-sm\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .max-sm\:items-start {
        align-items: flex-start
    }

    .max-sm\:gap-0 {
        gap: 0
    }

    .max-sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .max-sm\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .max-sm\:pt-5 {
        padding-top: 1.25rem
    }

    .max-sm\:pt-\[174px\] {
        padding-top: 174px
    }

    .max-sm\:pt-\[80px\] {
        padding-top: 80px
    }

    .max-sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .max-sm\:\[clip-path\:polygon\(0_0\2c _100\%_0\%\2c _100\%_90\%\2c _0\%_100\%\)\] {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%)
    }
}

@media not all and (min-width:450px) {
    .max-mobile\:w-full {
        width: 100%
    }
}

@media (max-width:375px) {
    .max-\[375px\]\:max-w-\[280px\] {
        max-width: 280px
    }
}

@media (max-width:321px) {
    .max-\[321px\]\:max-w-\[280px\] {
        max-width: 280px
    }
}

@media (max-width:320px) {
    .max-\[320px\]\:mb-\[22px\] {
        margin-bottom: 22px
    }

    .max-\[320px\]\:h-10 {
        height: 2.5rem
    }
}

@media (min-width:320px) {
    .min-\[320px\]\:h-9 {
        height: 2.25rem
    }

    .min-\[320px\]\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:375px) {
    .min-\[375px\]\:max-w-\[162px\] {
        max-width: 162px
    }

    .min-\[375px\]\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width:640px) {
    .sm\:-right-24 {
        right: -6rem
    }

    .sm\:mt-16 {
        margin-top: 4rem
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-\[92px\] {
        height: 92px
    }

    .sm\:min-h-\[360px\] {
        min-height: 360px
    }

    .sm\:w-\[92px\] {
        width: 92px
    }

    .sm\:min-w-\[360px\] {
        min-width: 360px
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-items-stretch {
        justify-items: stretch
    }

    .sm\:gap-0 {
        gap: 0
    }

    .sm\:gap-24 {
        gap: 6rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-y-4 {
        row-gap: 1rem
    }

    .sm\:\!px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .sm\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:py-\[1\.4rem\] {
        padding-bottom: 1.4rem;
        padding-top: 1.4rem
    }
}

@media (min-width:768px) {
    .md\:pointer-events-none {
        pointer-events: none
    }

    .md\:static {
        position: static
    }

    .md\:relative {
        position: relative
    }

    .md\:-bottom-3 {
        bottom: -.75rem
    }

    .md\:-left-full {
        left: -100%
    }

    .md\:-top-12 {
        top: -3rem
    }

    .md\:-top-\[60px\] {
        top: -60px
    }

    .md\:-top-full {
        top: -100%
    }

    .md\:bottom-10 {
        bottom: 2.5rem
    }

    .md\:left-24 {
        left: 6rem
    }

    .md\:left-32 {
        left: 8rem
    }

    .md\:left-\[104px\] {
        left: 104px
    }

    .md\:left-\[25\.5\%\] {
        left: 25.5%
    }

    .md\:left-\[254px\] {
        left: 254px
    }

    .md\:left-\[30px\] {
        left: 30px
    }

    .md\:left-\[34\.5\%\] {
        left: 34.5%
    }

    .md\:left-\[50\%\] {
        left: 50%
    }

    .md\:left-\[9\%\] {
        left: 9%
    }

    .md\:right-0 {
        right: 0
    }

    .md\:right-\[50px\] {
        right: 50px
    }

    .md\:right-\[95px\] {
        right: 95px
    }

    .md\:right-auto {
        right: auto
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-12 {
        top: 3rem
    }

    .md\:top-\[15px\] {
        top: 15px
    }

    .md\:top-\[20\%\] {
        top: 20%
    }

    .md\:top-\[260px\] {
        top: 260px
    }

    .md\:top-\[calc\(45vh\+110px\)\] {
        top: calc(45vh + 110px)
    }

    .md\:top-auto {
        top: auto
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:m-6 {
        margin: 1.5rem
    }

    .md\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:my-0 {
        margin-top: 0
    }

    .md\:mb-0,
    .md\:my-0 {
        margin-bottom: 0
    }

    .md\:mb-12 {
        margin-bottom: 3rem
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mb-2 {
        margin-bottom: .5rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mb-\[4px\] {
        margin-bottom: 4px
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-2 {
        margin-top: .5rem
    }

    .md\:mt-24 {
        margin-top: 6rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-\[45vh\] {
        margin-top: 45vh
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-14 {
        height: 3.5rem
    }

    .md\:h-6 {
        height: 1.5rem
    }

    .md\:h-64 {
        height: 16rem
    }

    .md\:h-7 {
        height: 1.75rem
    }

    .md\:h-\[108px\] {
        height: 108px
    }

    .md\:h-\[118px\] {
        height: 118px
    }

    .md\:h-\[120px\] {
        height: 120px
    }

    .md\:h-\[135px\] {
        height: 135px
    }

    .md\:h-\[136px\] {
        height: 136px
    }

    .md\:h-\[170px\] {
        height: 170px
    }

    .md\:h-\[284px\] {
        height: 284px
    }

    .md\:h-\[28px\] {
        height: 28px
    }

    .md\:h-\[318px\] {
        height: 318px
    }

    .md\:h-\[340px\] {
        height: 340px
    }

    .md\:h-\[34px\] {
        height: 34px
    }

    .md\:h-\[350px\] {
        height: 350px
    }

    .md\:h-\[36px\] {
        height: 36px
    }

    .md\:h-\[400px\] {
        height: 400px
    }

    .md\:h-\[46px\] {
        height: 46px
    }

    .md\:h-\[500px\] {
        height: 500px
    }

    .md\:h-\[50px\] {
        height: 50px
    }

    .md\:h-\[51px\] {
        height: 51px
    }

    .md\:h-\[600px\] {
        height: 600px
    }

    .md\:h-\[72px\] {
        height: 72px
    }

    .md\:h-\[756px\] {
        height: 756px
    }

    .md\:h-\[811px\] {
        height: 811px
    }

    .md\:h-\[90px\] {
        height: 90px
    }

    .md\:h-\[96px\] {
        height: 96px
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:min-h-\[420px\] {
        min-height: 420px
    }

    .md\:min-h-\[438px\] {
        min-height: 438px
    }

    .md\:min-h-\[48px\] {
        min-height: 48px
    }

    .md\:min-h-\[811px\] {
        min-height: 811px
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-14 {
        width: 3.5rem
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-7 {
        width: 1.75rem
    }

    .md\:w-\[107px\] {
        width: 107px
    }

    .md\:w-\[116px\] {
        width: 116px
    }

    .md\:w-\[120px\] {
        width: 120px
    }

    .md\:w-\[1270px\] {
        width: 1270px
    }

    .md\:w-\[135px\] {
        width: 135px
    }

    .md\:w-\[136px\] {
        width: 136px
    }

    .md\:w-\[149px\] {
        width: 149px
    }

    .md\:w-\[167px\] {
        width: 167px
    }

    .md\:w-\[168px\] {
        width: 168px
    }

    .md\:w-\[240px\] {
        width: 240px
    }

    .md\:w-\[251px\] {
        width: 251px
    }

    .md\:w-\[30\%\] {
        width: 30%
    }

    .md\:w-\[318px\] {
        width: 318px
    }

    .md\:w-\[325px\] {
        width: 325px
    }

    .md\:w-\[34px\] {
        width: 34px
    }

    .md\:w-\[350px\] {
        width: 350px
    }

    .md\:w-\[364px\] {
        width: 364px
    }

    .md\:w-\[46px\] {
        width: 46px
    }

    .md\:w-\[50px\] {
        width: 50px
    }

    .md\:w-\[60\%\] {
        width: 60%
    }

    .md\:w-\[66\%\] {
        width: 66%
    }

    .md\:w-\[729px\] {
        width: 729px
    }

    .md\:w-\[781px\] {
        width: 781px
    }

    .md\:w-\[80\%\] {
        width: 80%
    }

    .md\:w-\[88px\] {
        width: 88px
    }

    .md\:w-\[900px\] {
        width: 900px
    }

    .md\:w-\[90px\] {
        width: 90px
    }

    .md\:w-\[91\.2px\] {
        width: 91.2px
    }

    .md\:w-\[941px\] {
        width: 941px
    }

    .md\:w-\[calc\(100\%-167px\)\] {
        width: calc(100% - 167px)
    }

    .md\:w-\[unset\],
    .md\:w-auto {
        width: auto
    }

    .md\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-\[160px\] {
        min-width: 160px
    }

    .md\:min-w-\[172px\] {
        min-width: 172px
    }

    .md\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .md\:max-w-\[272px\] {
        max-width: 272px
    }

    .md\:max-w-\[372px\] {
        max-width: 372px
    }

    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .md\:-translate-y-1\/2,
    .md\:translate-x-0 {
        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))
    }

    .md\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .md\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }

    .md\:translate-x-1\/2,
    .md\:translate-y-0 {
        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))
    }

    .md\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .md\:translate-y-\[-25\%\] {
        --tw-translate-y: -25%
    }

    .md\:scale-100,
    .md\:translate-y-\[-25\%\] {
        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))
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .md\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        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))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-normal {
        justify-content: normal
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-items-stretch {
        justify-items: stretch
    }

    .md\:gap-1 {
        gap: .25rem
    }

    .md\:gap-14 {
        gap: 3.5rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-\[40px\] {
        gap: 40px
    }

    .md\:gap-x-24 {
        column-gap: 6rem
    }

    .md\:overflow-auto {
        overflow: auto
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:whitespace-nowrap {
        white-space: nowrap
    }

    .md\:rounded-\[62px\] {
        border-radius: 62px
    }

    .md\:bg-\[\#0080CE\] {
        --tw-bg-opacity: 1;
        background-color: rgb(0 128 206/var(--tw-bg-opacity))
    }

    .md\:bg-\[\#DF8600\] {
        --tw-bg-opacity: 1;
        background-color: rgb(223 134 0/var(--tw-bg-opacity))
    }

    .md\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
    }

    .md\:bg-\[image\:var\(--bg-desktop-url\)\] {
        background-image: var(--bg-desktop-url)
    }

    .md\:bg-\[image\:var\(--bg-lg-url\)\] {
        background-image: var(--bg-lg-url)
    }

    .md\:\!bg-left {
        background-position: 0 !important
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-\[10px_40px\] {
        padding: 10px 40px
    }

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

    .md\:px-28 {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-\[10\%\] {
        padding-left: 10%;
        padding-right: 10%
    }

    .md\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

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

    .md\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .md\:py-\[30px\] {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .md\:py-\[60px\] {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .md\:pb-\[41px\] {
        padding-bottom: 41px
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

    .md\:pl-\[125px\] {
        padding-left: 125px
    }

    .md\:pl-\[150px\] {
        padding-left: 150px
    }

    .md\:pl-\[43px\] {
        padding-left: 43px
    }

    .md\:pl-\[60px\] {
        padding-left: 60px
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pr-\[40px\] {
        padding-right: 40px
    }

    .md\:pr-\[85px\] {
        padding-right: 85px
    }

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

    .md\:pt-\[60px\] {
        padding-top: 60px
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl\/\[48px\] {
        font-size: 2.25rem;
        line-height: 48px
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-\[14px\]\/\[16px\] {
        font-size: 14px;
        line-height: 16px
    }

    .md\:text-\[16px\] {
        font-size: 16px
    }

    .md\:text-\[16px\]\/\[16px\] {
        font-size: 16px;
        line-height: 16px
    }

    .md\:text-\[18px\] {
        font-size: 18px
    }

    .md\:text-\[18px\]\/\[24px\] {
        font-size: 18px;
        line-height: 24px
    }

    .md\:text-\[24px\] {
        font-size: 24px
    }

    .md\:text-\[24px\]\/\[32px\] {
        font-size: 24px;
        line-height: 32px
    }

    .md\:text-\[28px\] {
        font-size: 28px
    }

    .md\:text-\[36px\]\/\[44px\] {
        font-size: 36px;
        line-height: 44px
    }

    .md\:text-\[48px\] {
        font-size: 48px
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .md\:leading-\[20px\] {
        line-height: 20px
    }

    .md\:leading-\[34px\] {
        line-height: 34px
    }
}

@media (min-width:992px) {
    .tab\:-bottom-2 {
        bottom: -.5rem
    }

    .tab\:-left-2 {
        left: -.5rem
    }

    .tab\:-right-1 {
        right: -.25rem
    }

    .tab\:-top-2 {
        top: -.5rem
    }

    .tab\:bottom-0 {
        bottom: 0
    }

    .tab\:col-span-2 {
        grid-column: span 2/span 2
    }

    .tab\:col-span-3 {
        grid-column: span 3/span 3
    }

    .tab\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .tab\:mt-0 {
        margin-top: 0
    }

    .tab\:block {
        display: block
    }

    .tab\:inline {
        display: inline
    }

    .tab\:h-6 {
        height: 1.5rem
    }

    .tab\:h-\[50px\] {
        height: 50px
    }

    .tab\:min-h-\[500px\] {
        min-height: 500px
    }

    .tab\:w-10\/12 {
        width: 83.333333%
    }

    .tab\:w-5\/12 {
        width: 41.666667%
    }

    .tab\:w-7\/12 {
        width: 58.333333%
    }

    .tab\:w-auto {
        width: auto
    }

    .tab\:min-w-\[392px\] {
        min-width: 392px
    }

    .tab\:max-w-\[1500px\] {
        max-width: 1500px
    }

    .tab\:max-w-\[1607px\] {
        max-width: 1607px
    }

    .tab\:max-w-\[740px\] {
        max-width: 740px
    }

    .tab\:flex-auto {
        flex: 1 1 auto
    }

    .tab\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .tab\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .tab\:flex-row {
        flex-direction: row
    }

    .tab\:items-end {
        align-items: flex-end
    }

    .tab\:items-center {
        align-items: center
    }

    .tab\:items-stretch {
        align-items: stretch
    }

    .tab\:justify-end {
        justify-content: flex-end
    }

    .tab\:justify-center {
        justify-content: center
    }

    .tab\:gap-6 {
        gap: 1.5rem
    }

    .tab\:gap-x-3 {
        column-gap: .75rem
    }

    .tab\:border-r {
        border-right-width: 1px
    }

    .tab\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .tab\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .tab\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem
    }

    .tab\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .tab\:px-\[44px\] {
        padding-left: 44px;
        padding-right: 44px
    }

    .tab\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .tab\:text-right {
        text-align: right
    }
}

@media (min-width:1024px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:-bottom-3 {
        bottom: -.75rem
    }

    .lg\:-left-10 {
        left: -2.5rem
    }

    .lg\:-left-5 {
        left: -1.25rem
    }

    .lg\:-right-2 {
        right: -.5rem
    }

    .lg\:-top-2 {
        top: -.5rem
    }

    .lg\:-top-5 {
        top: -1.25rem
    }

    .lg\:bottom-auto {
        bottom: auto
    }

    .lg\:left-\[25\%\] {
        left: 25%
    }

    .lg\:left-auto {
        left: auto
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:top-10 {
        top: 2.5rem
    }

    .lg\:top-12 {
        top: 3rem
    }

    .lg\:top-\[15\%\] {
        top: 15%
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .lg\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .lg\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .lg\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
    }

    .lg\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-0\.5 {
        margin-bottom: .125rem
    }

    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }

    .lg\:mb-11 {
        margin-bottom: 2.75rem
    }

    .lg\:mb-2 {
        margin-bottom: .5rem
    }

    .lg\:mb-3 {
        margin-bottom: .75rem
    }

    .lg\:mb-\[30px\] {
        margin-bottom: 30px
    }

    .lg\:ml-10 {
        margin-left: 2.5rem
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-10 {
        margin-top: 2.5rem
    }

    .lg\:mt-2 {
        margin-top: .5rem
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:mt-\[50px\] {
        margin-top: 50px
    }

    .lg\:mt-\[88px\] {
        margin-top: 88px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:\!h-0 {
        height: 0 !important
    }

    .lg\:\!h-0\.5 {
        height: .125rem !important
    }

    .lg\:h-10 {
        height: 2.5rem
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:h-20 {
        height: 5rem
    }

    .lg\:h-24 {
        height: 6rem
    }

    .lg\:h-32 {
        height: 8rem
    }

    .lg\:h-4 {
        height: 1rem
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:h-60 {
        height: 15rem
    }

    .lg\:h-7 {
        height: 1.75rem
    }

    .lg\:h-8 {
        height: 2rem
    }

    .lg\:h-9 {
        height: 2.25rem
    }

    .lg\:h-\[220px\] {
        height: 220px
    }

    .lg\:h-\[600px\] {
        height: 600px
    }

    .lg\:h-\[670px\] {
        height: 670px
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:max-h-\[460px\] {
        max-height: 460px
    }

    .lg\:min-h-\[128px\] {
        min-height: 128px
    }

    .lg\:min-h-\[750px\] {
        min-height: 750px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-10 {
        width: 2.5rem
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:w-16 {
        width: 4rem
    }

    .lg\:w-20 {
        width: 5rem
    }

    .lg\:w-24 {
        width: 6rem
    }

    .lg\:w-4 {
        width: 1rem
    }

    .lg\:w-5\/12 {
        width: 41.666667%
    }

    .lg\:w-6 {
        width: 1.5rem
    }

    .lg\:w-60 {
        width: 15rem
    }

    .lg\:w-7 {
        width: 1.75rem
    }

    .lg\:w-7\/12 {
        width: 58.333333%
    }

    .lg\:w-8 {
        width: 2rem
    }

    .lg\:w-9 {
        width: 2.25rem
    }

    .lg\:w-\[160px\] {
        width: 160px
    }

    .lg\:w-\[219px\] {
        width: 219px
    }

    .lg\:w-\[220px\] {
        width: 220px
    }

    .lg\:w-\[508px\] {
        width: 508px
    }

    .lg\:w-\[900px\] {
        width: 900px
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:min-w-\[220px\] {
        min-width: 220px
    }

    .lg\:min-w-\[492px\] {
        min-width: 492px
    }

    .lg\:min-w-\[730px\] {
        min-width: 730px
    }

    .lg\:max-w-\[1280px\] {
        max-width: 1280px
    }

    .lg\:max-w-\[1296px\] {
        max-width: 1296px
    }

    .lg\:max-w-\[200px\] {
        max-width: 200px
    }

    .lg\:max-w-\[528px\] {
        max-width: 528px
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:items-stretch {
        align-items: stretch
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-10 {
        gap: 2.5rem
    }

    .lg\:gap-12 {
        gap: 3rem
    }

    .lg\:gap-16 {
        gap: 4rem
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-y-4 {
        row-gap: 1rem
    }

    .lg\:rounded-full {
        border-radius: 9999px
    }

    .lg\:rounded-b-none {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .lg\:rounded-l-2xl {
        border-bottom-left-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .lg\:rounded-r-2xl {
        border-bottom-right-radius: 1rem;
        border-top-right-radius: 1rem
    }

    .lg\:rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .lg\:border-2 {
        border-width: 2px
    }

    .lg\:border-b-0 {
        border-bottom-width: 0
    }

    .lg\:border-solid {
        border-style: solid
    }

    .lg\:border-black {
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0/var(--tw-border-opacity))
    }

    .lg\:bg-yellow {
        --tw-bg-opacity: 1;
        background-color: rgb(255 207 0/var(--tw-bg-opacity))
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:\!px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .lg\:\!py-3 {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .lg\:px-36 {
        padding-left: 9rem;
        padding-right: 9rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .lg\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .lg\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .lg\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .lg\:pl-12 {
        padding-left: 3rem
    }

    .lg\:pl-7 {
        padding-left: 1.75rem
    }

    .lg\:pr-2 {
        padding-right: .5rem
    }

    .lg\:pt-32 {
        padding-top: 8rem
    }

    .lg\:pt-36 {
        padding-top: 9rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-start {
        text-align: start
    }

    .lg\:shadow-\[3px_3px_0_\#000\] {
        --tw-shadow: 3px 3px 0 #000;
        --tw-shadow-colored: 3px 3px 0 var(--tw-shadow-color)
    }

    .lg\:shadow-\[3px_3px_0_\#000\],
    .lg\:shadow-\[8px_8px_0px_\#000000\] {
        box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .lg\:shadow-\[8px_8px_0px_\#000000\] {
        --tw-shadow: 8px 8px 0px #000;
        --tw-shadow-colored: 8px 8px 0px var(--tw-shadow-color)
    }
}

@media (min-width:1280px) {
    .xl\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:h-\[325px\] {
        height: 325px
    }

    .xl\:min-h-\[400px\] {
        min-height: 400px
    }

    .xl\:w-1\/5 {
        width: 20%
    }

    .xl\:w-4\/5 {
        width: 80%
    }

    .xl\:w-\[608px\] {
        width: 608px
    }

    .xl\:max-w-\[1296px\] {
        max-width: 1296px
    }

    .xl\:max-w-\[565px\] {
        max-width: 565px
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:gap-16 {
        gap: 4rem
    }
}

@media (min-width:1536px) {
    .\32xl\:w-2\/5 {
        width: 40%
    }

    .\32xl\:w-3\/5 {
        width: 60%
    }

    .\32xl\:w-\[648px\] {
        width: 648px
    }

    .\32xl\:max-w-\[1520px\] {
        max-width: 1520px
    }
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right);
    top: max(16px, env(safe-area-inset-top));
    top: var(--toastify-toast-top)
}

.Toastify__toast-container--bottom-left {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: max(16px, env(safe-area-inset-left));
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: max(16px, env(safe-area-inset-bottom));
    bottom: var(--toastify-toast-bottom);
    right: max(16px, env(safe-area-inset-right));
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: env(safe-area-inset-left);
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: env(safe-area-inset-right)
    }
}

.Toastify__toast {
    --y: 0;
    border-radius: 6px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    touch-action: none;
    z-index: 0
}

.Toastify__toast--stacked {
    position: absolute;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s;
    width: 100%
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    bottom: 100%;
    content: "";
    height: calc(var(--g)*1px);
    left: 0;
    position: absolute;
    right: 0
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .5s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: #ffffffb3;
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: var(--toastify-toast-bd-radius);
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--wrp {
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    height: 100%;
    opacity: .2;
    opacity: var(--toastify-color-progress-bgo);
    width: 100%
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        opacity: 1;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(-110%, var(--y), 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-duration: .3s;
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-duration: .3s;
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--top-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in
}

.Toastify__slide-exit--bottom-center {
    animation-duration: .3s;
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

/*# sourceMappingURL=main.ce3ee6c2.css.map*/