:root {
    --header-height: 72px;
    --navdsp-height: 100px;
    --navexd-height: 100px;
    --bg-container: #020219;
    --content-color: hsla(0,0%,100%,0.5019607843137255);
    --point-color: #a0f;
    --section-inner-width: 1200px;
    --gutter-width: 200px;
    --color-exd: #fd0;
    --color-hsp: #04f;
    --color-epic: #ff002e;
    --color-legendary: #ff0;
    --color-rare: #3391ff;
    --color-uncommon: #00b267
}

@-webkit-keyframes animCircle {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes animCircle {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

html {
    background-color: var(--bg-container)
}

.v-application a {
    color: inherit;
    text-decoration: none
}

.v-application button {
    border-radius: 0
}

.v-application em {
    font-style: normal
}

.v-application img {
    vertical-align: top
}

.hidden {
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    top: -1px;
    width: 1px;
    height: 1px;
    font-size: 0
}

[class^=ico-] {
    display: inline-block;
    vertical-align: middle
}

    [class^=ico-].ico-nano {
        width: 16px;
        height: 16px;
        margin: 0 2px
    }

        [class^=ico-].ico-nano:before {
            width: 16px;
            height: 16px
        }

        [class^=ico-].ico-nano.add-inside {
            padding-left: 20px
        }

    [class^=ico-].ico-xs {
        margin: 0 2px
    }

        [class^=ico-].ico-xs, [class^=ico-].ico-xs:before {
            width: 20px;
            height: 20px
        }

            [class^=ico-].ico-xs.add-inside {
                padding-left: 24px
            }

    [class^=ico-].ico-ss {
        margin: 0 2px
    }

        [class^=ico-].ico-ss, [class^=ico-].ico-ss:before {
            width: 24px;
            height: 24px
        }

            [class^=ico-].ico-ss.add-inside {
                padding-left: 28px
            }

    [class^=ico-].ico-sm {
        margin: 0 4px
    }

        [class^=ico-].ico-sm, [class^=ico-].ico-sm:before {
            width: 32px;
            height: 32px
        }

            [class^=ico-].ico-sm.add-inside {
                padding-left: 36px
            }

    [class^=ico-].add-inside {
        position: relative;
        width: inherit;
        height: inherit;
        background: none;
        margin: 0
    }

        [class^=ico-].add-inside:before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.ico-hydra {
    background: url(data:image/webp;base64,UklGRtICAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSMsBAAABkFXbbthKF4IhiMGYQcWgZmAxsBhEDGIGLQNDCIRCMARDuB9x+wZCREwAfkzm9Yjeq9WE/yjlUM2qak0tQv6SWhMtGv4+Xa3UZ6u/SaiGjcXt+pScNeSH3DS3wZ+HaXj+Iq1ILHvP8blNkpxHfrpsUsS/RoYASFl0Q7popFtTDd5nASAXvx4PdQDiuU6Sa10V93ztlqsLECUPkmuWcV1NASUXOclxSEGKWkjyNXmfAOYrZBaSVSNZLR+SU4bqIgkgAIhc5CgPq1oXOQX34OcLkMml2syVHAn7qEB+5nEmwMkjt26N6wkgPifgADxN8kRKi65xav+IfuqLZEbcQJJlFuNLPfQ122LwpgKIYpLsa+V33BrJcZGcqABKwpvkdXHR7Wz54NcKA2CA8qt6baprNwHd4dotU7NHGTvfKYDYXcVqCrWdAglASkDeqUVCkTY2gh/T5pISgLi29SfcpmUXAK6P4PrbZGStAJAiJ9PrkipArUBWubqVbIGtNPN3RLfeo5ezR/Po1qPJDrmZvR5xNrPo5r0cJc7aBN/Fm3tvET2iunf3/gzBz9Y9Th+v3seIfoS1hD9KeIt+RO+91KMI/mOyWo7jsHBL+BEAVlA4IOAAAAAwCACdASogACAAPm0qk0akIiGhMBgIAIANiWwAnTlBfgH4gdCFIvgH4m0pH/AfaTcqv7Ab5L1gHoAeUj7AH7P/sZ7MH//AkniMAAD+8ZB86r9BaBiK2JuwV2C/q2v6qljotN/TjYOm6SUHP3Nc5Uyzxloq/Sfu+mysPZ9nBBfcNzfftH3E1RP5zDeJd+XiTzP1/wG9h9XIOXkebkLyp8TxfzPTd6/pI5o6uG4xtsISc1lXNbRGbzXoy6hqva/0lZpduSjgeM2Qt2AHLHPMt7KquAubme3v1EV6zvPlF0eAAA==) 0 0/cover no-repeat
}

    .ico-hydra.add-inside:before {
        background: url(data:image/webp;base64,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) 0 0/cover no-repeat
    }

.ico-hydra2, .ico-hydra2.add-inside:before {
    background: url(data:image/webp;base64,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) 0 0/cover no-repeat
}

.ico-darco, .ico-darco.add-inside:before {
    background: url(data:image/webp;base64,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) 0 0/cover no-repeat
}

.ico-wemixcredit, .ico-wemixcredit.add-inside:before {
    background: url(data:image/webp;base64,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) 0 0/cover no-repeat
}

.ico-wemix, .ico-wemix.add-inside:before {
    background: url(data:image/webp;base64,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) 0 0/cover no-repeat
}

.ico-wemixbox {
    background: url(data:image/webp;base64,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) 50% 50%/100% auto no-repeat
}

.ico-mir4box {
    background: url(data:image/webp;base64,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) 50% 50%/100% auto no-repeat
}

.loading-circle {
    background-color: #fff
}

    .loading-circle circle {
        -webkit-animation: animCircle .75s linear infinite;
        animation: animCircle .75s linear infinite;
        -webkit-transform-origin: 32px 32px;
        transform-origin: 32px 32px
    }

.wrap-dropdown, .wrap-dropdown .btn-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .wrap-dropdown .btn-dropdown {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        border: 1px solid hsla(0,0%,100%,.15);
        padding: 12px 16px;
        height: 40px;
        background-color: hsla(0,0%,100%,.05);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .wrap-dropdown .btn-dropdown:after {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            background: url(data:image/webp;base64,UklGRsQAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGAAAAABN0AkQBokG2WE1YgIfDrBNLJtJ59QQC6ADlBoFD43EG7/LXzefRf3dUT/FaZtw7hDv4QUTeMbqPHKuOotrBs9t2KyHkRYLNaMCIsyeLwer4BVsApSQkpMCan5/CGaiAlWUDggPgAAAPACAJ0BKiAAIAAuTTabTaEkJCQEAExLSAAJhI8nmBYAAP0x///sh//+LP//7qv//c9v//3RWn//qQkFAAAA) 0 0/cover no-repeat
        }

    .wrap-dropdown .message {
        margin-left: 20px;
        font-size: 20px;
        font-weight: 700;
        color: #fff
    }

    .wrap-dropdown + .tab-rounds {
        margin-top: 24px !important
    }

.title-page {
    margin-bottom: 48px;
    line-height: 1.18;
    color: #fff;
    font-weight: 700;
    font-size: 32px
}

.wrap-thumb-profile {
    overflow: hidden;
    display: inline-block;
    width: 120px;
    height: 120px;
    vertical-align: top
}

    .wrap-thumb-profile .base-profile {
        display: block;
        height: 100%;
        background: url(data:image/webp;base64,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) 0 0/cover no-repeat
    }

    .wrap-thumb-profile.by-wemix .base-profile {
        background-image: url(../../static/img/bg-wemix-profile.1c54adc3.webp)
    }

    .wrap-thumb-profile > img + .base-profile {
        display: none
    }

.wrap-signin {
    text-align: center
}

    .wrap-signin .desc {
        display: inline-block;
        margin-top: 16px;
        width: 148px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -.14px;
        color: hsla(0,0%,100%,.75)
    }

    .wrap-signin .wrap-button {
        margin-top: 16px
    }

        .wrap-signin .wrap-button .btn-max {
            min-width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .wrap-signin .wrap-button .btn-max:disabled, .wrap-signin .wrap-button .btn-max[aria-disabled=true] {
                background-color: hsla(0,0%,100%,.05)
            }

        .wrap-signin .wrap-button + .info-char {
            margin-top: 16px
        }

.us-dollar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

    .us-dollar:before {
        content: "$";
        margin-right: 1px
    }

html {
    overflow-x: auto;
    min-width: 960px
}

.v-application {
    background-color: var(--bg-container) !important
}

.v-application--wrap {
    min-height: 100%;
    width: 100%
}

    .v-application--wrap .v-main {
        width: 100%
    }

.v-application .container {
    /* padding: var(--header-height) 0 0; */
    width: 100%;
    max-width: none
}

.v-application .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    line-height: 1.75;
    font-size: 16px;
    color: var(--content-color)
}

    .v-application .contents > div, .v-application .section {
        width: 100%
    }

        .v-application .section:first-of-type {
            margin-top: 0
        }

.v-application .section__inner {
    margin: 0 auto;
    width: var(--section-inner-width)
}

.v-application .section .section__inner > .title, .v-application .section > .title {
    margin-bottom: 40px;
    line-height: 1.17;
    color: #fff;
    font-weight: 700;
    font-size: 48px !important
}

.v-application .section .divide-half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px 0
}

    .v-application .section .divide-half > .area {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: calc(50% - 10px)
    }

    .v-application .section .divide-half .description p {
        margin-bottom: 20px
    }

.v-application .wrap-grid {
    display: grid;
    grid-template-columns: 896px 40px 264px;
    grid-template-rows: auto;
    grid-template-areas: "timeline . side";
    padding-top: 32px
}

    .v-application .wrap-grid .grid-timeline {
        grid-area: timeline
    }

        .v-application .wrap-grid .grid-timeline:only-child {
            grid-column-end: none
        }

    .v-application .wrap-grid .grid-side {
        grid-area: side
    }

    .v-application .wrap-grid .sidebar {
        position: sticky;
        top: 84px;
        left: 0
    }

#part3 {
    margin-top: 160px
}

.v-application p {
    margin-bottom: 0
}

.v-application--wrap .v-main {
    margin: 0 auto;
    padding-left: 0 !important
}

.viewer-container .viewer-button.viewer-close {
    top: 0;
    right: 0;
    width: auto;
    height: auto
}

    .viewer-container .viewer-button.viewer-close:before {
        content: "";
        position: static;
        width: 56px;
        height: 56px;
        background: url(data:image/webp;base64,UklGRrYBAABXRUJQVlA4WAoAAAAQAAAAbwAAbwAAQUxQSO0AAAABZ2CQbeTcHcEV4Y0+IiI41gfgRpLtqjpo8AiBwnw+OgUNacgQSAVMihBwxRcnqafO3bvHpiqi/wrbtm3UwQuC/CBfT6cC143tnMDdWpF9HlWw3t8+spcmqDqLbK0poM+axINLAJYAKgVQCpgkIEkg0gCkEZZIUCIhqQSkYkvGlIwlHUM6ZR0o6UBRD/oFPbjnuqA+irx17vN6f/qounTTf018fO7oGBPxolOeiHWGi5LjohTwsIiHJfiW4WvA1oKtCVcbrgGYhmAahGcYngAsEVhCcMTg6MFVZyIgncgu8GpYx6+MsaBnIF8WRwAAVlA4IKIAAACwDACdASpwAHAAPm0qk0YkIiGhLl6IAIANiWkAFte+AP4B+AH6AfwD9/e/weChtUoScrap6XNPQq2NfQtla+K5kYP+rzt93wAWJqIpCuk3ZWRrAPCyH6A9SDAdq2s+ER1yuGOPlFhXcWoFQRAawAD++5zCF+HWj8Owb8GZn4hD8Pn/EPlfpka/4jX//27ZB/EIfh8/4k//4Uj38PofEOgAAAA=) 50% 50%/cover no-repeat
    }

.footer {
    background-color: #000;
    padding: 28px 0;
}

    .footer .copyright {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.2;
        font-size: 12px;
        color: hsla(0,0%,100%,.5)
    }

        .footer .copyright:before {
            content: "";
            display: block;
            margin-right: 8px;
            width: 51px;
            height: 10px;
            background: url(data:image/webp;base64,UklGRs4BAABXRUJQVlA4WAoAAAAQAAAAZQAAEwAAQUxQSHsBAAABgGrbdp1qu6LietWNq4urC4oqjqtrFSji4tb/q5xAeXxAREyAFjOTpMXMJOlsZpLO1o+SNFqBuo763yrcLci37kmSRvOXeVSbrK8CNAVodkDSTj9JSnRX/PrnjHTHJvKknSRd6b+nuJMUKmDZaNdsQHUmoFYg9WopBWDtFPc96k+ASdoBk7QDsclAHIGllyWFCgQvyv2MDCRJGUiSMpCaFTgNwPqcLkD6JXeoUoHyQv41wCatwOmXjcAiXYDxizb3LRMwSwmYD7tv7Xv8t2QgSiOwHOa/Z3ffsgJBGoDtsNvevkf94+7Atm0bUA+Lcr+Lp8PvGoGHmdkDmH7XBGRJmoH5d12AqZmA61MXYHphB6IUAKIUgNvH7EBsAnB7JhRgfCEBJS+lKUsuwNIp7vKGO3BqBFSvllIAVnm1tJLhPx74t6HjX48bgCq3AMHpbqHjS0p7hXIehvkGdTurna2fpMnMoqTJzKKkycyigpllbzazPwXzlzmqTdYHAFZQOCAsAAAAcAMAnQEqZgAUAD5tNphJJCMioSJIAIANiWkAABF07xWZeLaAAP77IYAAAAA=) 50% 0/auto 100% no-repeat
        }

    .footer .powered-by {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        line-height: 1.2;
        color: hsla(0,0%,100%,.5)
    }

        .footer .powered-by:before {
            content: "";
            display: block;
            margin-right: 8px;
            width: 14px;
            height: 14px;
            background: url(data:image/webp;base64,UklGRqIBAABXRUJQVlA4WAoAAAAQAAAAHAAAGwAAQUxQSFUBAAABkFXbVh1LSwISkICEIyEScNA4KBx0HBAHFQdHAtfBkYCE/ZFHWYiICeCl7XNJy3fj5/RZUowxPKSoP1jIW+I2t5DnN/+0Gq+7ojx99Jf5scQqd6ZI3KaZbBaAHJEvKSJzb6KrXjD55aPKYw129Rt2GaRwnrvjGmyeIC2HqnqTe+I4mctxGdCVORe3TRXfWd9gqgHmG+GQe2JXZ7akfSVNh2JW0A6HGq7B2oqKNtXFf0kzq5MVgxVnUjEljZW0RcXjckSLohFFqU1WOPEX4IEk1aJN27JFd0I7hyq4Y2YF1pxFfXIOTlVyA9ZJ8wS4zqzT8c4h41rUqDKgqbHWICq5cXsok5YD5ZsJdWQ85nCgy7g9VbPK00cVSBH55pCZeCwaXE0zXerMZT7kiHxD08z8WGIVHpuivkofReFlDkVNd+mz5Jn3NaT5HWOE5Mbv2+5LCu/GMwBWUDggJgAAANACAJ0BKh0AHAA+bTSWR6QjIiEoCACADYlpAAA9o6AA/vshgAAA) 50% 0/auto 100% no-repeat;
            opacity: .5
        }

.footer__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin: 0 auto;
    width: var(--section-inner-width);
    height: var(--footer-height)
}

.footer__inner, .footer__list-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__list-external {
    visibility: visible;
    padding-left: 0
}

    .footer__list-external li {
        list-style: none;
        margin-left: clamp(10px,1.5vw,30px);
        min-width: 56px
    }

        .footer__list-external li:first-of-type {
            margin-left: 0
        }

        .footer__list-external li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-width: 56px;
            padding: 0 10px;
            height: 100%
        }

            .footer__list-external li a[target=_blank]:after {
                content: "";
                display: block;
                margin-left: 6px;
                width: 9px;
                height: 9px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUVFNDM3NzlGODU2MTFFQkFEODVERTUzODU2RTc0ODMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUVFNDM3N0FGODU2MTFFQkFEODVERTUzODU2RTc0ODMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRUU0Mzc3N0Y4NTYxMUVCQUQ4NURFNTM4NTZFNzQ4MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRUU0Mzc3OEY4NTYxMUVCQUQ4NURFNTM4NTZFNzQ4MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpBHD3YAAACLSURBVHjarNDBDYAgDIVh6iTggjqho6iL2FoiHCAVWuUl/8GDXwBARFcNOAQAZxhNbtAkiNKpWs3c2YN6C9zG+QKLbyRFRFKBO+jZnr7j0ALViOfACkmIK6CXK2gQE9RC1FAPUUEapAtpkSZkQTKE3PUHKRqCZEhEzOOf1nTP4iRfoNhSX8e6W4ABALKExw70ZPLgAAAAAElFTkSuQmCC) 0 0/cover no-repeat
            }

            .footer__list-external li a img {
                min-width: 56px
            }

.is-mobile .footer .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.v-application .gnb {
    --gnb-bgcolor: #000;
    --gnb-item-width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: var(--header-height);
    color: #fff;
    background-color: var(--gnb-bgcolor);
    -webkit-transition: height .4s ease;
    -o-transition: height .4s ease;
    transition: height .4s ease
}

    .v-application .gnb:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: hsla(0,0%,100%,.1)
    }

    .v-application .gnb a {
        color: inherit;
        text-decoration: none
    }

.v-application .gnb__bi {
    visibility: visible;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    min-width: var(--gnb-item-width);
    font-size: 0;
    -webkit-transition: min-width .4s ease;
    -o-transition: min-width .4s ease;
    transition: min-width .4s ease
}

    .v-application .gnb__bi, .v-application .gnb__bi .link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        height: 100%
    }

        .v-application .gnb__bi .link {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-pack: center;
            -ms-flex-align: center
        }

            .v-application .gnb__bi .link:before {
                display: block;
                content: "";
                width: 80px;
                height: 20px;
                background: url(../../static/img/gnb-bi-xdraco.b96974da.svg) 50% 50%/cover no-repeat;
                -webkit-transition: -webkit-transform .4s ease;
                transition: -webkit-transform .4s ease;
                -o-transition: transform .4s ease;
                transition: transform .4s ease;
                transition: transform .4s ease,-webkit-transform .4s ease
            }

.v-application .gnb__left, .v-application .gnb__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.v-application .gnb__right {
    gap: 4px;
    margin-right: 8px
}

.v-application .gnb__list {
    visibility: visible;
    padding: 0;
    height: 100%;
    line-height: 1.33;
    font-weight: 700;
    background-color: transparent
}

    .v-application .gnb__list .wrap-item {
        margin-left: 10px
    }

    .v-application .gnb__list .v-list-item-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }

    .v-application .gnb__list .v-list-item {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        margin-left: 2px;
        padding: 0 16px;
        min-height: auto;
        line-height: 1.33;
        font-family: Roboto;
        font-size: 18px;
        color: #fff !important;
        text-decoration: none;
        white-space: nowrap;
        background-color: #000;
        -webkit-transition: min-width .4s ease,background-color .3s ease;
        -o-transition: min-width .4s ease,background-color .3s ease;
        transition: min-width .4s ease,background-color .3s ease
    }

        .v-application .gnb__list .v-list-item:before {
            top: auto;
            right: auto;
            width: 100%;
            height: 2px;
            background-color: hsla(0,0%,100%,0);
            opacity: 1
        }

        .v-application .gnb__list .v-list-item:after {
            content: none !important
        }

        .v-application .gnb__list .v-list-item .text {
            font-size: 0;
            background-size: auto 100%;
            background-repeat: no-repeat;
            background-position: 50% 0;
            -webkit-transition: -webkit-transform .4s ease;
            transition: -webkit-transform .4s ease;
            -o-transition: transform .4s ease;
            transition: transform .4s ease;
            transition: transform .4s ease,-webkit-transform .4s ease
        }

            .v-application .gnb__list .v-list-item .text.exchange {
                width: 96px;
                height: 16px;
                background-image: url(../../static/img/nav-exchange.c6b4f39c.svg)
            }

            .v-application .gnb__list .v-list-item .text.exd {
                width: 68px;
                height: 28px;
                background-image: url(../../static/img/nav-exd.da1e0783.svg)
            }

            .v-application .gnb__list .v-list-item .text.dsp {
                width: 70px;
                height: 28px;
                background-image: url(../../static/img/nav-dsp.6a0a9189.svg)
            }

            .v-application .gnb__list .v-list-item .text.collectible {
                width: 150px;
                height: 30px;
                background-image: url(../../static/img/nav-collectible.0737bd4d.svg)
            }

            .v-application .gnb__list .v-list-item .text.mir4nft {
                width: 66px;
                height: 30px;
                background-image: url(../../static/img/nav-mir4nft.e54e0698.svg)
            }

            .v-application .gnb__list .v-list-item .text.draco {
                width: 96px;
                height: 26px;
                background-image: url(../../static/img/nav-draco.5f530b78.svg)
            }

            .v-application .gnb__list .v-list-item .text.hsp {
                width: 86.4px;
                height: 32px;
                background-image: url(../../static/img/nav-hsp.9fe3d077.svg)
            }

            .v-application .gnb__list .v-list-item .text.mirage {
                width: 107px;
                height: 30px;
                background-image: url(data:image/webp;base64,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)
            }

        .v-application .gnb__list .v-list-item[target=_blank]:after {
            content: "" !important;
            margin-left: 10px;
            width: 14px;
            height: 12px;
            min-height: auto;
            background: url(data:image/webp;base64,UklGRrgAAABXRUJQVlA4WAoAAAAQAAAAGAAAFwAAQUxQSGEAAAABP0CQbZs7whCGMINHRAzzAUaRJEkp7i8SkIALvqcCLJz6Z2a3iUBBRP8Vpm3DuEO/4HO/6XT/lc3wyI7XE0bK3RJOsyWsPSGeMBJGuUm5SZlpmWlCQAl8SK/lVMIohVIEAFZQOCAwAAAA0AIAnQEqGQAYAD5tNJZHpCMiISgIAIANiWkAAD2joAD+8UR//kFf/4/k//8eeAAA) 0 0/auto 100% no-repeat
        }

.init-app .v-application .gnb__list .v-list-item[target=_blank]:after {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.v-application .gnb__list .v-list-item:first-of-type {
    margin-left: 0
}

.v-application .gnb__list .v-list-item:hover {
    background-color: #1d1d3c
}

    .v-application .gnb__list .v-list-item:hover:before {
        background-color: #fff
    }

.v-application .gnb__list .v-list-item.v-item--active:not([target=_blank]) {
    background-color: #1d1d3c
}

    .v-application .gnb__list .v-list-item.v-item--active:not([target=_blank]):before {
        background-color: red
    }

.v-application .gnb__list .v-list-item.v-item--active .text:after {
    width: 100%
}

.v-application .gnb__list .v-list-item.v-item--new .text {
    position: relative
}

    .v-application .gnb__list .v-list-item.v-item--new .text:after {
        content: "";
        position: absolute;
        top: -5px;
        right: -9px;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background-color: red
    }

.header {
    --header-btn-width: 44px;
    --header-btn-height: 48px;
    visibility: visible;
    position: fixed;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    .header.v-toolbar {
        -webkit-transition: height .4s ease,margin-top .4s ease,background-color .6s ease-out,-webkit-backdrop-filter .6s ease-out;
        transition: height .4s ease,margin-top .4s ease,background-color .6s ease-out,-webkit-backdrop-filter .6s ease-out;
        -o-transition: height .4s ease,margin-top .4s ease,backdrop-filter .6s ease-out,background-color .6s ease-out;
        transition: height .4s ease,margin-top .4s ease,backdrop-filter .6s ease-out,background-color .6s ease-out;
        transition: height .4s ease,margin-top .4s ease,backdrop-filter .6s ease-out,background-color .6s ease-out,-webkit-backdrop-filter .6s ease-out
    }

        .header.v-toolbar .v-toolbar__content {
            height: inherit !important
        }

    .header .v-toolbar__content {
        display: block;
        padding: 0
    }

    .header .left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header .menu-profile {
        top: 0 !important;
        left: auto !important;
        right: 24px;
        border-radius: 0;
        -webkit-transform: translateY(calc(var(--header-height) + 8px));
        transform: translateY(calc(var(--header-height) + 8px));
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -o-transition: transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease,-webkit-transform .4s ease
    }

    .header .btn-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        visibility: visible;
        padding: 0 8px;
        min-width: auto;
        min-width: var(--header-btn-width);
        height: var(--header-btn-height);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .header .btn-header.btn-text {
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none;
            -webkit-column-gap: 6px;
            -moz-column-gap: 6px;
            column-gap: 6px;
            min-width: auto;
            font-size: 14px;
            font-weight: 700
        }

            .header .btn-header.btn-text[target=_blank]:after {
                content: "";
                display: block;
                width: 9px;
                height: 9px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUVFNDM3NzlGODU2MTFFQkFEODVERTUzODU2RTc0ODMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUVFNDM3N0FGODU2MTFFQkFEODVERTUzODU2RTc0ODMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRUU0Mzc3N0Y4NTYxMUVCQUQ4NURFNTM4NTZFNzQ4MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRUU0Mzc3OEY4NTYxMUVCQUQ4NURFNTM4NTZFNzQ4MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpBHD3YAAACLSURBVHjarNDBDYAgDIVh6iTggjqho6iL2FoiHCAVWuUl/8GDXwBARFcNOAQAZxhNbtAkiNKpWs3c2YN6C9zG+QKLbyRFRFKBO+jZnr7j0ALViOfACkmIK6CXK2gQE9RC1FAPUUEapAtpkSZkQTKE3PUHKRqCZEhEzOOf1nTP4iRfoNhSX8e6W4ABALKExw70ZPLgAAAAAElFTkSuQmCC) 50% 50%/contain no-repeat
            }

        .header .btn-header.download {
            margin-right: 24px;
            width: auto;
            font-size: 16px;
            font-weight: 700;
            white-space: nowrap
        }

            .header .btn-header.download:after {
                content: "";
                display: block;
                margin-left: 6px;
                width: 20px;
                height: 20px;
                background: url(data:image/webp;base64,UklGRvYAAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSIQAAAABT0AQCBobIYNHOiIig+7gtNq2ZfnwCSwS2YDKCi7tq3/DJUJjALvHhe8VPEf0H2HatnHbib0Sfmvg39bRFa2uZVncG83IZBcqugOUUxEauuaNLHXhlDe+RyhDhFYINiC1AaEDCG2UHlIPoU/S5+ET3P3ILLfmtGVnzJm+u+7QnGr4wglWUDggTAAAAFAEAJ0BKigAKAA+aSqRRaQioZjkAEAGhLSAAD+bH19Q6jawcE+jEFxDwgAA/vO6//8tD//lh///ykvf/RP3/wzFP/ygdP/sMAAAAAA=) 50% 50%/cover no-repeat
            }

        .header .btn-header.discord {
            line-height: 0;
            font-size: 0
        }

            .header .btn-header.discord:before {
                content: "";
                display: block;
                width: 24px;
                height: 20px;
                background: url(data:image/webp;base64,UklGRqoBAABXRUJQVlA4WAoAAAAQAAAAMwAAJwAAQUxQSFEBAAABkFXbbthKF4IhCEIhGEIgiMGEQQ2hDBwGLQNBMARBEAR9xJIzfgQiYgKwWI6PaEGahnyOgufLKX5vubffhemZKh5a5bP13ntrR9WJu3/rGg3fUGnl8i1lgX3TmtNdtGTevm1LkO5jJXr7xi3SnazM2Lc+Z7KXTMg3p9tnt3Ybuw0A5IsqumIyFpwAzmkFwJrRCuCluRP4pZRwJ4uUcC+a6sBIVcxbxJjXlKJ41hCWiAJYxktNSQSdGWJJvTg1EvZ/uKUsIg9LZKl2pbwGHLWAPd0lpzQhi4wmpLnfgusB4DBPKgOo6nkZC+4q5osm6qtDl7bUvyF/Qf7GlZLruS6pH1vCGMTjCWkF/zLGII3clQHi78hoPwlg9aQQAJwauWvB/VUPZq5UAIDMk3ZiTlei41FJfAqSdAX0DNmsExbpUndveLi5u7WCJ/mreFykFiQBAFZQOCAyAAAAcAMAnQEqNAAoAD5tNpdIpCMiISVoAIANiWkAACk+M53xDmAAAP77IfgY///t/YAAAAA=) 0 50%/contain no-repeat
            }

        .header .btn-header.language:before {
            content: "";
            display: block;
            width: 24px;
            height: 24px;
            background: url(data:image/webp;base64,UklGRi4CAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSN0BAAABkFXbVh1ZS8KRcCREAhIiAQlxUDgIDmgHKQdISDtAQiTsj0CK7vv4jogJYGoogFfnt+5qN+n1U/Zab7tGet1inBVaAXjpiVaA1nzKLjngenY5EKTXZ1alAtA+0AFQpf0T/5bkQNQnCkCUVJ7Zt6QKcLaz1mMHrNRaz1YBuySVR4fakcNt9prrqdcDc36jhQd/tLmHsK6AxRDC4tN8NaBc6jbA1b82wIM98JjrpQvg0gzVm3TVvDoQ1K3AojkXwKWuwVcvA+skLUDtJVB/A9KsCHz1GmEQgPesBGw9eR4sQJ1VgDiIdeBAm1WBMMhtAKBZJ+CDdxneyngHrIx3wEp/578zDm9xvAIWxytgsR+a+jeNG+Aan8Cifj0HBrRZFQiDnAf+E29gHWxxsALvWRnYBosNIpBnbUDuNai9DMRZAai9AlvvDSyzDGi9ALYdp6QL4JpzAiZJZ470LazZgDqnAEuKizHRwxpTSmUHrJSUtrgG499rZ81b8J+wdSu1PsAvSfVWSkpbXAGLMaVc0q1Jav6E5ZJkQNK9Aa5uBIKk5jz3JiXArk8awJfUnE+96TJg+8QBlw5jYlICOJ4lgK9rY67XBbD25ACIhzPdAbyNDrs5P265c238XgPMmAsAVlA4ICoAAAAwAwCdASowADAAPm02mEikIyKhI4gAgA2JaQAAG4G9Pg4AAP77IYAAAAA=) 50% 50%/cover no-repeat
        }

        .header .btn-header.account {
            position: relative;
            font-size: 0
        }

            .header .btn-header.account:after {
                content: "";
                display: block;
                border-radius: 50%;
                width: 32px;
                height: 32px;
                background: hsla(0,0%,100%,.3) url(data:image/webp;base64,UklGRv4AAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSJMAAAABcBTbbt0YgiAIQiAYQiCEkcUgYdAyMASFgSAYwls1stT/LiImoPwlqxigO2ehhoeNUtCJi0oZGi63BAxnjTs8Eqcei4P79ZhH48Szx1UPxxW5JiUh6ZWTMhSSR0IlKR8KmNTyGfImNxvA0C4rh1UxOE2WiNoxVbdZ3DHdeMo6EDjWCTwQOhbfHcHdh+iRDt/f7x4AVlA4IEQAAACQBACdASowADAAPm0mm02kISKikcCADYlpABbcQOrdG6gaNklvUAsypyco7gAA/vuenu///2RUv/Pj9///qDDUsAAAAA==) 50% 50%/24px 24px no-repeat
            }

            .header .btn-header.account > img {
                position: absolute;
                top: calc(50% - 16px);
                left: calc(50% - 16px);
                border-radius: 50%;
                width: 32px;
                height: 32px
            }

            .header .btn-header.account[data-get-activity=true]:after {
                content: "";
                position: absolute;
                top: 5px;
                right: 5px;
                bottom: auto;
                left: auto;
                border-radius: 50%;
                width: 6px;
                height: 6px;
                background-color: red;
                background-image: none
            }

    .header.v-app-bar--is-scrolled {
        --header-height: 44px;
        --header-btn-height: 44px
    }

        .header.v-app-bar--is-scrolled .gnb__bi {
            min-width: 128px
        }

            .header.v-app-bar--is-scrolled .gnb__bi .link:before {
                -webkit-transform: scale(.72);
                transform: scale(.72)
            }

        .header.v-app-bar--is-scrolled .gnb__list .v-list-item {
            min-width: auto
        }

            .header.v-app-bar--is-scrolled .gnb__list .v-list-item:before {
                opacity: 0
            }

            .header.v-app-bar--is-scrolled .gnb__list .v-list-item[target=_blank]:after {
                margin-left: -2px;
                -webkit-transform: scale(.8);
                transform: scale(.8)
            }

            .header.v-app-bar--is-scrolled .gnb__list .v-list-item .text {
                -webkit-transform: scale(.8);
                transform: scale(.8)
            }

        .header.v-app-bar--is-scrolled.headroom--unpinned {
            margin-top: calc(var(--header-height)*-1) !important
        }

        .header.v-app-bar--is-scrolled.headroom--not-top {
            background-color: rgba(22,22,48,.6) !important;
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px)
        }

            .header.v-app-bar--is-scrolled.headroom--not-top .subnav {
                --navdsp-height: 60px
            }

                .header.v-app-bar--is-scrolled.headroom--not-top .subnav.dsp .logo {
                    height: 36px
                }

                .header.v-app-bar--is-scrolled.headroom--not-top .subnav.exchange .logo {
                    height: 20px
                }

.v-dialog {
    border-radius: 0;
    background-color: #fff;
    width: 100%
}

    .v-dialog .btn-close {
        position: absolute;
        top: 10px;
        right: 10px
    }

        .v-dialog .btn-close .v-btn__content {
            opacity: 1 !important
        }

    .v-dialog .content {
        position: relative;
        padding: 24px;
        color: #000;
        font-size: 20px
    }

    .v-dialog.wemix-login {
        width: 500px;
        height: 800px
    }

    .v-dialog.dialog-card {
        overflow: visible;
        width: auto;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .v-dialog.dialog-card .v-card {
            background-color: inherit;
            -webkit-box-shadow: inherit;
            box-shadow: inherit
        }

        .v-dialog.dialog-card .btn-close-dialog {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 16px auto 0;
            border-radius: 50% !important;
            width: 44px;
            height: 44px;
            font-size: 0;
            background-color: hsla(0,0%,100%,.3)
        }

            .v-dialog.dialog-card .btn-close-dialog:before {
                content: "";
                display: block;
                width: 12px;
                height: 12px;
                background: url(data:image/webp;base64,UklGRrQAAABXRUJQVlA4WAoAAAAQAAAAFwAAFwAAQUxQSGcAAAABJ0CQbZvayHazR0SwPBgEQNuGtgb2BFwB10BT/IvaYBoi+i8kSDTwBQl2h3n3IldmbeZ00AgWNGXmAwgqPkzBVFTFFEzhR8xk9oLcf3yaEyyHMfMBjGABXlzBFEylisJ0mEArSF4HAFZQOCAmAAAA0AIAnQEqGAAYAD5tNJZHpCMiISgIAIANiWkAAD2joAD++yGAAAA=) 50% 0/cover no-repeat
            }

    .v-dialog.wemix-qr-wrap .dialog-header {
        margin: -24px -24px 0
    }

    .v-dialog.wemix-qr-wrap .nft-buy-qr {
        font-weight: 500
    }

        .v-dialog.wemix-qr-wrap .nft-buy-qr .contents-center {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
            flex-flow: column wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .v-dialog.wemix-qr-wrap .nft-buy-qr .contents-center .title {
                width: 112px;
                height: 48px;
                background: url(data:image/webp;base64,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) 0 0/100% auto no-repeat;
                font-size: 0 !important
            }

            .v-dialog.wemix-qr-wrap .nft-buy-qr .contents-center .desc {
                margin-top: 15px;
                font-size: 14px
            }

            .v-dialog.wemix-qr-wrap .nft-buy-qr .contents-center .count {
                margin-top: 3px;
                font-size: 16px
            }

                .v-dialog.wemix-qr-wrap .nft-buy-qr .contents-center .count span {
                    font-weight: 800;
                    color: #e00
                }

            .v-dialog.wemix-qr-wrap .nft-buy-qr .contents-center .qrcode-area {
                width: 300px;
                height: 300px;
                margin: 3px 0 7px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .v-dialog.wemix-qr-wrap .nft-buy-qr .contents-center .qr-wemix {
                width: 65px;
                height: 18px;
                background: url(data:image/webp;base64,UklGRnAEAABXRUJQVlA4WAoAAAAQAAAAgQAAIwAAQUxQSOUCAAABoBXbtlXXGhKWhCkBCVMCEpaDsxwEB8EB20FwMOOAOJgSloT+wSP3ks1/REyALltbskPfvprpkcfg8lafxxN6tNGKzNsXkPVZyif0qehiqQlLeRD7gbnotxOkPYYl6foPLUl7ih/SdF6LrJadLMnyDJ+k6XzEFbQDWbL8ERtr9SKpDLW6/W8Ogy42BiXzkawznjmQuwlYdgm4pOCi7zw4/NBHZ7/ZQQBVciAOEqhSMunqTBGsJ2pkuZ9z3jn3SwrAJVUgpUrapbXLYJOGulPSbvK9HA6SEvgZ/cV+dk8grjkQkjagSkHV5djkkFIy7hpxk6pzAzBJAaySDKBcUgAuBzbJwE7+bYPUQyOJCsy70vG7OZCS9AImSdoN1xwIrYBLldDpxiQxa2LFHLadphjfg19TAA6EpBdNUnFJsGhg0kzFGxtld/G9OMcuKXBJiWuAkDMqulNnGq4xMzPekeIgJCkZpAqTRkhVXFsYU3RjVvYIuMcW+6/7+IHvwKTMHpr4QROmvoqlhzIqVbrLcd5HAYTOKnXtWvuMvVBhVn4z69UzdZ+e+7hRAnmQRPRUw7doDJEaaNqgqUGVyl2qzm9S2dfdmpk5ymmsI3ULOaNe4BpISQPbW8qD3J33pA20vqrhmqFIQ5FUWd9RBX6AJmmM5SDACy8mTZgaXacv2jtKyKFDL1Khl90Mpp40rUi2tbPOcDS8kwosmoBJUjDtnJQSRkXqcmXTsQGYpBUISQZQ/kYCJgN6kZxeJKm6tMKgjGtJPVEAm/sn+8XHHyB18r0cjvf4ByySApgkBdNu/4IilksfpM6d8+Tcz06nW1gCLsmBXiSH4WSiy5iuGNQLsu2gT5qPwvUnPoDQPoBJ0kzaUWXTQL1gyaLr5rV6kVS81tH0PjfSDlQHaSxnlmT5xfu2JO3gl5ak6Sltg4/ffXTS9KAzZC1XSkuYix51TOCruUk2tKVDuh63Bpej6pGtfm0dei7N9KAAVlA4IGQBAAAQCwCdASqCACQAPm02mEgkIyKhJNQJuIANiWIA1avC+3cjNxdG1eG7D/bB2gPEl6SnmA/WP9JfeH6QD+udQx+x3sAfpL6S37LfBR+3foyACgjJkH5SJwdOGZl6a7isf/5AAP7sl43wG6GF/XmID+uhG3//7TohYy0TZHtB+ffk0Ab5evP+e+G7ZOiXvPHz/+3S6PNKhfSDueVqyOR+Hw6HQlweMWuhKDemkZuuz3o1tUnIRavOMmURb9nv//1//bCYh00cbrRCcuHTQf7EgFTNSWdjKRzx/IVhDW8th/rqZcEE5zO/6GXz/8LW03A1JxfK0WNgbn8tgeFfcqgLwLIjEc4w8faeYk+db75+++jqp+ycrmYbIEJNV3zU563FRHD81zi8OWEAPlXv1WsrVf7Kl5dHE6Ihxd2neOX66/zTKWfw2OymRxsn0ID0hRmtMUPzdkYJmxWueXV/Ier/6oiC7gAAAA==) 0 0/100% auto no-repeat;
                font-size: 0
            }

        .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area {
            -ms-flex-flow: wrap;
            flex-flow: wrap;
            padding: 28px 0 24px;
            background-color: #e8e8e8;
            gap: 20px 17px
        }

            .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area, .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-item {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column wrap;
                    flex-flow: column wrap;
                    text-align: center
                }

                    .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-item .step-title {
                        display: block;
                        font-size: 14px;
                        font-weight: 800;
                        color: #000
                    }

                    .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-item .step-img {
                        display: block;
                        width: 56px;
                        height: 56px;
                        margin: 5px 0 9px
                    }

                    .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-item.step-1 .step-img {
                        background: url(data:image/webp;base64,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) 0 0/100% auto no-repeat
                    }

                    .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-item.step-2 .step-img {
                        background: url(data:image/webp;base64,UklGRgQCAABXRUJQVlA4WAoAAAAQAAAAbwAAbwAAQUxQSLgAAAABZ2CQbeTYHcHX5D4iIvj1OgBqtW3Lm+cEF2D+VLJDXDx7js4CTEswx7Lncvt9W5W/R1U1ov8TgPfRnlTaHis2fF6SSu/wJ2mlvf0D8abf2vBupQgjAMQbw9oALBSlB3jkyEAoUkObxXJj8T6wxF5Y6q8sY8lyVP/+/3uXLMdXlvELS/2BJXZg8RVYrILFgCeOMrDg8ADijWFtALBiiACAeNNvbXiHon4OfNzV7BjC59G+1OdYseE9VlA4ICYBAADwDACdASpwAHAAPm0ylEckIyIhKwgAgA2JaQDV2UG/q/AH8z/CCOAvwD8M3gAam7/AfbMKa/XTxiCIvAJsDbov2Z0vLxEZAJ3ecYK6RnZEfItsUpKGvFMIfj92sn+rHClNYuHrztIKJ54fBRgsREgAAP77IYAdXOWSBdfwWK6cwTRbBxrd9t/J7cU6cMRzlt8kEQdpJfsKJ1tSX/05A/rH/n5Lfe2g4qWH/dz29OPeMmillipL+WUDiC24vmMv4JvPk1OR/wTf+TG20eZsRqQzVnVbRnfpX//yQT+0lJKeZcovQ0Qi+Ib1UPD/+ncP7fSJW0OHgogccrZ38b85UvXGeYeaUIEgtmbr55kAHKO4Jx5YbW/Jd0M/AmMQFqzcrrV7AAAAAAA=) 0 0/100% auto no-repeat
                    }

                    .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-item.step-3 .step-img {
                        background: url(data:image/webp;base64,UklGRigDAABXRUJQVlA4WAoAAAAQAAAAbwAAbwAAQUxQSLgAAAABZ2CQbeTYHcHX5D4iIvj1OgBqtW3Lm+cEF2D+VLJDXDx7js4CTEswx7Lncvt9W5W/R1U1ov8TgPfRnlTaHis2fF6SSu/wJ2mlvf0D8abf2vBupQgjAMQbw9oALBSlB3jkyEAoUkObxXJj8T6wxF5Y6q8sY8lyVP/+/3uXLMdXlvELS/2BJXZg8RVYrILFgCeOMrDg8ADijWFtALBiiACAeNNvbXiHon4OfNzV7BjC59G+1OdYseE9VlA4IEoCAADQDgCdASpwAHAAPm00mUekIyKhJV35kIANiWdEdyF/yC3XnXK+Azddi7n+Z5Qfp/9aeGqPyqqqqqqqqg3mM0I2QU7TQWutJMo2Prq5q3/dXA+YK9ujXZ9JLgbW7Ohgrn/N2g7F5LqoV5CMZQ9KzraGzwG7gAKn0Fm9sCIiIhMAAP779gAACeV88ccQn9PyzTvZRzHt0mKcaXin+PzgfTPQJ/yEqwW3e0WrlC7jufDOKKsSKr2B+0K2CLlhcfnMvlESQQKjhinOBGrm56cgIUVYoTZq6GpWZUo4EAunhEmYC7Hg7qRrNyVoGynZS0xlLsmdyOVbsC7UoSMTRaWBuzyrrYSKbZ/XqfnLsFIHzgzIUDvC8x+Tehw81Dxrf9/wnobhj6HOmHdYOPEa0PBNib7N8rWlzmYUD7i6XE8MTPg/3cBldtjsBeOxdiqeggMfduj+oW91WpKcCox+yywG9JYon88/RbbgRbuaQ3qUamwFAMTyLSc/KT5bNrMLnA4Y/eSSy+jp7gE/aAR2CF2FHcQUHj+nsebUAf9tA292oNOVrsThhUeEBcZHcqyAJqKLYfyla2Zryci522oABEoJpBvs3yuRdtTboRCOloloi9+D/dwGV22Ovr8f1h1ZRhKSpwoQOOcWKYjh0J/W1735rsH403boV1YTIkQPFg/5DGYIsh07001remTqsZp38MXNsi1uMrm86c9u4zwAVPGSntTSib4bL0QfLgCtU3y9RT/ETrJI8HCvRgbA7jus+J8vMKzEFcRtIQAAAAAA) 0 0/100% auto no-repeat
                    }

                    .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-item .step-desc {
                        font-size: 12px;
                        font-weight: 400;
                        line-height: 14px;
                        color: rgba(0,0,0,.75)
                    }

                .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .step-next {
                    display: block;
                    width: 32px;
                    height: 32px;
                    margin-top: -11px;
                    background: url(data:image/webp;base64,UklGRqQAAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSFAAAAABL0AmYJnbfgLIISKCdwaqIUl2to5gD+IAHsJDiP44Of5F9F9t2zaMnd7GHIHvJqUXwbpReh3Lqzut0De4Uqf0oy9xxeae4sN7BBvwl/6aAFZQOCAuAAAAkAMAnQEqQABAAD5tNphJJCMioSIIAIANiWkAABA3U1AFeIW5AAD++5zAAAAAAA==) 0 0/100% auto no-repeat
                }

                .v-dialog.wemix-qr-wrap .nft-buy-qr + .step-area .qr-bottom {
                    font-size: 12px;
                    color: rgba(0,0,0,.5)
                }

.v-application .subnav {
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    padding: 0 24px;
    width: 100%;
    height: var(--navdsp-height)
}

    .v-application .subnav .wrap-sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        height: 100%
    }

    .v-application .subnav .logo {
        display: block;
        width: 117px;
        height: 48px;
        font-size: 0;
        background: url(data:image/webp;base64,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) 0 0/auto 100% no-repeat
    }

    .v-application .subnav .nav-dsp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: transparent;
        color: #fff
    }

        .v-application .subnav .nav-dsp .v-list-item-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .v-application .subnav .nav-dsp .v-list-item {
            min-height: 32px;
            padding: 0;
            font-size: 16px;
            font-weight: 700;
            line-height: normal;
            margin-left: 40px
        }

            .v-application .subnav .nav-dsp .v-list-item:before {
                position: absolute;
                left: 0;
                right: 0;
                top: inherit;
                bottom: 0;
                content: "";
                pointer-events: none;
                -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
                -o-transition: .3s cubic-bezier(.25,.8,.5,1);
                transition: .3s cubic-bezier(.25,.8,.5,1);
                background-color: red;
                width: 100%;
                height: 2px
            }

            .v-application .subnav .nav-dsp .v-list-item span {
                white-space: nowrap
            }

            .v-application .subnav .nav-dsp .v-list-item:first-of-type {
                margin-left: 0
            }

            .v-application .subnav .nav-dsp .v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
                color: hsla(0,0%,100%,.4) !important
            }

            .v-application .subnav .nav-dsp .v-list-item.v-list-item--active:before, .v-application .subnav .nav-dsp .v-list-item.v-list-item--active:hover:before {
                opacity: 1
            }

        .v-application .subnav .nav-dsp.v-sheet.v-list:not(.v-sheet--outlined) {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .v-application .subnav .nav-dsp.v-list {
            padding: 0
        }

    .v-application .subnav.exchange .logo {
        width: 159px;
        height: 27px;
        background-image: url(data:image/webp;base64,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)
    }

    .v-application .subnav.exd .logo {
        width: 117px;
        height: 48px;
        background-image: url(data:image/webp;base64,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)
    }

    .v-application .subnav.exd .nav-dsp .v-list-item:before {
        background-color: var(--color-exd)
    }

    .v-application .subnav.nft .logo {
        width: 94px;
        height: 41px;
        background-image: url(data:image/webp;base64,UklGRowLAABXRUJQVlA4WAoAAAAQAAAAGQEAeAAAQUxQSBgGAAABkJVtb9hWgmAIglAIhhAGRwwWBjaDhkHCoGNgCD0MBEEQ/gurseNtdS8jYgLoB4a7RvpMfhmAnT8QUeGn8GHggpMqn4SQ4JpWgPLH4MvgbsvXqhWw80cgFrhFCqA5O7A0f/yAq2uCq/GoAJW5C8lQW06G1/uqFVB44kThPqTgtCXRCth50mKBW+SBZs2HA11nLBxwLSeDa1tcsjlAid8VoDJbIRncvCp8ZSIiVg/Ys1bAzlMVFW6RgtcrufEVdM1aAXeepluBq8uBk096WV4Bmg8HKnMU7nAtJ8PZ71frGWCPzwrQ2wR9GdxtUZw/IeeAe9YK2HlyosItUtD6fLW1QCU7QJoZLnB1uaNdX303ASqHA5VZCclQW06GjnbzbtoB2BetAOUp+TK4+6Loq9nZ0DmJVnje5iMWuEUKepvH1gmaN9gWKT7SXPADrq4J/b/Jf/YCdg63ZABU5iEkQ205GS604FknyxzWLSvcB/8QXtZt30u9b3mJ4c9bFG6RgivtWD2N2mYlUtwMsCRaATsPF1MxtD+3eIGMuXiLjP0iFrhFHrhScxD2mCiK3PREWUNYC3zNhwOVoUJ6orvu3AtjqqcY2wl3uJaTobvdmKm9wLctUtwNZx/xuwJ0GefLcO3Of1EyuFkUVz6oayxQlCWEpGjes1bAzmNwweV6+3Oiwi1ScHHoQnQLgWJBV5VsFZB4AFaM+O9v4QJXlzuuvlN/eVofQNfDgcplrBjz35/iW06Gy9cLiEisD7BHrQC5SjGo8Z+zLYoBb9dQ7AWkrCMkDFv+GikY0kJTKHisfB10/b6Otc3KlnN+aBviX4NBuYUVAHQPzu0C6HGdoNVyIF+0qVykvYtXtLVFm0cyaj3g/vfkZz1blOlkeLYgXMM0dkuk1pFKkzoaqGb9UYxWptNBW+QdebYIXKZ6MfyopWWnxtiyvyOIDepkIqJkuHaA3MItVBqe78hOXyWcYNQPIuINVw9wNDypeWvQd6ReT5CUx16YiBU/rzRsbUsD3pXHmZes+HVy2+09stAkht9nbeP3CEtDVAw5nLxpyqfCE4NO0k7n40eBG4J9EHZqjR+E3ETfHwPlNiqfAqGOy4dgp57h8RFQ7kJBPwFCneMHQKn7Nn/SL+g70Vt+OaULZfbyFfScvHiJzJ3RtTp13xd9T51cs2Lq+Jo4dU+6uMzcdlV8HyT2Db/achWVt4Fp7N+BL+N5U7r+mLbvAXja8gB0zNoyAs9aHIG2SQtDUJmyTGOyTZjSqHHCeBiS6co0sEyWhpFI5kpo7HWmlIiYB6LV5kmISJeRiHWWChElrENROCYpEjGwj0W0TlEhIgV0NGKdICFKADAcUZ4eJWKtbuORzI4QJdTrD6DvuVEiVqf8gPCYg6WbEB3wwzDLIrLcOCbDyec7t2fto0SMl3kUQUfLq71x0LRqDyGSV2UQ1g5FCup37KgAzUebEdHzFfiiQMw32QzN/+WAa7c3jEQr4BFLU6AbTuZrvtDZcjLUlgO9Y0SrVsCe9Rzu6XHGzjy46R86b6JwC9PFbwzx4UAl26nWGJk4ChGVW0O4o2+RAvd/pMvfGSIuFaDr0Q8wAAhEWyC6vYqboasud7i20oDvDZFoBexR+7mRaCGi43aThWJS9LWcDO4W6P0jylYBadVLVqJARE8AZui9LQq3ME0iHw50zVfsVAdcWaTA1UgTyVoBGo+r4gUqd7iWaTJFK2BftVdxjm6Wk8HdAk1nyA4siV7x7PWQArdEmlI+KkDz0WV3Sp8iBa4uNK2LVkCJ3x1yxehpORlqy4FmVrQC9qxNsZfl1eDuTJPLhwNds55TqkNbkQK3RJpgPipA83FKHNIGXQ64JjTJohWwx+cJ9vIpy8lQWw40z6tWwD2rp0RRiCjYiW1RuIVpqvlwoJIdqKEQEW0vihS4/yNNNz8rQOWoAFjZ9/xwdLnDtZWmXLQC9kWdk5aTwd0CzXp2gLTqqX1RuOVGE8+HA835VZECVyNN/k0rQONR6ZrgWg40/6IVsK9qORncPdBHkLMDS0uBWyJ9DPmoXqvQR3HRV5YDfRpFnQfTB5IPoET6ULLQHANWUDggTgUAANAlAJ0BKhoBeQA+bTKURyQjIiElc11QgA2JTdwYEv8rWYD+AfgB+gH8zTzkPf3T8gPCCp/178hPyw6dfebwr+QHyZ0svxr8//1v5leyX+q+wDzAP0X/xv5of1nuAeYD+Zf0/9m/d1/0XqA9AD+r/zX/z+y//nvYd9Az9tfVf/0/7JfAp+1P/l/6XwDfzj+wf+T8//kA9AD0APW/6O/wD8AKb9KTi+MyjlCMRcc0o9AajXjUa8aifd+qdxSnPYC4gGi01+wiIo5on5lMqmn/bFZ5bQ4eRPV/gEoSNZKaYqUYNpboizp2DX5SJIbuQPOP677KnN1uQBqW3Tt4WL1zXZgo0PFp/ZVYmQkgppwLxJEC7Ow5ldJ+nyEUm8SfcRC7ugBYnH+rfmyfmOQBJzBK/5mgajXjUavAAP4U31b4+0iNMaaA1mSKq0yWHTt/4A+YmN0YVCDZN6jpwpYH7ETXVyj6MqutwQfitQ3U+hNTTsumzilhqw/gqgW6S50Ak3tjvOKzANduTAcBS1LL5NYXToZyt8reiX7Oj4at5rL9IaTRnvCBGzoqKLMP2I6qG74UNEcCNAv4NqTZfUImMfmvYAop23ugULKuvFXIb+s4N9rgtAkpKsZ5YK3bnX3kTygsbl574wZbXeV2hncG0S5rH1K3vo3fvPxnCH4cAKu0VLq3Y8KI1JNy1PlELfu+VjeYKndk/uNBzPNo341UTkiv+yrKsFDRWQbn/iH9xDhRtb8L3KNHYdn/AtT0HSDz5vuiw+H9KAye2IT42J9VxDIWl2vACOPmrBv/johTSdWTOXdy+BQNYMPA/w+1E+T0xWATamaIVk0ZXB0STub/9m4tlS9UgGPKG4BcoxFOFXbBj/d2kuUKUvnlYRx+xvuzDno3HadEP/8+wqi/dEI6nQX/U2N7kxzxZc7m8Z9fqBQTDB/7xR1OpKp3k3zQ3PEcMXolux5/pSLZU89BTvpB8jWwXUWKUWTkCcTuS8m3IGbXbLaAes8prwMz/opYZ7refEHAakRxmnxDsTp4EekFgwY2PBsC7wfy/a5IafrTVa7Ro4SIfzWntN5v/vlustxlynYFVxgSEg9QY+j53YyYJTzvsjyzAgjqpDvCAO8uX/+eKz31IC/eU2kP7jpHY5Bb4YiEVgh1VOpc1Sg97f2Lx17mzXVZFme3nBMb6fdiN10nT8CTc0RbIO/4+L5dsJ37MnoaqCVvAntO9bqVtk0UrxIPEByQoXXvdGx1R9MiVeoJSPWiORLkDweiCfT7EuW2SZgxs2Ve9qQ9WdRwWDKBobLhmVxxkXyFf54xVoCwmTFCgchfNA9ZY9uArWt6TPfEld0lPhms6tjAT0ImNL0Beok8RQw4c8Zj4iwVgSXf/1Ku9CiZ5+5uJbeo8uSdSTsL2sxhAsHbIf+8gPmi/o7nG5/8GjvsuLAvrHYaiSBIEf52Ih5B3YVfTqpylc2NqmNQ0fiVBAnj9pAHGp/YHaSDK9qoW+JK0FklM3EXFlkQ5E5PpUKqYTfffy39gbZ+qariI3OEdtFtfVmtYVgm1kVI6K62NvDtPEfSmb/7a4JEy4xX++GoWxvx82nK4BPY/+smwvBHi7vKfQLlbMO1s0WXxiMLtvYC4DfjGoe1pVWPOoQjhebmG8lLIH8djpz06o2mnEbhvwDw/lAvA5Rrz6fWEWNxjHV3mavqHe5PQAluy35hYySTkH17tyTeP1J/DkGdg/W4b0rZfEXBgQMKAdX+SRS+PoArnANLzAL9X4Z1kinPuFcc/JxZChv+qVjSMjf2jmXsrVJp2LdD425VAAAAAAAA)
    }

    .v-application .subnav.collectibles .logo {
        width: 212px;
        height: 40px;
        background-image: url(data:image/webp;base64,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)
    }

    .v-application .subnav.hsp .logo {
        width: 107px;
        height: 44px;
        background-image: url(data:image/webp;base64,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)
    }

    .v-application .subnav.mirage .logo {
        width: 139px;
        height: 44px;
        background-image: url(data:image/webp;base64,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)
    }

.v-application .subnav-block {
    height: var(--navdsp-height)
}

.v-application .btn-top {
    --btn-posX: 16px;
    --btn-posY: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    right: var(--btn-posX);
    bottom: var(--btn-posY);
    border-radius: 50%;
    border: 1px solid hsla(0,0%,100%,.1);
    width: 48px;
    height: 48px;
    line-height: 0;
    font-size: 0;
    background-color: rgba(52,52,87,.7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

    .v-application .btn-top:before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background: url(data:image/webp;base64,UklGRuoAAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSH8AAAABP0AgQJnkQQ+Y4JmICI24B05s23aaS/MopoBlCLjYuOio6H7H/0r+oxcX0X+Fadsw7tAvWMFw0CyobZiuGNqzHVj9e2TDupPNQElhoMpAjUE6hngjv8oAK/KqDBAkjFjLiLUckS5HpCuiV32OMsFH9BkXIEH1l1EiOamAcxAAAFZQOCBEAAAAsAMAnQEqMAAwAD5VIItFo6IhHjQAOAVEtIMUAACg0uJ6RhpRbQAA/TH//+j7U6k0Iv//9H2mR//+kSgZPWs+fELIAAA=) 50% 50%/cover no-repeat
    }

    .v-application .btn-top:hover {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-filter: drop-shadow(3px 3px 4px rgba(42,42,172,.5));
        filter: drop-shadow(3px 3px 4px rgba(42,42,172,.5))
    }

    .v-application .btn-top.btn-activated {
        opacity: 1
    }

    .v-application .btn-top.btn-offset-y {
        --btn-posY: 100px
    }

    .v-application .btn-top.btn-offset-y2 {
        --btn-posY: 180px
    }

@media screen and (max-width:428px) {
    .v-application .btn-top {
        --btn-posX: 8px;
        --btn-posY: 8px
    }

        .v-application .btn-top:hover {
            -webkit-transform: none;
            transform: none;
            -webkit-filter: none;
            filter: none
        }
}

.card {
    --card-width: 240px;
    --card-height: 344px;
    --card-padding-top: 169px;
    --card-top-height: 20px;
    --card-margin-text: 26px;
    --card-thumb-width: 28px;
    --card-badge-size: 52px;
    --card-margin-itemname: 36px;
    --card-name-height: 58px;
    --card-item-name-fontsize: 17px;
    --card-item-type-fontsize: 13px;
    --card-ribbon-width: 190px;
    --card-ribbon-height: 24px;
    --card-ribbon-fontsize: 13px;
    --card-character-thumbnail: 160px;
    --card-power-fontsize: 24px;
    --card-nftid-fontsize: 12px;
    --card-class-size: 32px;
    --card-level-fontsize: 18px;
    --card-level-fontsize2: 11px;
    width: var(--card-width);
    height: var(--card-height);
    -webkit-perspective: 1000px;
    perspective: 1000px;
    cursor: pointer;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease,-webkit-filter .3s ease;
    transition: -webkit-transform .3s ease,-webkit-filter .3s ease;
    -o-transition: transform .3s ease,filter .3s ease;
    transition: transform .3s ease,filter .3s ease;
    transition: transform .3s ease,filter .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease
}

.card__inner {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease
}

.card__layer {
    position: absolute;
    z-index: 1;
    padding: var(--card-padding-top) 0 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(../../static/img/sp-card.88ec48a4.webp) 0 0/calc(var(--card-width)*5) calc(var(--card-height)*5) no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .card__layer.front {
        color: #fff
    }

        .card__layer.front .by-what {
            content: "";
            position: absolute;
            top: 20px;
            left: 20px;
            z-index: 1
        }

            .card__layer.front .by-what.draco {
                width: 24px;
                height: 24px;
                background: url(data:image/webp;base64,UklGRvICAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSKECAAABkFXbbh1JF4IhiMEEQiCEwYjBmEHMoMzAZpBi4GGQZiAIgnA/rDyaQURMAJ4nrYc5ediom+C3EzJD35TzqfIbaf/iGwyBBSSbvLY7FTaczIDy7v6O/JCGpSptBTAu3EarQ17466QLRKwvW64HyVFWSQBSo2+PdpJUALvb2UpWLXW4qQCLkeT+YCdJBZDKlnBz7Wy7M9xv/SPpG16Vzuu/N8RJE7wtxjNwuTLSEt5P1bZOkufFTvKDm1s7zUkbWQKgnEm6kyUQkiw3Bu8OCdAbIGqepk6yAEgyCR/uQTozAKgCENJWIH04ACz2hGcCgMVLO8w9AcqaADGSwOCLY0JlmIGTG6AnJyXJvobaI36m5MGAkNxXzo7vVHApPeAKANUnJiVJJ53M8AdACca0Wp+0TqR96YLzEY6JAgD+x0jWEbVOa8Znyac8jW0l+bVo67y+hz59p5qRSWMs5S2dbMoVGPTIoW+tk096AOKMB+RXGHAoNnrwBewlnWzKJE0PCypQXurTmCpn+wYFSP6KcM7T+D+NGlQA45UeyORlqhoMAOcbO+cBAKut05YCfoDxLB0M16mrTIIReMJy0dZQmzOsACCURPIEcsAPkKPHlqbeACcVSO52tOILUF4xAQBhAYwUAKoAkC0B2Z+NhNnIBYMNAJKbCtAbAOkPPCP8kLTUKRMKaU2S7QCQtJ+RD00IdztJtloQnyTZNmsJsci6CC5T+9k4D1yKczaaRPeXn5765HIFDeYmT9LHM4Tzhrsl8tLZ1jtrdRagTwX3y2QLIHr6qEU11+HmZIMYyYKnm7MnAEnWMki2mrelkfxCSVc8l1HbMGc8AKxGkgbjj+DVwrsK/GPo6gVvS78yyOBVwi+KnoFuznDkhN+WrQ47SLejasJzAFZQOCAqAAAAMAMAnQEqMAAwAD5tNphIpCMioSOIAIANiWkAABuBvT4OAAD++yGAAAAA) 0 0/cover no-repeat
            }

            .card__layer.front .by-what.draco-nft {
                width: 42px;
                height: 24px;
                background: url(data:image/webp;base64,UklGRlwEAABXRUJQVlA4WAoAAAAQAAAAWQAAMwAAQUxQSNADAAABoFZrW1DbeiMQ4YtgBCLY4NBg0UAaLBtgA3cDIrgafBGI8P7gA9F7A0TEBOC/L2cRvFlExL3DbZVklnf47VSS3LWWfXVPBaWp8bkFgab6QPNcn/CFgxqe8aVgN4rgskgNs9zBm1nmuS/pcR2VjIDn6CUz3FZp/y6L/Mokr+QJSYG6ADisqmdO8dzueaVdIxDUooYpH5JV4KC7j/tZSGoSBwDuS35vLIXd3aFNFqn+3kaSK4CgWvYQvF/jfjF7QH4kebkB92W3LOjKYZFZbmwkmQC46DEqQXWvNC/X+VT2BQBE0PbIzY18SNaAuUHZzYZX2jVdjdsqszQa1KKGnpBUwWy381cbRkAKu7tDaQJJamjgkkWqWEqqw4OxrkFJ0m/sF2CI1JUKQA6LzAJgI1lGwqmVJK+8Wgh1QVCO3yMNYFWLGRCSTOgfHNVgIKgA/rBqCpO4ObRBewfJBMBJI7yp0mAvACCF5Clws6ihgRyWkOoB96UCWH53qNJAcy7K1gPQWVQDYgVGB4iSdPhyokrj2W+Ol1wMQCokKZ4k/6Rd1kMNXg3KWHwkbh0hmT1NHE1GV3aDqfFaR5ZHEjUZgbaSEdcNIBnVAXD1M4L6jJ13Sw/WZQL2hhEA/uI+Ul5RrHywZuU9V5vSxOx0YH+FWiGxP4a9qc16Yam99RW0lzhrbSgARIHYcwNLMvcH4GctxtJB6SD3ujLvgnvGN9QgTjvhPQUok1ZDACwkmUNneYMaGUiTDgMAfEM2C0xjVXvG1XN1imhTmvgb8DISOHzj6OGY8mUbmr84Et4RjAtAmbHRlKZKHcjvEINf4O+e+9JMABAKdEDfATXoINU6pV3WvdJU15SAMkB5R7IyEK3bVQBgVeAYCe9wpF55rx5IU+qCVguwj+R3IEUAiOqAWO/pgnYjI6KRGn2JUAOAIwOQ487u0H5I1iUY1MWT8g4kUjdx1wYAEs7a0eRg/qs7SV0tspBhnjuHnJJk9vqF7Rbv/eLQ/VcXJcnik0Vyn/aptLMDgKUhf1XFuOm+ugS2CZCjU8Oc+qNdPOxotJvcWvV00GZHG9QgL5nR1YDB1NkPzcuIi8oCeJL8OQMIapB1Vk0Ow6mpEZBD9Uyr92vcr6qkAn8kfw59OSwyy4wiuJvIn6CVUEheZ45+q2SFkDwchuXPIvN2p3hMXM6Y8nkpTXWAy2zdwRpxO6h1t0bMlYOjGfBK07MIZqY6ITlMl2NA8GE3eUyW404RPCqHGlkKzVo8HhQdUY/nfSqV30qyln11eDioVRNeKyLi8EqXmt3hf1mO4jEXVlA4IGYAAABQBgCdASpaADQAPpFAmkklo6KhLAgAsBIJaQhwACkAAQtT5f51EI5JkzsrqrvzBz8B4AX2qj+DLfH4AAD+I2H/9sP//a7H//aujPqLnlO+seouAAHD9TBGP//Gh4X28QDE2igAAAA=) 0 0/cover no-repeat
            }

        .card__layer.front .class {
            position: absolute;
            top: 6%;
            left: 8%;
            width: var(--card-class-size);
            height: var(--card-class-size);
            line-height: 0;
            font-size: 0;
            background: url(../../static/img/sp-class.c29a80eb.webp) 0 0/100% auto no-repeat
        }

            .card__layer.front .class.arbalist, .card__layer.front .class.class-1 {
                background-position-y: 0
            }

            .card__layer.front .class.class-2, .card__layer.front .class.lancer {
                background-position-y: calc(var(--card-class-size)*-1)
            }

            .card__layer.front .class.class-3, .card__layer.front .class.sorcerer {
                background-position-y: calc(var(--card-class-size)*-2)
            }

            .card__layer.front .class.class-4, .card__layer.front .class.taoist {
                background-position-y: calc(var(--card-class-size)*-3)
            }

            .card__layer.front .class.class-4, .card__layer.front .class.warrior {
                background-position-y: calc(var(--card-class-size)*-4)
            }

        .card__layer.front .level {
            position: absolute;
            top: 6%;
            right: 8%;
            line-height: 1;
            font-size: var(--card-level-fontsize2);
            color: #fff;
            letter-spacing: -.2px
        }

            .card__layer.front .level dt {
                display: block;
                opacity: .75
            }

            .card__layer.front .level dd {
                line-height: 1.14;
                font-size: var(--card-level-fontsize);
                font-weight: 700;
                letter-spacing: -.36px
            }

        .card__layer.front .power-score {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            top: 20px;
            right: 20px;
            line-height: 1.2;
            color: #fff;
            font-weight: 700;
            font-size: 18px;
            letter-spacing: -.18px
        }

            .card__layer.front .power-score:before {
                content: "";
                display: block;
                margin-right: 2px;
                width: 20px;
                height: 20px;
                background: url(data:image/webp;base64,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) 0 0/cover no-repeat
            }

            .card__layer.front .power-score dt {
                position: absolute !important;
                top: -1px;
                left: -1px;
                overflow: hidden;
                visibility: hidden;
                height: 1px !important;
                width: 1px !important;
                font-size: 0;
                word-wrap: normal
            }

    .card__layer.back {
        padding: 9px 0;
        color: #fff;
        font-size: 14px;
        background-position-x: calc(var(--card-width)*-2);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

        .card__layer.back .back__inner {
            overflow-y: hidden;
            max-height: 100%;
            padding: 11px 14px
        }

.platform-windows .card__layer.back .back__inner::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(0,0,0,.06)
}

.platform-windows .card__layer.back .back__inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.platform-windows .card__layer.back .back__inner::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4)
}

.card__layer.back .no-options {
    margin-top: 24px;
    line-height: 1.4;
    text-align: left
}

    .card__layer.back .no-options dt {
        display: block;
        margin-bottom: 7px;
        line-height: 1.14;
        font-weight: 700
    }

    .card__layer.back .no-options:first-of-type {
        margin-top: 0
    }

.card__layer.back .wrap-property {
    margin: 24px 0 16px
}

    .card__layer.back .wrap-property .title-property {
        border-bottom: 1px solid hsla(0,0%,100%,.5);
        text-align: left;
        font-size: 14px
    }

    .card__layer.back .wrap-property .property {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid hsla(0,0%,100%,.2);
        padding: 7px 0;
        line-height: 18px;
        font-size: 14px;
        color: #fff;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        .card__layer.back .wrap-property .property dt {
            overflow: hidden;
            max-width: 158px;
            letter-spacing: -.14px;
            white-space: nowrap;
            word-break: break-word
        }

            .card__layer.back .wrap-property .property dt.line-break {
                white-space: normal;
                line-height: 15px;
                font-size: 12px;
                text-align: left
            }

        .card__layer.back .wrap-property .property dd {
            overflow: hidden;
            max-width: 52px;
            letter-spacing: -.5px
        }

        .card__layer.back .wrap-property .property.power-score, .card__layer.back .wrap-property .property.unique-number {
            font-weight: 700;
            border-bottom-color: hsla(0,0%,100%,.5)
        }

            .card__layer.back .wrap-property .property.power-score dd, .card__layer.back .wrap-property .property.unique-number dd {
                max-width: none
            }

        .card__layer.back .wrap-property .property.power-score {
            margin-top: 8px
        }

            .card__layer.back .wrap-property .property.power-score:first-of-type, .card__layer.back .wrap-property:empty, .card__layer.back .wrap-property:first-of-type {
                margin-top: 0
            }

.card__layer.back .source {
    margin-top: 16px;
    line-height: 1.3;
    font-size: 14px;
    color: #fff;
    text-align: left
}

    .card__layer.back .source dt {
        display: block;
        margin-bottom: 8px;
        line-height: 1.14;
        font-weight: 700
    }

.card__layer.back .wrap-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    margin-top: 24px
}

    .card__layer.back .wrap-button .button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 32px;
        font-size: 12px;
        letter-spacing: -.01em;
        color: #fff;
        background-color: hsla(0,0%,100%,.1)
    }

    .card .wrap-character, .card .wrap-item, .card__layer.back .wrap-button .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.card .wrap-character, .card .wrap-item {
    position: absolute;
    top: var(--card-top-height);
    left: 0;
    width: 100%
}

.card .wrap-character {
    top: 5.88%
}

    .card .wrap-character > img {
        width: var(--card-character-thumbnail)
    }

.card .wrap-badge {
    position: absolute;
    top: calc(var(--card-padding-top) - var(--card-badge-size)/2);
    left: 0;
    width: 100%
}

    .card .wrap-badge, .card .wrap-badge .badge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .card .wrap-badge .badge {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: var(--card-badge-size);
            height: var(--card-badge-size);
            color: #fff;
            font-weight: 700;
            font-size: 15px;
            letter-spacing: -.45px;
            background: url(../../static/img/sp-badge-card.0c30ff25.webp) 0 0/calc(var(--card-badge-size)*2) auto no-repeat
        }

            .card .wrap-badge .badge dt {
                position: absolute !important;
                top: -1px;
                left: -1px;
                overflow: hidden;
                visibility: hidden;
                height: 1px !important;
                width: 1px !important;
                font-size: 0;
                word-wrap: normal
            }

            .card .wrap-badge .badge.tier {
                font-size: 17px;
                letter-spacing: -.17px
            }

.card .wrap-name {
    margin-top: var(--card-margin-text)
}

    .card .wrap-name .name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: var(--card-name-height);
        line-height: 1.2
    }

        .card .wrap-name .name dt {
            position: absolute !important;
            top: -1px;
            left: -1px;
            overflow: hidden;
            visibility: hidden;
            height: 1px !important;
            width: 1px !important;
            font-size: 0;
            word-wrap: normal
        }

        .card .wrap-name .name .item-name {
            padding: 0 var(--card-margin-itemname);
            line-height: 1.14;
            color: #000;
            font-weight: 700;
            font-size: var(--card-item-name-fontsize);
            letter-spacing: -.34px
        }

            .card .wrap-name .name .item-name.line-break {
                font-size: 15px
            }

        .card .wrap-name .name .item-type {
            padding: 0 14px;
            margin-top: 2px;
            color: rgba(0,0,0,.5);
            font-size: var(--card-item-type-fontsize);
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

            .card .wrap-name .name .item-type:first-letter {
                text-transform: uppercase
            }

    .card .wrap-name .unique-number {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 16%;
        left: calc(50% - var(--card-ribbon-width)/2);
        width: var(--card-ribbon-width);
        height: var(--card-ribbon-height);
        line-height: 1;
        font-weight: 700;
        font-size: var(--card-ribbon-fontsize);
        color: #000;
        background: url(../../static/img/sp-card-ribbon.5e28d0b1.webp) 0 0/100% auto no-repeat
    }

    .card .wrap-name .nft-id {
        margin-top: calc(var(--card-power-fontsize)/2 - 5px);
        line-height: 1.2;
        color: #000;
        font-size: var(--card-nftid-fontsize)
    }

    .card .wrap-name .power-score {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: static;
        margin: calc(var(--card-power-fontsize) - 2px) 0 0;
        width: 100%;
        line-height: 1;
        color: #000;
        letter-spacing: -.5px;
        font-size: var(--card-power-fontsize) !important
    }

        .card .wrap-name .power-score:before {
            width: 24px;
            height: 24px;
            background-image: url(data:image/webp;base64,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)
        }

.card .wrap-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 6%;
    left: 0;
    width: 100%
}

    .card .wrap-thumb .thumb {
        margin-left: 4px;
        width: var(--card-thumb-width);
        height: var(--card-thumb-width);
        line-height: 0;
        font-size: 0;
        background: url(../../static/img/sp-thumbs-character.a67ca49b.webp) 0 0/calc(var(--card-thumb-width)*5) auto no-repeat
    }

        .card .wrap-thumb .thumb:first-of-type {
            margin-left: 0
        }

        .card .wrap-thumb .thumb.warrior {
            background-position-x: 0
        }

        .card .wrap-thumb .thumb.sorcerer {
            background-position-x: calc(var(--card-thumb-width)*-1)
        }

        .card .wrap-thumb .thumb.taoist {
            background-position-x: calc(var(--card-thumb-width)*-2)
        }

        .card .wrap-thumb .thumb.lancer {
            background-position-x: calc(var(--card-thumb-width)*-3)
        }

        .card .wrap-thumb .thumb.arbalist {
            background-position-x: calc(var(--card-thumb-width)*-4)
        }

        .card .wrap-thumb .thumb[aria-enabled=true] {
            background-position-y: calc(var(--card-thumb-width)*-3)
        }

.card:not([aria-disabled-flip=true]):hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-filter: drop-shadow(0 16px 24px rgba(0,0,0,.4));
    filter: drop-shadow(0 16px 24px rgba(0,0,0,.4))
}

.is-mobile .card:not([aria-disabled-flip=true]):hover {
    -webkit-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none
}

.card[data-item-type=item-grade-5] .card__layer, .card[data-item-type=item-grade-5] .wrap-badge .badge, .card[data-item-type=legendary] .card__layer, .card[data-item-type=legendary] .wrap-badge .badge {
    background-position-y: 0
}

.card[data-item-type=item-grade-5] .wrap-thumb .thumb[aria-enabled=true], .card[data-item-type=legendary] .wrap-thumb .thumb[aria-enabled=true] {
    background-position-y: calc(var(--card-thumb-width)*-5)
}

.card[data-item-type=item-grade-5] .unique-number, .card[data-item-type=legendary] .unique-number {
    background-position-y: calc(var(--card-ribbon-height)*-4)
}

.card[data-item-type=epic] .card__layer, .card[data-item-type=item-grade-4] .card__layer {
    background-position-y: calc(var(--card-height)*-1)
}

.card[data-item-type=epic] .wrap-badge .badge, .card[data-item-type=item-grade-4] .wrap-badge .badge {
    background-position-y: calc(var(--card-badge-size)*-1)
}

.card[data-item-type=epic] .wrap-thumb .thumb[aria-enabled=true], .card[data-item-type=item-grade-4] .wrap-thumb .thumb[aria-enabled=true] {
    background-position-y: calc(var(--card-thumb-width)*-4)
}

.card[data-item-type=epic] .unique-number, .card[data-item-type=item-grade-4] .unique-number {
    background-position-y: calc(var(--card-ribbon-height)*-3)
}

.card[data-item-type=item-grade-3] .card__layer, .card[data-item-type=rare] .card__layer {
    background-position-y: calc(var(--card-height)*-2)
}

.card[data-item-type=item-grade-3] .wrap-badge .badge, .card[data-item-type=rare] .wrap-badge .badge {
    background-position-y: calc(var(--card-badge-size)*-2)
}

.card[data-item-type=item-grade-3] .wrap-thumb .thumb[aria-enabled=true], .card[data-item-type=rare] .wrap-thumb .thumb[aria-enabled=true] {
    background-position-y: calc(var(--card-thumb-width)*-3)
}

.card[data-item-type=item-grade-3] .unique-number, .card[data-item-type=rare] .unique-number {
    background-position-y: calc(var(--card-ribbon-height)*-2)
}

.card[data-item-type=grade2] .card__layer, .card[data-item-type=item-grade-2] .card__layer {
    background-position-y: calc(var(--card-height)*-3)
}

.card[data-item-type=grade2] .wrap-badge .badge, .card[data-item-type=item-grade-2] .wrap-badge .badge {
    background-position-y: calc(var(--card-badge-size)*-3)
}

.card[data-item-type=grade2] .wrap-thumb .thumb[aria-enabled=true], .card[data-item-type=item-grade-2] .wrap-thumb .thumb[aria-enabled=true] {
    background-position-y: calc(var(--card-thumb-width)*-3)
}

.card[data-item-type=grade2] .unique-number, .card[data-item-type=item-grade-2] .unique-number {
    background-position-y: calc(var(--card-ribbon-height)*-1)
}

.card[data-item-type=grade1] .card__layer, .card[data-item-type=item-grade-1] .card__layer {
    background-position-y: calc(var(--card-height)*-4)
}

.card[data-item-type=grade1] .wrap-badge .badge, .card[data-item-type=item-grade-1] .wrap-badge .badge {
    background-position-y: calc(var(--card-badge-size)*-4)
}

.card[data-item-type=grade1] .wrap-thumb .thumb[aria-enabled=true], .card[data-item-type=item-grade-1] .wrap-thumb .thumb[aria-enabled=true] {
    background-position-y: calc(var(--card-thumb-width)*-3)
}

.card[data-item-type=grade1] .unique-number, .card[data-item-type=item-grade-1] .unique-number {
    background-position-y: 0
}

.card.reverse .card__inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.card.reverse .card__layer.back .back__inner {
    overflow-y: auto
}

.card.card--nft .card__layer.front {
    background-position-x: calc(var(--card-width)*-1)
}

.card.card--collectible .card__layer.front {
    background-position-x: calc(var(--card-width)*-3)
}

.card.card--collectible .card__layer.back {
    background-position-x: calc(var(--card-width)*-4)
}

.card.card--collectible .wrap-badge .badge {
    color: #000;
    background-position-x: calc(var(--card-badge-size)*-1)
}

.card.card--sm {
    --card-width: 212px;
    --card-height: 312px;
    --card-padding-top: 153px;
    --card-top-height: 16px;
    --card-margin-text: 22px;
    --card-badge-size: 48px;
    --card-margin-itemname: 24px;
    --card-name-height: 52px;
    --card-item-name-fontsize: 16px;
    --card-item-type-fontsize: 12px;
    --card-ribbon-width: 158px;
    --card-ribbon-height: 20px;
    --card-character-thumbnail: 144px;
    --card-class-size: 28px;
    --card-level-fontsize: 16px
}

    .card.card--sm .wrap-item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .card.card--sm .wrap-item .item {
            width: 128px
        }

.card.card--xs {
    --card-width: 156px;
    --card-height: 229px;
    --card-padding-top: 112px;
    --card-top-height: 10px;
    --card-margin-text: 14px;
    --card-badge-size: 34px;
    --card-margin-itemname: 12px;
    --card-thumb-width: 20px;
    --card-name-height: 40px;
    --card-item-name-fontsize: 12px;
    --card-item-type-fontsize: 10px;
    --card-ribbon-width: 142px;
    --card-ribbon-height: 18px;
    --card-ribbon-fontsize: 11px;
    --card-character-thumbnail: 106px;
    --card-power-fontsize: 17px;
    --card-nftid-fontsize: 10px;
    --card-class-size: 20px;
    --card-level-fontsize: 13px;
    --card-level-fontsize2: 10px
}

    .card.card--xs .wrap-item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .card.card--xs .wrap-item .item {
            width: 88px
        }

    .card.card--xs .card__layer.front .by-what {
        top: 12px;
        left: 12px
    }

        .card.card--xs .card__layer.front .by-what.draco {
            width: 16px;
            height: 16px
        }

        .card.card--xs .card__layer.front .by-what.draco-nft {
            width: 27px;
            height: 16px
        }

    .card.card--xs .card__layer.front .power-score {
        top: 12px;
        right: 12px;
        font-size: 13px
    }

        .card.card--xs .card__layer.front .power-score:before {
            width: 14px;
            height: 14px
        }

    .card.card--xs .card__layer.front .wrap-name .power-score:before {
        width: 16px;
        height: 16px
    }

    .card.card--xs .wrap-badge .badge {
        font-size: 10px
    }

        .card.card--xs .wrap-badge .badge.tier {
            font-size: 12px
        }

    .card.card--xs .wrap-name .name .item-name {
        font-size: var(--card-item-name-fontsize)
    }

    .card.card--xs .wrap-name .name .item-type {
        font-size: var(--card-item-type-fontsize)
    }

.number-image {
    --number-width: 30px;
    --number-height: 42px;
    --number-gap: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--number-gap)
}

    .number-image span {
        width: var(--number-width);
        height: var(--number-height);
        line-height: 0;
        font-size: 0;
        background: url(../../static/img/sp-number.c1525045.png) 0 0/auto 100% no-repeat
    }

        .number-image span.comma {
            width: 10px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABUBAMAAABn3ZqbAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURSUeX0dwTDEqaCEaVFxWhtbU23l1m7u3yEQ/dZ+bte3r67yOLesAAAAKdFJOU+UA5ujt/PD56fWOnb8FAAAAZElEQVQ4y2NQQgUMhPijYBRQAgRRAUH+KAACJhcXFwckPsuqVasC6MwvQOKzAfkTkPjsQD6y+1iBfGT3e61atRKZX7Vq1Qo04yegal/agMRXRVXOwJC6KgE1gNKoFtTGqIAQHwA6lzpMQvb6iQAAAABJRU5ErkJggg==)
        }

        .number-image span.num1 {
            background-position-x: 0
        }

        .number-image span.num2 {
            background-position-x: calc(var(--number-width)*-1)
        }

        .number-image span.num3 {
            background-position-x: calc(var(--number-width)*-2)
        }

        .number-image span.num4 {
            background-position-x: calc(var(--number-width)*-3)
        }

        .number-image span.num5 {
            background-position-x: calc(var(--number-width)*-4)
        }

        .number-image span.num6 {
            background-position-x: calc(var(--number-width)*-5)
        }

        .number-image span.num7 {
            background-position-x: calc(var(--number-width)*-6)
        }

        .number-image span.num8 {
            background-position-x: calc(var(--number-width)*-7)
        }

        .number-image span.num9 {
            background-position-x: calc(var(--number-width)*-8)
        }

        .number-image span.num0 {
            background-position-x: calc(var(--number-width)*-9)
        }

    .number-image.number-image--smaller {
        --number-width: 20px;
        --number-height: 28px;
        --number-gap: 2px
    }

.v-application .btn {
    --btn-padding-x: 16px;
    --btn-height: 56px;
    --btn-fontsize: 20px;
    --btn-color: 255,255,255;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 var(--btn-padding-x);
    min-width: 60px;
    height: var(--btn-height);
    line-height: 1.2;
    color: rgb(var(--btn-color));
    font-size: var(--btn-fontsize);
    font-weight: 700;
    vertical-align: top;
    background-color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .v-application .btn .btn-message {
        font-weight: 400;
        color: rgba(var(--btn-color),.6)
    }

    .v-application .btn .emp {
        line-height: 1.3;
        font-weight: 400;
        font-size: 12px;
        color: #ff4242
    }

    .v-application .btn.btn-sm {
        height: calc(var(--btn-height) - 8px);
        font-size: calc(var(--btn-fontsize) - 4px);
        letter-spacing: -.16px
    }

    .v-application .btn.btn-primary {
        background-color: #a0f
    }

    .v-application .btn.btn-primary2 {
        border: 1px solid #a0f;
        background-color: rgba(170,0,255,.25)
    }

    .v-application .btn.btn-secondary {
        color: #000;
        background-image: -webkit-gradient(linear,left top,right top,from(#c19e4b),color-stop(23%,#ae8c36),color-stop(48%,#ffda7f),color-stop(84%,#96782d));
        background-image: -o-linear-gradient(left,#c19e4b 0,#ae8c36 23%,#ffda7f 48%,#96782d 84%);
        background-image: linear-gradient(90deg,#c19e4b 0,#ae8c36 23%,#ffda7f 48%,#96782d 84%)
    }

    .v-application .btn.btn-wemix-login {
        gap: 0 4px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        line-height: 1;
        background-color: rgba(39,234,132,.2)
    }

        .v-application .btn.btn-wemix-login:before {
            content: "";
            display: block;
            width: 81px;
            height: 22px;
            background: url(/image/common/wemix_wallet_login_btn.png) 50% 50%/100% auto no-repeat
        }

    .v-application .btn.btn-price, .v-application .btn.btn-price-exd {
        border: 1px solid #5e4d8d;
        border-image-source: linear-gradient(180deg,#5e4d8d,rgba(94,77,141,.3));
        border-image-slice: 1;
        height: 70px;
        background-image: -o-linear-gradient(342deg,#362064 27%,#080622 62%,#101541 100%);
        background-image: linear-gradient(108deg,#362064 27%,#080622 62%,#101541)
    }

        .v-application .btn.btn-price-exd .price, .v-application .btn.btn-price .price {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 1;
            font-size: calc(var(--btn-fontsize) + 4px);
            letter-spacing: -.48px;
            text-align: center
        }

            .v-application .btn.btn-price-exd .price .rate, .v-application .btn.btn-price-exd .price .us-dollar, .v-application .btn.btn-price .price .rate, .v-application .btn.btn-price .price .us-dollar {
                display: block;
                margin-top: 8px;
                font-weight: 400;
                font-size: 12px
            }

        .v-application .btn.btn-price-exd .info, .v-application .btn.btn-price .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 12px;
            margin-top: 16px
        }

            .v-application .btn.btn-price-exd .info .nick, .v-application .btn.btn-price .info .nick {
                margin-left: 2px
            }

        .v-application .btn.btn-price-exd .add-inside, .v-application .btn.btn-price .add-inside {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }

        .v-application .btn.btn-price-exd:disabled, .v-application .btn.btn-price-exd[aria-disabled=true], .v-application .btn.btn-price:disabled, .v-application .btn.btn-price[aria-disabled=true] {
            border-width: 0;
            border-image-source: none;
            background: none;
            color: #fff
        }

    .v-application .btn.btn-price-exd {
        border-image-source: linear-gradient(180deg,#fff6a5,#897b00);
        background-image: -o-linear-gradient(342deg,#080014 0,#323200 51%,#080014 100%);
        background-image: linear-gradient(108deg,#080014,#323200 51%,#080014)
    }

    .v-application .btn.btn-primary-exd {
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(180deg,#fff6a5,#897b00);
        border-image-slice: 1;
        background-image: -o-linear-gradient(348deg,#080014 0,#323200 51%,#080014 100%);
        background-image: linear-gradient(102deg,#080014,#323200 51%,#080014)
    }

    .v-application .btn.btn-primary-nft {
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(180deg,#ff4bac,#89005a);
        border-image-slice: 1;
        background-image: -o-linear-gradient(342deg,#140000 0,#320030 51%,#140000 100%);
        background-image: linear-gradient(108deg,#140000,#320030 51%,#140000)
    }

    .v-application .btn.btn-primary-collectible {
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(180deg,#8ead8e,#224d22);
        border-image-slice: 1;
        background-image: -o-linear-gradient(347deg,#000 0,#103300 51%,#000 100%);
        background-image: linear-gradient(103deg,#000,#103300 51%,#000)
    }

    .v-application .btn.btn-disabled, .v-application .btn:disabled, .v-application .btn[aria-disabled=true] {
        color: rgba(var(--btn-color),.2);
        background-color: rgba(var(--btn-color),.05)
    }

    .v-application .btn:disabled, .v-application .btn[aria-disabled=true] {
        pointer-events: none
    }

.v-application.theme--light .dropdown {
    border-radius: 0;
    padding: 0;
    width: 200px;
    background-color: #000
}

.v-application.theme--light .dropdown__list {
    border-radius: inherit;
    background-color: #262626 !important
}

    .v-application.theme--light .dropdown__list .v-list-item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        margin-top: 1px;
        padding: 0 16px;
        height: 51px;
        line-height: 1.3;
        font-size: 16px;
        font-weight: 700;
        color: #fff !important;
        background-color: #000;
        -webkit-transition: background-color .4s ease;
        -o-transition: background-color .4s ease;
        transition: background-color .4s ease
    }

        .v-application.theme--light .dropdown__list .v-list-item .status {
            font-size: 14px;
            font-weight: 400;
            color: hsla(0,0%,100%,.3)
        }

            .v-application.theme--light .dropdown__list .v-list-item .status[aria-label=open] {
                color: red
            }

        .v-application.theme--light .dropdown__list .v-list-item:after, .v-application.theme--light .dropdown__list .v-list-item:before {
            content: none !important
        }

        .v-application.theme--light .dropdown__list .v-list-item:hover {
            background-color: hsla(0,0%,100%,.1)
        }

        .v-application.theme--light .dropdown__list .v-list-item:first-child {
            margin-top: 0
        }

        .v-application.theme--light .dropdown__list .v-list-item.v-item--active {
            font-weight: 700
        }

        .v-application.theme--light .dropdown__list .v-list-item[aria-disabled=true][href] {
            color: hsla(0,0%,100%,.4) !important
        }

.v-application.theme--light .dropdown .emp {
    color: #fff !important
}

.tick-dsp {
    --tick-width: 30px;
    --tick-height: 42px;
    --tick-fontsize: 36px;
    --tick-flip-margin-x: 3px;
    --tick-flip-margin-y: 2px;
    --tick-flip-lineheight: 1.2;
    line-height: 1.1;
    font-size: var(--tick-fontsize);
    font-weight: 700;
    color: #fff
}

    .tick-dsp [data-layout~=horizontal][data-layout~=fit] {
        vertical-align: top
    }

    .tick-dsp > div {
        font-size: inherit !important
    }

    .tick-dsp .tick-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .tick-dsp .tick-group .tick-label {
            margin-right: var(--tick-flip-margin-x);
            width: var(--tick-width);
            height: var(--tick-height);
            line-height: 0;
            font-size: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABUCAYAAAC82LpqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjEwNjBkNWEtOTdlNC02MjRkLWE1ZWEtNWM2NGE5NjQxYmFiIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCMDg4NzY3M0IxRDExRUNBMDREQUFBQzZDNUEyRTk4IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMDg4NzY2M0IxRDExRUNBMDREQUFBQzZDNUEyRTk4IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVhZDFjOTA5LWVmZmUtNmQ0MC1hNTdlLWY5NjI3MzQxYzE3YyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMTA2MGQ1YS05N2U0LTYyNGQtYTVlYS01YzY0YTk2NDFiYWIiLz4g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) 0 0/calc(var(--tick-width)*4) var(--tick-height) no-repeat
        }

        .tick-dsp .tick-group:last-of-type .tick-label {
            background-position-x: 0;
            background-position-x: calc(var(--tick-width)*-1)
        }

        .tick-dsp .tick-group:nth-last-of-type(2) .tick-label {
            background-position-x: calc(var(--tick-width)*-2)
        }

        .tick-dsp .tick-group:nth-last-of-type(3) .tick-label {
            background-position-x: calc(var(--tick-width)*-3)
        }

    .tick-dsp .tick-flip {
        margin: 0 var(--tick-flip-margin-x) 0 0;
        border-radius: 0;
        min-width: auto;
        width: var(--tick-width);
        height: var(--tick-height);
        text-indent: 1px;
        letter-spacing: 0
    }

        .tick-dsp .tick-flip .tick-flip-card:first-of-type .tick-flip-panel-front {
            height: calc(51% - var(--tick-flip-margin-y))
        }

        .tick-dsp .tick-flip .tick-flip-spacer {
            height: 100%
        }

    .tick-dsp .tick-flip-panel {
        background-color: rgba(37,30,94,.9)
    }

    .tick-dsp .tick-flip-panel-text-wrapper {
        line-height: var(--tick-flip-lineheight)
    }

    .tick-dsp .tick-flip-panel-back:after {
        background-image: none
    }

    .tick-dsp .tick-empty {
        width: var(--tick-width);
        height: var(--tick-height);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABUCAYAAADeW1RFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNkU3NDA1NjQ3QjIxMUVDQTFBRUI2OUI3NUQwNkNGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNkU3NDA1NzQ3QjIxMUVDQTFBRUI2OUI3NUQwNkNGMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU2RTc0MDU0NDdCMjExRUNBMUFFQjY5Qjc1RDA2Q0YyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU2RTc0MDU1NDdCMjExRUNBMUFFQjY5Qjc1RDA2Q0YyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RXJiHAAAAJdJREFUeNrs070NQFAAhVE/bwOlTqmziilMZyQdne6J5iVMIcE73wYnN7cc+mkrMqoqMivEeF4WBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgZ+daEb99bCwMDf/fAyN6uFgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBHyukdNQW/nG3AAMAoZkNJ8Ik3qEAAAAASUVORK5CYII=) 0 0/auto 100% no-repeat !important
    }

    .tick-dsp.tick--smaller {
        --tick-width: 20px;
        --tick-height: 28px;
        --tick-fontsize: 24px;
        --tick-flip-margin-x: 2px;
        --tick-flip-margin-y: 1px;
        --tick-flip-lineheight: 1.24;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 2px
    }

        .tick-dsp.tick--smaller .tick-flip {
            padding: 0 4px;
            min-width: 10px;
            max-width: var(--tick-width);
            width: auto
        }

        .tick-dsp.tick--smaller .tick-empty:first-of-type {
            margin-left: -2px
        }

.round-countdown {
    --countdown-font-size: 40px;
    --countdown-font-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-weight: 700;
    font-size: var(--countdown-font-size);
    color: var(--countdown-font-color)
}

.round-countdown__time {
    margin-left: 8px
}

    .round-countdown__time:first-of-type {
        margin-left: 0
    }

.round-countdown--smaller {
    --countdown-font-size: 28px
}

.round-number {
    min-width: 48px;
    min-height: 48px;
    border: 1px solid hsla(0,0%,100%,.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    line-height: normal
}

    .round-number span, .round-number strong {
        display: block;
        padding-top: 2px;
        font-weight: 700;
        color: #fff;
        text-align: center
    }

    .round-number span {
        font-size: 8px
    }

    .round-number strong {
        font-size: 22px;
        line-height: 1;
        letter-spacing: -.44px
    }

    .round-number + .round-title {
        padding-left: 16px
    }

.round-title {
    line-height: 1.3;
    font-size: 20px
}

    .round-title .category {
        --color-epic: #ff002e;
        --color-legendary: #ff0;
        --color-rare: #3391ff;
        --color-uncommon: #00b267;
        --color-tier: #fff;
        margin-bottom: 6px;
        font-size: 0
    }

        .round-title .category span {
            display: inline-block;
            font-size: 10px;
            font-weight: 700;
            padding: 0 4px;
            color: #fff;
            border: 1px solid #fff;
            margin-left: 4px
        }

            .round-title .category span:first-of-type {
                margin-left: 0
            }

            .round-title .category span.grade-5, .round-title .category span.legendary {
                color: var(--color-legendary);
                border-color: var(--color-legendary)
            }

            .round-title .category span.epic, .round-title .category span.grade-4 {
                color: var(--color-epic);
                border-color: var(--color-epic)
            }

            .round-title .category span.grade-3, .round-title .category span.rare {
                color: var(--color-rare);
                border-color: var(--color-rare)
            }

            .round-title .category span.grade-2, .round-title .category span.uncommon {
                color: var(--color-uncommon);
                border-color: var(--color-uncommon)
            }

            .round-title .category span.tier {
                color: var(--color-tier);
                border-color: var(--color-tier)
            }

    .round-title em {
        font-style: normal
    }

    .round-title .item-name {
        margin: 0;
        font-weight: 700;
        color: #fff;
        letter-spacing: -.2px;
        max-width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .round-title .item-name em {
            color: #ffe600;
            margin-left: 4px
        }

    .round-title .time {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: rgba(0,0,0,.3137254901960784)
    }

    .round-title .desc, .round-title .history {
        font-size: 16px;
        color: #000;
        line-height: 1.25
    }

        .round-title .history .ico-darco.ico-xs {
            font-weight: 700
        }

.round {
    --round-padding: 31px;
    --round-width: 896px;
    --round-height: 408px;
    --round-fontcolor: 255,255,255;
    --round-fontsize: 16px;
    --round-message-color: #ffe600;
    position: relative;
    margin-top: var(--round-margin-y);
    border: 1px solid #5e4d8d;
    border-image-source: linear-gradient(180deg,#5e4d8d,rgba(94,77,141,.3));
    border-image-slice: 1;
    padding: var(--round-padding);
    width: var(--round-width);
    height: var(--round-height);
    color: rgba(var(--round-fontcolor),.6);
    font-size: var(--round-fontsize);
    background-image: -o-linear-gradient(336deg,#362064 27%,#080622 62%,#101541 100%);
    background-image: linear-gradient(114deg,#362064 27%,#080622 62%,#101541);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.round__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding-left: 272px;
    height: 100%;
    line-height: 1.18
}

.round .card {
    position: absolute;
    top: 0;
    left: 0
}

.round .round-title {
    margin-right: 48px;
    line-height: 1.4;
    font-size: 28px
}

    .round .round-title .category {
        margin-bottom: 4px
    }

.round .round-number {
    position: absolute;
    top: 0;
    right: 0
}

.round .block1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 160px
}

.round .block1, .round .block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.round .block2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
    height: 80px;
    font-size: calc(var(--round-fontsize) - 2px)
}

.round .block-border {
    margin-top: 16px;
    border: 1px solid hsla(0,0%,100%,.1);
    border-width: 1px 0;
    padding: 18px 0 26px
}

.round .wrap-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.round .wrap-button {
    margin-top: 20px;
    width: 100%
}

    .round .wrap-button .btn {
        width: 100%;
        height: 56px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .round .wrap-button .btn .btn-message {
            line-height: 1.5;
            font-size: var(--round-fontsize);
            color: var(--round-message-color)
        }

.round .wrap-tick {
    margin-bottom: 16px
}

.round .wrap-define-balance {
    gap: 24px;
    width: 100%
}

    .round .wrap-define-balance, .round .wrap-define-balance .define-balance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .round .wrap-define-balance .define-balance {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 170px
        }

            .round .wrap-define-balance .define-balance dt {
                display: block;
                margin-bottom: 6px;
                line-height: 1.15;
                font-size: calc(var(--round-fontsize) - 2px)
            }

            .round .wrap-define-balance .define-balance dd {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                line-height: 1.1;
                font-weight: 700;
                font-size: calc(var(--round-fontsize) + 4px);
                color: #fff;
                letter-spacing: -.4px
            }

                .round .wrap-define-balance .define-balance dd:before {
                    display: block;
                    margin-right: 4px;
                    width: 25px;
                    height: 24px;
                    background-position: 0 0;
                    background-size: auto 100%;
                    background-repeat: no-repeat
                }

                .round .wrap-define-balance .define-balance dd > em, .round .wrap-define-balance .define-balance dd span {
                    max-width: 100%;
                    vertical-align: top;
                    overflow: hidden;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                .round .wrap-define-balance .define-balance dd em {
                    color: #a0f;
                    font-size: calc(var(--round-fontsize) + 2px)
                }

                .round .wrap-define-balance .define-balance dd.draco em, .round .wrap-define-balance .define-balance dd.draco span, .round .wrap-define-balance .define-balance dd.odds em, .round .wrap-define-balance .define-balance dd.odds span {
                    max-width: calc(100% - 28px)
                }

                .round .wrap-define-balance .define-balance dd.odds:before {
                    content: "";
                    background: url(data:image/webp;base64,UklGRnABAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSPcAAAABgFTbVhzrSkDCk4AEJEQCEuKg4qBwQBykHDwJkfAkIOEO0vH47TAiJgD/qLGxu8U+Ox21j3nsfdRD+3yGWz3qkzBX3crusZeqW76KxkFNTqRx2CYH5cAKQEiyTNO8edQ5p5UkBZhIKgBEjwQASjIDmWQ9BI9w+Jwlkk0AwPoZAIiRTEBoJKk5YO1XEbKSpAHAfCC5eWjj6XzAcjbigvNsY2jGzVjMy5aEp3G1fq0k9E2r9WglwVHaMxP4xmcR3rndaxn+0e5YxIiiVyoYdDlbMK4eDAOXQ/nO7NAGevH0NUp487LKEMl407Jf2PiwitPU+Niyz38kAFZQOCBSAAAAEAQAnQEqMAAwAD5pKpFFpCKhmOQAQAaEtIAARTakyZ2f29KQJ9K8HYAA/vIZf/5aH//LD///lYuX/trBJfFX//5aH//LD///lI3H//HngAAAAA==) 0 0/auto 100% no-repeat
                }

                .round .wrap-define-balance .define-balance dd.odds span {
                    max-width: 88px
                }

                .round .wrap-define-balance .define-balance dd.draco:before {
                    content: "";
                    width: 24px;
                    background-image: url(data:image/webp;base64,UklGRk4EAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSC4CAAABoFXbVh3bmhKQsBzcSEBCScDBxsHBQXCQOEg54DhIHCwJSBgf5HXfvxExAfofGvPmnb7uW4l/gWCRsZkD+GJ/Tpix3DtkRS4X+xN+OovWjEdpvfItvjaDm6ytU8oF+pY+U1CYmd8JB/RJSv1YSkop1eaLyQ5gD28c0CdJKeg6JN86Y3thBje9mPyE+VGCI+hV25cVID8wh6TLWLfW2lbioLD+stXp4d4KfbqYufYkSWGPUvL5loFPUvxIMm7PkmQeZFMLd9ZegqzRpV9+j12Scgcod7xJ5oAysJVxO2GWpDb0GxHmCNDlQNKplYEoKXeAeFUYOxTjjpSHJin4CuSrdlLpU3ygChAltT8cvlf7SeTyTuhAkVRTBL/qJ+ovqAFfSSkr068Ym/Y3KtCGIjUefFX/FJZo/aoPRfGNBnxPwJcrP5M/M4AiqTqwX32HLOVn8xAltS/wvcrDItVHPwAuKXgCylUcSEoPwsyYJKXlA8Qr9cGldrKVUkptnXGRJDcD180y9Czz4f4RJKWvAix3wu/JFNxk/qQFSebdBHZH1ZMU9yAlv9OzJIUDPPii26Hjs5U9SIq1OeBbDpIUlgWYN7unDLCsu+mxHWUF+Ohp5dTTk589GkDV83bSN0/hKuTWg2bg0IthB9xkq7eaUkq1eQfJoYU3pEoNCvZJW4eS07QAlqDq7bg5l4sUHWDynvW+rVdRP5z+rkF/qq0+uDXGXoL+/Fi2fel033LU/1BWUDgg+gEAAPANAJ0BKjAAMAA+bS6URqQioiEquqqogA2JbACxJUFWfiFmB3t+onfT8gONhgDymuQP9F/NvyO7QHmAfo5+JPYA/gH+A9QHiAdYB/QP9n6AHsJegB+l/pN/sj8CP7Zftj8A/6tdQACQUCQtAmQYLUSM14FXUUxDAAD+9iP//Xv//XZP/9qLy8pc4DOduvXsi9aYvGYKj36X6VNp8GpiPatIO4CD5UIolXrezmlc8Ealw5x/DXvdLZD2WVd0Wr/vySYRDsj2JJ6tHaqKf9XNucV+N6n7q/dCDqIRgf8/x1hod+yOBdYFZHWWua4aHfsjqhMgbrZsLOUvR4wtijgNDvJEc4+Dnz8+6zHikgv+2WeUNYIND5ymisi+nhlY6TD2Ax1ieWRNL1PxdsC1YJDoXbfFofxp6Q/M/0tQBa78mcluxLoX44qPVAp7CnLPCqMCv2mYd1AEGcriGpO5PEEN3Ehf8xCvBs129qOcYJv/mH84NnDXuFp7BVeLkYqjL5TSI+Mr/um4dDj+a6KyOA4fwlFCBTRROyrt4hvbXJwa9UFg4RY+0V5Fi2G3H0TZHhrzCj+OTqu8/EHmCpt0IIg+OMT8tXWE+ZNxUE6dRuo1y/jfKBFFWy7+zi4NYVJGwvIGaT9njpJhMg7xQae71ak9u2WTOqjM9NCmz0AA)
                }

        .round .wrap-define-balance .define-winner {
            position: relative;
            padding-left: 48px;
            min-width: 170px
        }

            .round .wrap-define-balance .define-winner dt {
                position: absolute !important;
                top: -1px;
                left: -1px;
                overflow: hidden;
                visibility: hidden;
                height: 1px !important;
                width: 1px !important;
                font-size: 0;
                word-wrap: normal
            }

            .round .wrap-define-balance .define-winner dd {
                color: rgb(var(--round-fontcolor))
            }

                .round .wrap-define-balance .define-winner dd.thumbs {
                    position: absolute;
                    top: 3px;
                    left: 0;
                    width: 40px;
                    height: 40px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box
                }

                    .round .wrap-define-balance .define-winner dd.thumbs img {
                        display: block;
                        border-radius: 50%;
                        width: 100%
                    }

                .round .wrap-define-balance .define-winner dd.nickname {
                    line-height: 1.333;
                    font-weight: 700;
                    font-size: calc(var(--round-fontsize) + 2px);
                    letter-spacing: -.18px
                }

                .round .wrap-define-balance .define-winner dd.server {
                    margin-top: 4px;
                    line-height: 1.2;
                    font-size: calc(var(--round-fontsize) - 4px)
                }

        .round .wrap-define-balance + .message-result {
            margin-top: 36px
        }

        .round .wrap-define-balance.horizontal {
            margin-top: 16px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .round .wrap-define-balance.horizontal .define-balance {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-left: 32px;
                min-width: auto
            }

                .round .wrap-define-balance.horizontal .define-balance dt {
                    margin-right: 8px;
                    margin-bottom: 0
                }

                .round .wrap-define-balance.horizontal .define-balance:first-of-type {
                    margin-left: 0
                }

.round .title-define-balance {
    overflow: hidden;
    margin: 16px 0 8px;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    width: 100%;
    height: 21px;
    color: rgba(var(--round-fontcolor),.3);
    font-weight: 400;
    font-size: calc(var(--round-fontsize) - 4px)
}

.round .round-msg-for {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.24px
}

    .round .round-msg-for + .closed-date {
        margin-top: -10px
    }

.round .message-result {
    line-height: 1.2;
    color: var(--round-message-color)
}

.round .message-result, .round .upcoming-date {
    font-weight: 700;
    font-size: 32px;
    letter-spacing: -.32px
}

.round .upcoming-date {
    margin-bottom: 16px;
    line-height: 1.26;
    color: #fff;
    text-align: center
}

.round .closed-date {
    font-size: 14px
}

.round[aria-current=won]:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    width: 124px;
    height: 124px;
    background: url(../../static/img/bg-badge-winner.af11a496.webp) 0 0/cover no-repeat
}

.round[aria-current=won] .wrap-detail {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.round[aria-current=won] .wrap-button .btn .emp {
    color: #000
}

.round[aria-current=lose] .wrap-button {
    margin-top: 16px
}

.round[aria-current=lose] .wrap-define-balance .define-balance dt {
    margin-bottom: 4px
}

.round[aria-current=noplayer] .wrap-detail {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.round[aria-current=noplayer] .block1 {
    height: 246px
}

.wrap-rounds .round {
    --round-margin-y: 16px;
    margin-top: var(--round-margin-y)
}

.wrap-rounds.empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
    height: 220px
}

.tab-rounds.theme--light {
    --tab-height: 57px;
    --tab-fontcolor: #fff;
    --tab-fontsize: 20px;
    --tab-countcolor: #a0f;
    margin: 0 0 32px
}

    .tab-rounds.theme--light.v-tabs {
        color: var(--tab-fontcolor)
    }

        .tab-rounds.theme--light.v-tabs .v-tabs-bar {
            height: var(--tab-height);
            color: inherit;
            background-color: transparent
        }

            .tab-rounds.theme--light.v-tabs .v-tabs-bar .v-tab {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                margin-right: 8px;
                padding: 16px 0 0;
                max-width: none;
                height: inherit;
                color: inherit !important;
                font-size: var(--tab-fontsize);
                font-weight: 700;
                letter-spacing: -.2px;
                text-transform: none
            }

                .tab-rounds.theme--light.v-tabs .v-tabs-bar .v-tab .count {
                    margin-left: 4px;
                    color: var(--tab-countcolor)
                }

                .tab-rounds.theme--light.v-tabs .v-tabs-bar .v-tab:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 2px;
                    background-color: hsla(0,0%,100%,.2)
                }

                .tab-rounds.theme--light.v-tabs .v-tabs-bar .v-tab:last-of-type {
                    margin-right: 0
                }

        .tab-rounds.theme--light.v-tabs .v-tabs-slider-wrapper {
            color: inherit
        }

.nft .tab-rounds.theme--light .v-tabs-slider {
    background-color: #e00
}

.char-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .char-info .thumb {
        line-height: normal
    }

        .char-info .thumb img {
            vertical-align: top
        }

        .char-info .thumb + .info {
            padding-left: 12px
        }

    .char-info .info {
        line-height: normal
    }

        .char-info .info .nick {
            display: block;
            font-size: 16px;
            font-weight: 700;
            color: #fff
        }

        .char-info .info .server {
            display: block;
            font-size: 12px;
            font-weight: 400;
            color: #fff;
            margin-top: 4px
        }

.item-info {
    --card-width: 64px;
    --card-height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal;
    font-size: 20px
}

    .item-info[data-item-type=grade-5] .item__layer, .item-info[data-item-type=legendary] .item__layer {
        background-position-x: 0
    }

    .item-info[data-item-type=epic] .item__layer, .item-info[data-item-type=grade-4] .item__layer {
        background-position-x: calc(var(--card-width)*-1)
    }

    .item-info[data-item-type=grade-3] .item__layer, .item-info[data-item-type=rare] .item__layer {
        background-position-x: calc(var(--card-width)*-2)
    }

    .item-info[data-item-type=grade-2] .item__layer, .item-info[data-item-type=uncommon] .item__layer {
        background-position-x: calc(var(--card-width)*-3)
    }

    .item-info[data-item-type=common] .item__layer, .item-info[data-item-type=grade-1] .item__layer {
        background-position-x: calc(var(--card-width)*-4)
    }

    .item-info[data-item-type=grade-0] .item__layer, .item-info[data-item-type=none] .item__layer {
        background-position-x: calc(var(--card-width)*-5)
    }

    .item-info .item__layer {
        position: relative;
        width: var(--card-width);
        height: var(--card-height);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--card-width);
        flex: 0 0 var(--card-width);
        background: url(../../static/img/sp-item-thumbs.7a9d156a.webp) 0 0/calc(var(--card-width)*6) calc(var(--card-height)*2) no-repeat;
        background-position-y: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .item-info .item__layer .by-what {
            content: "";
            position: absolute;
            top: 4px;
            left: 4px
        }

            .item-info .item__layer .by-what.draco {
                width: 16px;
                height: 16px;
                background: url(data:image/webp;base64,UklGRvICAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSKECAAABkFXbbh1JF4IhiMEEQiCEwYjBmEHMoMzAZpBi4GGQZiAIgnA/rDyaQURMAJ4nrYc5ediom+C3EzJD35TzqfIbaf/iGwyBBSSbvLY7FTaczIDy7v6O/JCGpSptBTAu3EarQ17466QLRKwvW64HyVFWSQBSo2+PdpJUALvb2UpWLXW4qQCLkeT+YCdJBZDKlnBz7Wy7M9xv/SPpG16Vzuu/N8RJE7wtxjNwuTLSEt5P1bZOkufFTvKDm1s7zUkbWQKgnEm6kyUQkiw3Bu8OCdAbIGqepk6yAEgyCR/uQTozAKgCENJWIH04ACz2hGcCgMVLO8w9AcqaADGSwOCLY0JlmIGTG6AnJyXJvobaI36m5MGAkNxXzo7vVHApPeAKANUnJiVJJ53M8AdACca0Wp+0TqR96YLzEY6JAgD+x0jWEbVOa8Znyac8jW0l+bVo67y+hz59p5qRSWMs5S2dbMoVGPTIoW+tk096AOKMB+RXGHAoNnrwBewlnWzKJE0PCypQXurTmCpn+wYFSP6KcM7T+D+NGlQA45UeyORlqhoMAOcbO+cBAKut05YCfoDxLB0M16mrTIIReMJy0dZQmzOsACCURPIEcsAPkKPHlqbeACcVSO52tOILUF4xAQBhAYwUAKoAkC0B2Z+NhNnIBYMNAJKbCtAbAOkPPCP8kLTUKRMKaU2S7QCQtJ+RD00IdztJtloQnyTZNmsJsci6CC5T+9k4D1yKczaaRPeXn5765HIFDeYmT9LHM4Tzhrsl8tLZ1jtrdRagTwX3y2QLIHr6qEU11+HmZIMYyYKnm7MnAEnWMki2mrelkfxCSVc8l1HbMGc8AKxGkgbjj+DVwrsK/GPo6gVvS78yyOBVwi+KnoFuznDkhN+WrQ47SLejasJzAFZQOCAqAAAAMAMAnQEqMAAwAD5tNphIpCMioSOIAIANiWkAABuBvT4OAAD++yGAAAAA) 0 0/cover no-repeat
            }

            .item-info .item__layer .by-what.draco-nft {
                width: 27px;
                height: 16px;
                background: url(data:image/webp;base64,UklGRlwEAABXRUJQVlA4WAoAAAAQAAAAWQAAMwAAQUxQSNADAAABoFZrW1DbeiMQ4YtgBCLY4NBg0UAaLBtgA3cDIrgafBGI8P7gA9F7A0TEBOC/L2cRvFlExL3DbZVklnf47VSS3LWWfXVPBaWp8bkFgab6QPNcn/CFgxqe8aVgN4rgskgNs9zBm1nmuS/pcR2VjIDn6CUz3FZp/y6L/Mokr+QJSYG6ADisqmdO8dzueaVdIxDUooYpH5JV4KC7j/tZSGoSBwDuS35vLIXd3aFNFqn+3kaSK4CgWvYQvF/jfjF7QH4kebkB92W3LOjKYZFZbmwkmQC46DEqQXWvNC/X+VT2BQBE0PbIzY18SNaAuUHZzYZX2jVdjdsqszQa1KKGnpBUwWy381cbRkAKu7tDaQJJamjgkkWqWEqqw4OxrkFJ0m/sF2CI1JUKQA6LzAJgI1lGwqmVJK+8Wgh1QVCO3yMNYFWLGRCSTOgfHNVgIKgA/rBqCpO4ObRBewfJBMBJI7yp0mAvACCF5Clws6ihgRyWkOoB96UCWH53qNJAcy7K1gPQWVQDYgVGB4iSdPhyokrj2W+Ol1wMQCokKZ4k/6Rd1kMNXg3KWHwkbh0hmT1NHE1GV3aDqfFaR5ZHEjUZgbaSEdcNIBnVAXD1M4L6jJ13Sw/WZQL2hhEA/uI+Ul5RrHywZuU9V5vSxOx0YH+FWiGxP4a9qc16Yam99RW0lzhrbSgARIHYcwNLMvcH4GctxtJB6SD3ujLvgnvGN9QgTjvhPQUok1ZDACwkmUNneYMaGUiTDgMAfEM2C0xjVXvG1XN1imhTmvgb8DISOHzj6OGY8mUbmr84Et4RjAtAmbHRlKZKHcjvEINf4O+e+9JMABAKdEDfATXoINU6pV3WvdJU15SAMkB5R7IyEK3bVQBgVeAYCe9wpF55rx5IU+qCVguwj+R3IEUAiOqAWO/pgnYjI6KRGn2JUAOAIwOQ487u0H5I1iUY1MWT8g4kUjdx1wYAEs7a0eRg/qs7SV0tspBhnjuHnJJk9vqF7Rbv/eLQ/VcXJcnik0Vyn/aptLMDgKUhf1XFuOm+ugS2CZCjU8Oc+qNdPOxotJvcWvV00GZHG9QgL5nR1YDB1NkPzcuIi8oCeJL8OQMIapB1Vk0Ow6mpEZBD9Uyr92vcr6qkAn8kfw59OSwyy4wiuJvIn6CVUEheZ45+q2SFkDwchuXPIvN2p3hMXM6Y8nkpTXWAy2zdwRpxO6h1t0bMlYOjGfBK07MIZqY6ITlMl2NA8GE3eUyW404RPCqHGlkKzVo8HhQdUY/nfSqV30qyln11eDioVRNeKyLi8EqXmt3hf1mO4jEXVlA4IGYAAABQBgCdASpaADQAPpFAmkklo6KhLAgAsBIJaQhwACkAAQtT5f51EI5JkzsrqrvzBz8B4AX2qj+DLfH4AAD+I2H/9sP//a7H//aujPqLnlO+seouAAHD9TBGP//Gh4X28QDE2igAAAA=) 0 0/cover no-repeat
            }

        .item-info .item__layer .wrap-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%
        }

.nft .item-info .item__layer {
    background-position-y: calc(var(--card-height)*-1)
}

.item-info .item-desc {
    margin-left: 16px
}

    .item-info .item-desc .category {
        font-size: 0;
        line-height: 0
    }

        .item-info .item-desc .category span {
            display: inline-block;
            font-size: 10px;
            font-weight: 700;
            line-height: normal;
            padding: 0 4px;
            color: #fff;
            border: 1px solid #fff;
            margin: 0 0 6px 4px
        }

            .item-info .item-desc .category span:first-of-type {
                margin-left: 0
            }

            .item-info .item-desc .category span.grade-5, .item-info .item-desc .category span.legendary {
                color: var(--color-legendary);
                border-color: var(--color-legendary)
            }

            .item-info .item-desc .category span.epic, .item-info .item-desc .category span.grade-4 {
                color: var(--color-epic);
                border-color: var(--color-epic)
            }

            .item-info .item-desc .category span.grade-3, .item-info .item-desc .category span.rare {
                color: var(--color-rare);
                border-color: var(--color-rare)
            }

            .item-info .item-desc .category span.grade-2, .item-info .item-desc .category span.uncommon {
                color: var(--color-uncommon);
                border-color: var(--color-uncommon)
            }

            .item-info .item-desc .category span.tire {
                color: #fff;
                border-color: #fff
            }

    .item-info .item-desc .item-name {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        letter-spacing: -.2px
    }

        .item-info .item-desc .item-name .item-desc {
            margin-left: 0;
            font-size: 12px;
            font-weight: 400;
            color: hsla(0,0%,100%,.5)
        }

        .item-info .item-desc .item-name em {
            font-style: normal;
            color: #ffe600;
            margin-left: 4px
        }

    .item-info .item-desc .sub {
        font-size: 12px;
        margin-top: 4px
    }

        .item-info .item-desc .sub span:not(:first-child) {
            margin-left: 5px
        }

    .item-info .item-desc .sncode {
        margin-top: 4px;
        font-size: 12px;
        font-weight: 400;
        color: hsla(0,0%,100%,.5)
    }

.item-manual {
    display: block
}

    .item-manual .item-title {
        font-size: 40px;
        font-weight: 700;
        line-height: normal;
        color: #fff;
        margin-top: 4px
    }

    .item-manual .item-subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        color: hsla(0,0%,100%,.5)
    }

    .item-manual .item-title + .item-subtitle {
        margin-top: 4px
    }

    .item-manual .description {
        margin-top: 24px;
        min-height: 75px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.38;
        color: hsla(0,0%,100%,.6)
    }

    .item-manual .item-detail-table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 24px auto 0;
        list-style: none;
        width: 100%;
        min-height: 56px
    }

        .item-manual .item-detail-table li {
            border-left: 1px solid hsla(0,0%,100%,.1);
            padding: 0 16px
        }

            .item-manual .item-detail-table li span, .item-manual .item-detail-table li strong {
                display: block;
                text-align: center
            }

                .item-manual .item-detail-table li span.ico-draco, .item-manual .item-detail-table li strong.ico-draco {
                    display: inline-block;
                    text-align: left
                }

            .item-manual .item-detail-table li span {
                font-size: 12px;
                font-weight: 400;
                line-height: normal;
                color: hsla(0,0%,100%,.5)
            }

            .item-manual .item-detail-table li strong {
                line-height: normal;
                font-weight: 700;
                font-size: 18px;
                letter-spacing: -.01em;
                margin-top: 6px;
                color: #fff
            }

                .item-manual .item-detail-table li strong.grade-5, .item-manual .item-detail-table li strong.legendary {
                    color: var(--color-legendary)
                }

                .item-manual .item-detail-table li strong.epic, .item-manual .item-detail-table li strong.grade-4 {
                    color: var(--color-epic)
                }

                .item-manual .item-detail-table li strong.grade-3, .item-manual .item-detail-table li strong.rare {
                    color: var(--color-rare)
                }

                .item-manual .item-detail-table li strong.grade-2, .item-manual .item-detail-table li strong.uncommon {
                    color: var(--color-uncommon);
                    border-color: var(--color-uncommon)
                }

            .item-manual .item-detail-table li.enhance, .item-manual .item-detail-table li.tire {
                text-align: center
            }

                .item-manual .item-detail-table li.enhance strong, .item-manual .item-detail-table li.tire strong {
                    font-size: 24px;
                    line-height: 1;
                    letter-spacing: -.48px
                }

            .item-manual .item-detail-table li.power span, .item-manual .item-detail-table li.price, .item-manual .item-detail-table li.price span, .item-manual .item-detail-table li.price strong, .item-manual .item-detail-table li.rank, .item-manual .item-detail-table li.rank span, .item-manual .item-detail-table li.rank strong, .item-manual .item-detail-table li.sncode, .item-manual .item-detail-table li.sncode span, .item-manual .item-detail-table li.sncode strong {
                text-align: left
            }

            .item-manual .item-detail-table li:first-of-type {
                border-left: 0;
                padding-left: 0 !important
            }

            .item-manual .item-detail-table li:last-of-type {
                padding-right: 0 !important
            }

        .item-manual .item-detail-table.size-lg li {
            padding: 0 30px
        }

        .item-manual .item-detail-table.size-lg span {
            font-size: 15px
        }

        .item-manual .item-detail-table.size-lg strong {
            height: 40px;
            line-height: 40px;
            font-size: 30px
        }

.item-transprice {
    width: 100%;
    min-height: 123px;
    background-color: hsla(0,0%,100%,.05);
    padding: 18px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    font-size: 0
}

    .item-transprice span {
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -.12px;
        color: #fff
    }

    .item-transprice .wrap-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 16px
    }

    .item-transprice .price strong {
        font-size: 28px;
        font-weight: 700;
        color: #fff;
        line-height: normal
    }

        .item-transprice .price strong.month {
            font-size: 40px;
            letter-spacing: -.8px
        }

    .item-transprice .price .us-dollar {
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.67;
        margin-top: 4px
    }

    .item-transprice time {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.67;
        color: hsla(0,0%,100%,.5)
    }

.item-ranking {
    --ranking-margin-y: 16px;
    --ranking-padding: 24px 0 24px 32px;
    --ranking-height: 392px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    position: relative;
    margin-top: var(--ranking-margin-y);
    padding: var(--ranking-padding);
    width: 100%;
    height: var(--ranking-height)
}

.item-ranking__rank {
    display: block;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 1;
    padding-top: 13px;
    width: 58px;
    height: 64px;
    line-height: 1.1;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.32px;
    background: url(data:image/webp;base64,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) 0 0/cover no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .item-ranking__rank .number {
        font-size: 24px;
        letter-spacing: -.48px
    }

.item-ranking__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.item-ranking__name .item-name {
    line-height: 1.2;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -.28px
}

.item-ranking__name .item-category {
    margin-top: 4px;
    line-height: 1.1;
    font-size: 14px
}

.item-ranking .wrap-define-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.item-ranking .define-detail {
    position: relative;
    padding: 9px 16px;
    line-height: 1.1
}

    .item-ranking .define-detail:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: hsla(0,0%,100%,.15)
    }

    .item-ranking .define-detail dt {
        display: block;
        margin-bottom: 5px;
        font-size: 12px
    }

    .item-ranking .define-detail dd {
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: -.36px
    }

    .item-ranking .define-detail .grade {
        text-transform: uppercase
    }

        .item-ranking .define-detail .grade.grade-2 {
            color: var(--color-uncommon)
        }

        .item-ranking .define-detail .grade.grade-3 {
            color: var(--color-rare)
        }

        .item-ranking .define-detail .grade.grade-4 {
            color: var(--color-epic)
        }

        .item-ranking .define-detail .grade.grade-5 {
            color: var(--color-legendary)
        }

    .item-ranking .define-detail:first-of-type {
        padding-left: 0
    }

        .item-ranking .define-detail:first-of-type:before {
            content: none
        }

.item-ranking .wrap-define-trade {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 32px
}

.item-ranking .define-trade {
    width: 40%
}

    .item-ranking .define-trade dt {
        display: block;
        margin-bottom: 4px;
        line-height: 1.166;
        font-size: 12px
    }

    .item-ranking .define-trade dd {
        color: #fff;
        line-height: 1.33;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: -.18px
    }

    .item-ranking .define-trade .character {
        float: left;
        margin: -3px 8px 0 0
    }

        .item-ranking .define-trade .character img {
            vertical-align: top
        }

    .item-ranking .define-trade.serial-number {
        display: none
    }

    .item-ranking .define-trade.price {
        margin-bottom: 16px;
        border-bottom: 1px solid hsla(0,0%,100%,.2);
        padding-bottom: 16px;
        width: 100%
    }

        .item-ranking .define-trade.price .price {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 4px;
            -moz-column-gap: 4px;
            column-gap: 4px;
            line-height: 1;
            color: #fff;
            font-size: 32px;
            letter-spacing: -.64px;
            font-weight: 700
        }

            .item-ranking .define-trade.price .price .ico-sm {
                padding-left: 40px
            }

                .item-ranking .define-trade.price .price .ico-sm:before {
                    width: 40px;
                    height: 40px
                }

        .item-ranking .define-trade.price .us-dollar {
            color: hsla(0,0%,100%,.5);
            font-size: 12px;
            margin-top: 2px
        }

.item-ranking:first-of-type {
    margin-top: 0
}

.item-ranking.nft-ranking .define-detail:first-of-type {
    padding-left: 0
}

.item-ranking.nft-ranking .wrap-define-detail, .item-ranking.nft-ranking .wrap-define-trade {
    margin-top: 29px
}

.item-ranking.nft-ranking .define-trade.price {
    padding-bottom: 24px;
    margin-bottom: 12px
}

.item-ranking.nft-ranking .item-ranking__rank {
    background: url(data:image/webp;base64,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) 0 0/cover no-repeat;
    color: #fff
}

.item-ranking.nft-ranking .define-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    white-space: nowrap;
    padding: 5px 24px
}

    .item-ranking.nft-ranking .define-detail:first-child, .item-ranking.nft-ranking .define-detail:nth-child(2) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0
    }

    .item-ranking.nft-ranking .define-detail dt {
        margin-bottom: 0;
        height: 14px
    }

    .item-ranking.nft-ranking .define-detail dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        font-size: 24px
    }

.item-ranking.nft-ranking .define-trade.price .price {
    font-size: 28px
}

    .item-ranking.nft-ranking .define-trade.price .price:before {
        background: url(../../static/img/ico-wemix.d998534e.webp) 0 0/cover no-repeat
    }

.item-ranking.nft-ranking .define-trade.seller dd {
    font-size: 14px
}

.item-ranking.nft-ranking .define-trade dd {
    font-size: 12px
}

    .item-ranking.nft-ranking .define-trade dd .data-info {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        color: hsla(0,0%,100%,.5)
    }

        .item-ranking.nft-ranking .define-trade dd .data-info span {
            margin-left: 8px
        }

.item-ranking.nft-ranking .define-trade dt {
    margin-bottom: 6px;
    line-height: .766
}

.nft .item-ranking__rank {
    top: 12px;
    left: 21px
}

.nft .exd-ranking .tab-rounds {
    margin-bottom: 46px
}

.nft .define-trade.seller {
    width: 46%
}

    .nft .define-trade.seller .character {
        margin: -1px 6px 0 0
    }

    .nft .define-trade.seller + .define-trade dt, .nft .define-trade.seller dt {
        margin-bottom: 7px
    }

    .nft .define-trade.seller + .define-trade + ul, .nft .define-trade.seller + ul {
        padding: 0
    }

        .nft .define-trade.seller + .define-trade + ul li, .nft .define-trade.seller + ul li {
            list-style-type: none
        }

            .nft .define-trade.seller + .define-trade + ul li a, .nft .define-trade.seller + ul li a {
                position: relative;
                font-size: 12px;
                font-weight: 400;
                color: #fff
            }

                .nft .define-trade.seller + .define-trade + ul li a:before, .nft .define-trade.seller + ul li a:before {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 16px;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background-color: #fff
                }

.nft .exd-ranking .item-ranking {
    margin-top: 0
}

.select-filter.v-select {
    --select-font-color: #fff;
    --select-font-size: 14px;
    --select-height: 40px;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    position: relative;
    border-radius: 0;
    height: var(--select-height);
    color: var(--select-font-color);
    font-size: var(--select-font-size);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .select-filter.v-select .v-select__selections {
        color: inherit
    }

        .select-filter.v-select .v-select__selections > input[type=text] {
            padding-bottom: 10px
        }

            .select-filter.v-select .v-select__selections > input[type=text]:-moz-placeholder-shown {
                width: 58px
            }

            .select-filter.v-select .v-select__selections > input[type=text]:-ms-input-placeholder {
                width: 58px
            }

            .select-filter.v-select .v-select__selections > input[type=text]:placeholder-shown {
                width: 58px
            }

            .select-filter.v-select .v-select__selections > input[type=text]::-webkit-input-placeholder {
                color: inherit
            }

            .select-filter.v-select .v-select__selections > input[type=text]::-moz-placeholder {
                color: inherit
            }

            .select-filter.v-select .v-select__selections > input[type=text]:-ms-input-placeholder {
                color: inherit
            }

            .select-filter.v-select .v-select__selections > input[type=text]::-ms-input-placeholder {
                color: inherit
            }

            .select-filter.v-select .v-select__selections > input[type=text]::placeholder {
                color: inherit
            }

        .select-filter.v-select .v-select__selections .v-select__selection--comma {
            margin: -1px 0 0
        }

    .select-filter.v-select .v-input__control {
        height: 100%
    }

        .select-filter.v-select .v-input__control fieldset {
            border-width: 0
        }

        .select-filter.v-select .v-input__control .v-input__slot[role=button] {
            padding-right: 6px
        }

    .select-filter.v-select .v-input__icon .v-icon {
        width: 16px;
        height: 16px;
        font-size: 0;
        background: url(data:image/webp;base64,UklGRsYAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGIAAAABP6CQbQQ4dwaPwQxO6SIiRFYfMI1tO0pWHxVNCbiUgKUFFAWs9f/lPVx0RP8Vpm3DuEO/hBlNwhbXPrCrWveXfeu3Wcc3wK9b7RW8ZwwAEUERkOFlOClOiskxOeoP4iQmAFZQOCA+AAAA8AIAnQEqIAAgAC5NNptNoSQkJAQATEtIAAmEjyeYFgAA/TH//+yH//4s///uq//9z2///dFaf/+pCQUAAAA=) 50% 50%/contain no-repeat
    }

        .select-filter.v-select .v-input__icon .v-icon:after, .select-filter.v-select .v-input__icon .v-icon:before {
            content: none
        }

    .select-filter.v-select .v-menu__content {
        left: -1px !important;
        margin-top: 8px;
        max-width: none;
        min-width: calc(100% + 2px) !important
    }

    .select-filter.v-select.orderby {
        margin-left: auto
    }

        .select-filter.v-select.orderby .v-input__icon .v-icon {
            background: url(data:image/webp;base64,UklGRsQAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGsAAAABL0AQQJork03e5IgIVh84iiRJbjo0IQQicP/PgSACGjd/MDturQ8AEf2fAPzBQ8wo1jrE7PeP3LB1CfMW4ZWO3N6JP3OUprBsK/RNeN8AOErDvYTfC8Tg66IrK0magiAd8kqahnA8XO1JZQBWUDggMgAAADADAJ0BKiAAIAA+bSabTaQhIqKUAIANiWkAAD1hpskQUoAA/vsi7f/4ghb5///sZQAA) 50% 50%/contain no-repeat
        }

        .select-filter.v-select.orderby .v-input__control .v-input__slot {
            padding-right: 0
        }

        .select-filter.v-select.orderby.v-select--is-menu-active .v-icon {
            -webkit-transform: none;
            transform: none
        }

    .select-filter.v-select:not(.orderby) .v-input__control {
        border-radius: 0;
        border: 1px solid hsla(0,0%,100%,.15);
        font-size: 14px;
        background-color: #0f0f25;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .select-filter.v-select:not(.orderby) .v-input__control:not(.v-input__control,.select-filter-layer,.layer-filter) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 12px;
            height: 40px;
            padding: 0 16px
        }

            .select-filter.v-select:not(.orderby) .v-input__control:not(.v-input__control,.select-filter-layer,.layer-filter):after {
                content: "";
                display: block;
                width: 16px;
                height: 16px;
                background: url(data:image/webp;base64,UklGRsYAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGIAAAABP6CQbQQ4dwaPwQxO6SIiRFYfMI1tO0pWHxVNCbiUgKUFFAWs9f/lPVx0RP8Vpm3DuEO/hBlNwhbXPrCrWveXfeu3Wcc3wK9b7RW8ZwwAEUERkOFlOClOiskxOeoP4iQmAFZQOCA+AAAA8AIAnQEqIAAgAC5NNptNoSQkJAQATEtIAAmEjyeYFgAA/TH//+yH//4s///uq//9z2///dFaf/+pCQUAAAA=) 50% 50%/contain no-repeat;
                -webkit-transition: -webkit-transform .3s cubic-bezier(.25,.8,.5,1);
                transition: -webkit-transform .3s cubic-bezier(.25,.8,.5,1);
                -o-transition: transform .3s cubic-bezier(.25,.8,.5,1);
                transition: transform .3s cubic-bezier(.25,.8,.5,1);
                transition: transform .3s cubic-bezier(.25,.8,.5,1),-webkit-transform .3s cubic-bezier(.25,.8,.5,1)
            }

            .select-filter.v-select:not(.orderby) .v-input__control:not(.v-input__control,.select-filter-layer,.layer-filter).btn--active {
                border-color: hsla(0,0%,100%,.5)
            }

                .select-filter.v-select:not(.orderby) .v-input__control:not(.v-input__control,.select-filter-layer,.layer-filter).btn--active:after {
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

            .select-filter.v-select:not(.orderby) .v-input__control:not(.v-input__control,.select-filter-layer,.layer-filter).btn--set {
                border-color: hsla(0,0%,100%,.3)
            }

        .select-filter.v-select:not(.orderby) .v-input__control .v-input__icon {
            margin-right: 6px
        }

    .select-filter.v-select.v-select--is-menu-active .v-input__control {
        border-color: hsla(0,0%,100%,.5) !important
    }

    .select-filter.v-select.v-input--is-dirty .v-input__control {
        border-color: hsla(0,0%,100%,.15)
    }

    .select-filter.v-select.v-input--is-dirty .v-select__selections > input[type=text] {
        width: 0
    }

    .select-filter.v-select.v-input--is-dirty .v-select__selections .v-select__selection--comma {
        overflow: visible;
        -o-text-overflow: initial;
        text-overflow: clip
    }

.select-filter-layer {
    color: #fff;
    border-radius: 0;
    border: 1px solid hsla(0,0%,100%,.15);
    font-size: 14px;
    background-color: #0f0f25;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .select-filter-layer:not(.v-input__control,.select-filter-layer,.layer-filter) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        height: 40px;
        padding: 0 16px
    }

        .select-filter-layer:not(.v-input__control,.select-filter-layer,.layer-filter):after {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            background: url(data:image/webp;base64,UklGRsYAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGIAAAABP6CQbQQ4dwaPwQxO6SIiRFYfMI1tO0pWHxVNCbiUgKUFFAWs9f/lPVx0RP8Vpm3DuEO/hBlNwhbXPrCrWveXfeu3Wcc3wK9b7RW8ZwwAEUERkOFlOClOiskxOeoP4iQmAFZQOCA+AAAA8AIAnQEqIAAgAC5NNptNoSQkJAQATEtIAAmEjyeYFgAA/TH//+yH//4s///uq//9z2///dFaf/+pCQUAAAA=) 50% 50%/contain no-repeat;
            -webkit-transition: -webkit-transform .3s cubic-bezier(.25,.8,.5,1);
            transition: -webkit-transform .3s cubic-bezier(.25,.8,.5,1);
            -o-transition: transform .3s cubic-bezier(.25,.8,.5,1);
            transition: transform .3s cubic-bezier(.25,.8,.5,1);
            transition: transform .3s cubic-bezier(.25,.8,.5,1),-webkit-transform .3s cubic-bezier(.25,.8,.5,1)
        }

        .select-filter-layer:not(.v-input__control,.select-filter-layer,.layer-filter).btn--active {
            border-color: hsla(0,0%,100%,.5)
        }

            .select-filter-layer:not(.v-input__control,.select-filter-layer,.layer-filter).btn--active:after {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .select-filter-layer:not(.v-input__control,.select-filter-layer,.layer-filter).btn--set {
            border-color: hsla(0,0%,100%,.3)
        }

    .select-filter-layer .v-input__icon {
        margin-right: 6px
    }

    .select-filter-layer .v-select-list {
        color: inherit;
        background-color: inherit
    }

        .select-filter-layer .v-select-list .v-list-item {
            margin-top: 10px;
            color: inherit;
            font-size: calc(var(--select-font-size) + 2px)
        }

            .select-filter-layer .v-select-list .v-list-item:not(.v-list-item--active) {
                color: inherit
            }

            .select-filter-layer .v-select-list .v-list-item:first-of-type {
                margin-top: 0
            }

        .select-filter-layer .v-select-list .v-list-item__title {
            font-size: inherit;
            font-weight: 700;
            overflow: visible;
            -o-text-overflow: initial;
            text-overflow: clip
        }

.myitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .myitem[data-sale-type="0"] .myitem-detail, .myitem[data-sale-type=sale] .myitem-detail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 520px;
        flex: 0 0 520px
    }

    .myitem[data-sale-type="1"], .myitem[data-sale-type="3"], .myitem[data-sale-type=purchase], .myitem[data-sale-type=soldout] {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .myitem .item-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 376px;
        flex: 0 0 376px
    }

    .myitem .myitem-detail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 448px;
        flex: 0 0 448px
    }

        .myitem .myitem-detail .list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            line-height: normal;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .myitem .myitem-detail .list li {
                font-size: 12px;
                font-weight: 400;
                color: hsla(0,0%,100%,.5);
                margin-left: 8px
            }

                .myitem .myitem-detail .list li:first-of-type {
                    margin-left: 0
                }

                .myitem .myitem-detail .list li.enhance, .myitem .myitem-detail .list li.price, .myitem .myitem-detail .list li.score {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 121px;
                    flex: 0 0 121px
                }

                    .myitem .myitem-detail .list li.price .ico-darco span {
                        display: block;
                        display: -webkit-box;
                        overflow: hidden;
                        -o-text-overflow: ellipsis !important;
                        text-overflow: ellipsis !important;
                        -webkit-box-orient: vertical;
                        word-wrap: break-word;
                        word-break: break-word;
                        -webkit-line-clamp: 1
                    }

                .myitem .myitem-detail .list li.apply .btn {
                    min-width: 125px;
                    min-height: 48px;
                    height: inherit;
                    padding: 8px
                }

                .myitem .myitem-detail .list li.apply .btn-sell {
                    min-width: 125px;
                    min-height: 48px;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: normal;
                    color: #fff;
                    padding: 0 8px;
                    border-style: solid;
                    border-width: 1px;
                    border-image-source: linear-gradient(180deg,#fff6a5,#897b00);
                    border-image-slice: 1;
                    background-image: -o-linear-gradient(339deg,#000 0,#323200 51%,#000 100%);
                    background-image: linear-gradient(111deg,#000,#323200 51%,#000)
                }

                .myitem .myitem-detail .list li span, .myitem .myitem-detail .list li strong {
                    display: block
                }

                .myitem .myitem-detail .list li strong {
                    font-size: 16px;
                    margin-top: 4px;
                    color: #fff
                }

        .myitem .myitem-detail .spec {
            line-height: normal
        }

            .myitem .myitem-detail .spec li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 12px;
                font-weight: 400;
                color: #fff;
                margin-top: 16px
            }

                .myitem .myitem-detail .spec li:first-of-type {
                    margin-top: 0
                }

                .myitem .myitem-detail .spec li.date strong {
                    font-weight: 400
                }

                .myitem .myitem-detail .spec li strong {
                    font-size: 14px
                }

                    .myitem .myitem-detail .spec li strong.negative {
                        color: red
                    }

                    .myitem .myitem-detail .spec li strong.ico-darco.ico-xs {
                        font-size: 24px
                    }

.swiper-container {
    width: 100%
}

    .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 64px;
        height: 64px
    }

        .swiper-container .swiper-button-next:before, .swiper-container .swiper-button-prev:before {
            content: "";
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 100%;
            background: url(../../static/img/btn-swiper-arrow.4aca05c6.svg) 0 0/cover no-repeat
        }

        .swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after {
            content: none
        }

        .swiper-container .swiper-button-next.swiper-button-disabled, .swiper-container .swiper-button-prev.swiper-button-disabled {
            opacity: .2
        }

    .swiper-container .swiper-button-prev {
        left: 40px
    }

    .swiper-container .swiper-button-next {
        right: 40px
    }

        .swiper-container .swiper-button-next:before {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg)
        }

    .swiper-container .swiper-pagination .swiper-pagination-bullet {
        position: relative;
        border-radius: 0;
        padding: 10px 5px;
        width: auto;
        height: auto;
        background-color: transparent;
        -webkit-transition: opacity .4s ease;
        -o-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

        .swiper-container .swiper-pagination .swiper-pagination-bullet:before {
            content: "";
            display: block;
            width: 6px;
            height: 6px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background-color: #fff
        }

        .swiper-container .swiper-pagination .swiper-pagination-bullet:after {
            position: absolute;
            top: calc(50% - 5px);
            left: calc(50% - 5px);
            border: 1px solid #fff;
            width: 10px;
            height: 10px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
            opacity: 1
        }

        .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
            content: ""
        }

.banner-dsp-stake {
    --banner-height: 459px;
    --banner-boxsize: 102px;
    --banner-inner-width: 582px;
    --btn-padding-x: 16px;
    --btn-height: 56px;
    --btn-fontsize: 20px;
    --btn-color: 255,255,255;
    display: block;
    position: relative;
    width: 100%;
    height: var(--banner-height);
    background: url(../../static/img/bg-dsp-stake.cda006c4.webp),-webkit-gradient(linear,left top,left bottom,from(#010101),to(#0a0128));
    background: url(../../static/img/bg-dsp-stake.cda006c4.webp),-o-linear-gradient(top,#010101,#0a0128);
    background: url(../../static/img/bg-dsp-stake.cda006c4.webp),linear-gradient(180deg,#010101,#0a0128);
    background-position: 50% 0;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.banner-dsp-stake__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding-top: 30px;
    width: var(--banner-inner-width);
    height: 100%;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner-dsp-stake .title {
    width: 136px;
    height: 56px;
    font-size: 0 !important;
    background: url(data:image/webp;base64,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) 0 0/cover no-repeat
}

.banner-dsp-stake .message {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 8px 0 24px;
    line-height: 1;
    font-size: 80px
}

.banner-dsp-stake .link, .banner-dsp-stake .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700
}

.banner-dsp-stake .link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 var(--btn-padding-x);
    min-width: 60px;
    width: 220px;
    height: var(--btn-height);
    line-height: 1.2;
    color: rgb(var(--btn-color));
    font-size: var(--btn-fontsize);
    background-color: #a0f
}

    .banner-dsp-stake .link:after {
        content: "";
        display: block;
        margin-left: 4px;
        width: 16px;
        height: 16px;
        background: url(data:image/webp;base64,UklGRp4AAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSEIAAAABP0AQCBp7g8xGOSIiWA+KYlup3gwFiEAK1kQgBGgB7b/86zqi/waTtrHt9gvuCA8FjXQd8fqjZ0NNP/KRNCK4JwBWUDggNgAAAFADAJ0BKiAAIAAuTTabTaEkJCQEAExLSAAJI6o3/ERPvBwAAP2z//2RFH/+0gOX//qQiGAAAA==) 0 0/cover no-repeat
    }

.banner-dsp-main {
    --banner-height: 459px;
    --banner-boxsize: 102px;
    --banner-inner-width: 582px;
    --btn-padding-x: 16px;
    --btn-height: 56px;
    --btn-fontsize: 20px;
    --btn-color: 255,255,255;
    display: block;
    position: relative;
    width: 100%;
    height: var(--banner-height);
    background-image: url(../../static/img/bg-banner.84178602.webp),-webkit-gradient(linear,left top,left bottom,from(#010101),to(#0a0128));
    background-image: url(../../static/img/bg-banner.84178602.webp),-o-linear-gradient(top,#010101,#0a0128);
    background-image: url(../../static/img/bg-banner.84178602.webp),linear-gradient(180deg,#010101,#0a0128);
    background-position: 50% 0;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.banner-dsp-main__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: var(--banner-inner-width);
    height: 100%;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner-dsp-main .title {
    width: 157px;
    height: 64px;
    font-size: 0 !important;
    background: url(../../static/img/bi-banner.c302827f.webp) 0 0/cover no-repeat
}

.banner-dsp-main .message {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 8px 0 40px;
    line-height: 1;
    font-size: 56px
}

.banner-dsp-main .link, .banner-dsp-main .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700
}

.banner-dsp-main .link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 var(--btn-padding-x);
    min-width: 60px;
    width: 220px;
    height: var(--btn-height);
    line-height: 1.2;
    color: rgb(var(--btn-color));
    font-size: var(--btn-fontsize);
    background-color: #a0f
}

    .banner-dsp-main .link:after {
        content: "";
        display: block;
        margin-left: 4px;
        width: 16px;
        height: 16px;
        background: url(data:image/webp;base64,UklGRp4AAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSEIAAAABP0AQCBp7g8xGOSIiWA+KYlup3gwFiEAK1kQgBGgB7b/86zqi/waTtrHt9gvuCA8FjXQd8fqjZ0NNP/KRNCK4JwBWUDggNgAAAFADAJ0BKiAAIAAuTTabTaEkJCQEAExLSAAJI6o3/ERPvBwAAP2z//2RFH/+0gOX//qQiGAAAA==) 0 0/cover no-repeat
    }

.banner-exd {
    --banner-height: 459px;
    --banner-boxsize: 102px;
    --banner-inner-width: 800px;
    --btn-padding-x: 16px;
    --btn-height: 56px;
    --btn-fontsize: 20px;
    --btn-color: 255,255,255;
    display: block;
    position: relative;
    width: 100%;
    height: var(--banner-height);
    background-image: url(../../static/img/bg-banner.40a7e6f2.webp),-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent)),-webkit-gradient(linear,left top,left bottom,from(#090028),to(#090028));
    background-image: url(../../static/img/bg-banner.40a7e6f2.webp),-o-linear-gradient(top,#000,transparent),-o-linear-gradient(top,#090028,#090028);
    background-image: url(../../static/img/bg-banner.40a7e6f2.webp),linear-gradient(180deg,#000,transparent),linear-gradient(180deg,#090028,#090028);
    background-position: 50% 0;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.banner-exd__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: var(--banner-inner-width);
    height: 100%;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner-exd .bi-exd {
    margin-bottom: 24px;
    width: 252px;
    height: 96px;
    font-size: 0;
    background: url(../../static/img/bi-exd.d9530a9c.webp) 50% 0/auto 100% no-repeat
}

.banner-exd .message {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 40px;
    line-height: 1;
    font-size: 56px
}

.banner-exd .link, .banner-exd .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700
}

.banner-exd .link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 var(--btn-padding-x);
    min-width: 60px;
    width: 220px;
    height: var(--btn-height);
    line-height: 1.2;
    color: rgb(var(--btn-color));
    font-size: var(--btn-fontsize);
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(180deg,#fff6a5,#897b00);
    border-image-slice: 1;
    background-image: -o-linear-gradient(344deg,#000 0,#330 51%,#000 100%);
    background-image: linear-gradient(106deg,#000,#330 51%,#000)
}

    .banner-exd .link:after {
        content: "";
        display: block;
        margin-left: 4px;
        width: 16px;
        height: 16px;
        background: url(data:image/webp;base64,UklGRp4AAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSEIAAAABP0AQCBp7g8xGOSIiWA+KYlup3gwFiEAK1kQgBGgB7b/86zqi/waTtrHt9gvuCA8FjXQd8fqjZ0NNP/KRNCK4JwBWUDggNgAAAFADAJ0BKiAAIAAuTTabTaEkJCQEAExLSAAJI6o3/ERPvBwAAP2z//2RFH/+0gOX//qQiGAAAA==) 0 0/cover no-repeat
    }

.container .home {
    min-height: 100vh
}

    .container .home .section {
        margin-top: 120px;
        font-size: 24px
    }

        .container .home .section:first-of-type {
            margin-top: 0
        }

        .container .home .section.section0 {
            margin-top: 4px;
            background-color: #000
        }

            .container .home .section.section0 .section__inner {
                width: 960px
            }

            .container .home .section.section0 .wrap-video {
                position: relative;
                padding-top: 0;
                -webkit-transition: padding .3s;
                -o-transition: padding .3s;
                transition: padding .3s
            }

                .container .home .section.section0 .wrap-video.wrap-video--open {
                    padding-top: 56.25%
                }

                .container .home .section.section0 .wrap-video iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%
                }

        .container .home .section.section1 {
            position: relative;
            min-height: 734px;
            margin-top: 5px;
            font-weight: 700;
            color: #fff;
            background: url(../../static/img/bg-section1.a1197b47.webp) 50% 0/auto 720px no-repeat
        }

            .container .home .section.section1 .section__inner {
                width: 960px
            }

            .container .home .section.section1:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 720px;
                background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,40,0)));
                background-image: -o-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,40,0));
                background-image: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,40,0))
            }

            .container .home .section.section1 p {
                margin-top: 40px
            }

                .container .home .section.section1 p:first-of-type {
                    margin-top: 0
                }

                .container .home .section.section1 p.text-introduce {
                    line-height: 1.5;
                    font-size: 32px
                }

                .container .home .section.section1 p.text-desc {
                    font-size: 24px;
                    color: hsla(0,0%,100%,.7)
                }

            .container .home .section.section1 .bi {
                margin: 121px 0 24px;
                width: 271px;
                height: 56px;
                font-size: 0;
                background: url(../../static/img/bi-xdraco.5b4a2914.svg) 50% 0/cover no-repeat
            }

            .container .home .section.section1 .bi-package {
                margin: 80px 0 24px;
                width: 960px;
                height: 45px;
                font-size: 0;
                background: url(../../static/img/bg-bi-package1.12b85ac0.webp) 50% 0/auto 100% no-repeat
            }

            .container .home .section.section1 .exd-youtube .wrap-youtube {
                position: relative;
                margin-top: 40px;
                padding-top: 56.25%;
                height: 0
            }

                .container .home .section.section1 .exd-youtube .wrap-youtube.no-gutter {
                    padding-top: 0;
                    height: auto
                }

                .container .home .section.section1 .exd-youtube .wrap-youtube .inner {
                    margin: 0 auto;
                    text-align: center
                }

        .container .home .section.section2 {
            margin-top: -80px
        }

            .container .home .section.section2 .section__inner {
                max-width: 1280px;
                min-width: 960px;
                width: 100%;
                min-height: 200px
            }

            .container .home .section.section2 .summary-brand {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                list-style: none;
                padding: 0
            }

                .container .home .section.section2 .summary-brand .brand {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    position: relative;
                    margin-top: 4px;
                    width: calc(50% - 2px);
                    height: 594px;
                    font-weight: 700;
                    background-image: -webkit-gradient(linear,left top,left bottom,from(#0b0b10),to(#27253a));
                    background-image: -o-linear-gradient(top,#0b0b10,#27253a);
                    background-image: linear-gradient(180deg,#0b0b10,#27253a)
                }

                    .container .home .section.section2 .summary-brand .brand:after {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        z-index: 0;
                        width: 100%;
                        height: 85%;
                        background-repeat: no-repeat;
                        background-position: 50% 50%;
                        background-size: 90% auto
                    }

                    .container .home .section.section2 .summary-brand .brand .define, .container .home .section.section2 .summary-brand .brand .wrap-button {
                        position: relative;
                        z-index: 1
                    }

                    .container .home .section.section2 .summary-brand .brand .define {
                        margin-bottom: 276px;
                        width: 100%
                    }

                        .container .home .section.section2 .summary-brand .brand .define dt {
                            display: block;
                            margin-bottom: 24px;
                            text-align: center
                        }

                            .container .home .section.section2 .summary-brand .brand .define dt img {
                                vertical-align: top
                            }

                        .container .home .section.section2 .summary-brand .brand .define dd {
                            padding: 0 20%;
                            line-height: 1.5;
                            font-size: 16px;
                            color: #fff;
                            text-align: center
                        }

                    .container .home .section.section2 .summary-brand .brand.exchange:after {
                        background-image: url(../../static/img/bg-summary-exd.7dd44aa0.webp)
                    }

                    .container .home .section.section2 .summary-brand .brand.dsp-end:after {
                        background-image: url(../../static/img/dsp-season2-end.02fba34f.webp)
                    }

                    .container .home .section.section2 .summary-brand .brand.nft:after {
                        background-image: url(../../static/img/bg-summary-nft.806ae1ed.webp)
                    }

                        .container .home .section.section2 .summary-brand .brand.nft:after .define {
                            margin-bottom: 275px
                        }

                            .container .home .section.section2 .summary-brand .brand.nft:after .define dt {
                                margin-bottom: 19px
                            }

                    .container .home .section.section2 .summary-brand .brand.hsp:after {
                        background-image: url(../../static/img/bg-hsp.cf15fa22.webp);
                        background-size: cover;
                        background-position-y: 100%
                    }

                    .container .home .section.section2 .summary-brand .brand.dsp .define {
                        margin: 0 0 19px
                    }

                    .container .home .section.section2 .summary-brand .brand.dsp .img {
                        margin-bottom: 40px
                    }

                    .container .home .section.section2 .summary-brand .brand.dsp:after {
                        content: none;
                        background-size: cover;
                        background-position-y: 100%
                    }

                    .container .home .section.section2 .summary-brand .brand.dsp .wrap-button .button {
                        height: 48px;
                        background-color: #a0f
                    }

                    .container .home .section.section2 .summary-brand .brand.draco .wrap-button {
                        margin-top: 0
                    }

                    .container .home .section.section2 .summary-brand .brand.draco:after {
                        background-image: url(../../static/img/bg-summary-draco.991b0131.webp);
                        background-size: cover;
                        background-position-y: 100%
                    }

                    .container .home .section.section2 .summary-brand .brand.hydra:after {
                        height: 100%;
                        background: url(../../static/img/bg-hydra.fe96ece0.webp) 50% 0/cover no-repeat
                    }

                    .container .home .section.section2 .summary-brand .brand.hydra .define {
                        margin-bottom: 270px !important
                    }

            .container .home .section.section2 .wrap-button {
                text-align: center
            }

                .container .home .section.section2 .wrap-button .button {
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    width: 240px;
                    height: 48px;
                    line-height: 1;
                    color: #fff;
                    font-size: 14px;
                    background-color: #a0f;
                    vertical-align: top
                }

                    .container .home .section.section2 .wrap-button .button:after {
                        content: "";
                        display: block;
                        width: 16px;
                        height: 16px;
                        background: url(data:image/webp;base64,UklGRp4AAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSEIAAAABP0AQCBp7g8xGOSIiWA+KYlup3gwFiEAK1kQgBGgB7b/86zqi/waTtrHt9gvuCA8FjXQd8fqjZ0NNP/KRNCK4JwBWUDggNgAAAFADAJ0BKiAAIAAuTTabTaEkJCQEAExLSAAJI6o3/ERPvBwAAP2z//2RFH/+0gOX//qQiGAAAA==) 50% 50%/cover no-repeat
                    }

                    .container .home .section.section2 .wrap-button .button[target=_blank]:after {
                        width: 24px;
                        height: 24px;
                        background-image: url(data:image/webp;base64,UklGRtwAAABXRUJQVlA4WAoAAAAQAAAALgAALQAAQUxQSGwAAAABX2AQgtpsT5BBl0FDWESE8JuGG3BT27YTverVVOh5Er4K0jWADmxQ5plr74dbUkb0fwLsux6KbczvbUP2J8gmqi6IEnvRhU6T6KILpgm66IRpgi46YZqgi06YJuiiE5ZZW4KeaT9g4s1VHyZWUDggSgAAADAEAJ0BKi8ALgA+bSabTaQhIqKRwIANiWkAABwzGVoc0sj1giwxG6bmYAD++56e7///ZDQO3//qDADD985//3RL/+5Yn//uZwAA)
                    }

            .container .home .section.section2 .link {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1;
                font-size: 0
            }

.init-app .container .home .define {
    opacity: 1
}

.init-home .container .home:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.container .v-footer {
    margin: 80px 0
}

.container .wrap-banner {
    width: 100%
}

    .container .wrap-banner .banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 22px;
        width: 100%;
        height: 320px;
        line-height: 1.2;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .container .wrap-banner .banner:before {
            content: "";
            display: block;
            margin-bottom: 10px;
            background-size: auto 100%;
            background-position: 50% 50%;
            background-repeat: no-repeat
        }

        .container .wrap-banner .banner.mir4 {
            background-image: url(../../static/img/bg-banner-mir4.711f8b6d.webp)
        }

            .container .wrap-banner .banner.mir4:before {
                width: 218px;
                height: 58px;
                background-image: url(../../static/img/bi-banner-mir4.d4350643.webp)
            }

            .container .wrap-banner .banner.mir4 .button {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: 24px;
                height: 48px;
                padding: 0 20px;
                color: #fff;
                font-size: 16px;
                background-color: #000
            }

        .container .wrap-banner .banner.draco {
            background-image: url(../../static/img/bg-banner-draco.50f815c5.webp)
        }

            .container .wrap-banner .banner.draco:before {
                width: 200px;
                height: 52px;
                background-image: url(data:image/webp;base64,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)
            }

@media screen and (min-width:960px) {
    .container .wrap-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .container .wrap-banner .banner {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 24px;
            background-size: cover;
            background-position: 50% 50%
        }

            .container .wrap-banner .banner.mir4 {
                font-size: 28px
            }

                .container .wrap-banner .banner.mir4:before {
                    width: 246px;
                    height: 64px
                }

                .container .wrap-banner .banner.mir4 .button {
                    margin-top: 13px;
                    padding: 0 43px;
                    height: 56px;
                    font-size: 24px
                }

            .container .wrap-banner .banner.draco:before {
                width: 300px;
                height: 78px
            }
}

.container .mir4nft {
    overflow-x: hidden;
    max-width: 100vw;
    min-height: 100vh
}

    .container .mir4nft:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
        width: 100%;
        height: 640px;
        background: url(../../static/img/bg-top.12e1046f.webp) 50% 0/auto 100% no-repeat;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: opacity 1.2s ease-in-out .2s,-webkit-transform 1.2s ease-out;
        transition: opacity 1.2s ease-in-out .2s,-webkit-transform 1.2s ease-out;
        -o-transition: opacity 1.2s .2s ease-in-out,transform 1.2s ease-out;
        transition: opacity 1.2s ease-in-out .2s,transform 1.2s ease-out;
        transition: opacity 1.2s ease-in-out .2s,transform 1.2s ease-out,-webkit-transform 1.2s ease-out
    }

    .container .mir4nft .section {
        margin-top: 120px;
        font-size: 24px
    }

    .container .mir4nft .section__inner {
        width: 960px
    }

        .container .mir4nft .section__inner > .headword {
            line-height: 66px;
            font-size: 56px;
            font-weight: 700;
            color: #fff
        }

    .container .mir4nft .section .wrap-define .define.minting:before {
        background-image: url(../../static/img/bg-define-minting.26d396dd.webp)
    }

    .container .mir4nft .section .wrap-define .define.sealing:before {
        background-image: url(../../static/img/bg-define-sealing.c328931e.webp)
    }

    .container .mir4nft .section .wrap-define .define.trading:before {
        background-image: url(../../static/img/bg-define-trading.0623067e.webp)
    }

    .container .mir4nft .section .wrap-define .define.searching:before {
        background-image: url(../../static/img/bg-define-searching.0fc6faf3.webp)
    }

    .container .mir4nft .section .wrap-define .define.purchasing:before {
        background-image: url(../../static/img/bg-define-purchasing.abb6411e.webp)
    }

    .container .mir4nft .section .wrap-define .define.playing:before {
        background-image: url(../../static/img/bg-define-playing.23d320b4.webp)
    }

    .container .mir4nft .section .wrap-define .define:after {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEJCMkY3NzkxNzBCMTFFQzk1RkJFQUQ1NzFBRDVEMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEJCMkY3N0ExNzBCMTFFQzk1RkJFQUQ1NzFBRDVEMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQkIyRjc3NzE3MEIxMUVDOTVGQkVBRDU3MUFENUQxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQkIyRjc3ODE3MEIxMUVDOTVGQkVBRDU3MUFENUQxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvkCqH8AAAEYSURBVHja7JlBDsFQFEV/xS5qByaWYNYOag0kOjSoMbNagAWQfHswYMQSDNgB6/jeF00Imiqpf+O+5E71nbx7338JzxijkKumwIsABCAAAQhAAAL8surhsFPpB1fTZStMoh3yBBKB2Iv6yBZqimYCoUU+cga6ouMnIK6E2IKsy9jKpS2U2crmo428Ri3IpqitXH4HsnykeSAID9k4Lx8oL/FtPu6nYZTSIgMm27MfJBEsQKYU/5gD7XshGslRePIuPqr2GtXXFVmmDqKBNL5FnEAsjc8R1+hE1HjWvOsTsHYJrM/RQvzgcySA+JVVXL+Fcn3u8gQK+dxFgLd87hqAlsZ73/oxj/+REYAABCAAAQhAgD8GOAswAElJFwANv0edAAAAAElFTkSuQmCC) 50% 50%/contain no-repeat
    }

    .container .mir4nft .section:first-of-type {
        margin-top: 0
    }

    .container .mir4nft .section.section1 {
        padding-top: 160px;
        font-weight: 700;
        color: #fff
    }

        .container .mir4nft .section.section1 p {
            margin-top: 32px
        }

            .container .mir4nft .section.section1 p:first-of-type {
                margin-top: 0
            }

            .container .mir4nft .section.section1 p.text-introduce {
                line-height: 56px;
                font-size: 48px
            }

            .container .mir4nft .section.section1 p.text-desc {
                font-size: 28px;
                color: hsla(0,0%,100%,.75)
            }

        .container .mir4nft .section.section1 .bi {
            margin-bottom: 80px;
            width: 240px;
            height: 100px;
            font-size: 0;
            background: url(../../static/img/bi-mir4nft.858a2025.webp) 50% 0/auto 100% no-repeat
        }

        .container .mir4nft .section.section1 .wrap-character {
            position: relative;
            margin: 100px 0 80px;
            padding-top: 80px;
            height: 840px;
            background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
            background-image: -o-linear-gradient(top,transparent,rgba(0,0,0,.5));
            background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.5))
        }

            .container .mir4nft .section.section1 .wrap-character .swiper {
                height: 100%;
                opacity: 0
            }

            .container .mir4nft .section.section1 .wrap-character .swiper-slide {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide:before {
                    content: "";
                    position: absolute;
                    top: 40px;
                    left: calc(50% - 258px);
                    width: 516px;
                    height: 516px;
                    background-position: 0 0;
                    background-size: cover;
                    background-repeat: no-repeat;
                    opacity: 0;
                    -webkit-transition: opacity .8s ease-in .2s;
                    -o-transition: opacity .8s .2s ease-in;
                    transition: opacity .8s ease-in .2s
                }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide .name {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    position: absolute;
                    top: calc(50% - 71px);
                    left: calc(50% - 71px);
                    z-index: 1;
                    width: 142px;
                    height: 142px;
                    line-height: 1;
                    font-size: 22px;
                    font-weight: 700;
                    text-align: center;
                    text-transform: uppercase;
                    opacity: 0;
                    -webkit-transition: opacity .5s linear 1s;
                    -o-transition: opacity .5s 1s linear;
                    transition: opacity .5s linear 1s
                }

                    .container .mir4nft .section.section1 .wrap-character .swiper-slide .name:before {
                        content: "";
                        position: absolute;
                        top: 12%;
                        left: 12%;
                        z-index: -1;
                        border: 1px solid #fff;
                        width: 76%;
                        height: 76%;
                        background-color: rgba(0,0,0,.4);
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        opacity: 0;
                        -webkit-transition: opacity .6s ease-out .8s;
                        -o-transition: opacity .6s .8s ease-out;
                        transition: opacity .6s ease-out .8s
                    }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide .character {
                    position: relative;
                    height: 100%;
                    opacity: 0;
                    -webkit-transform: translateX(-30px);
                    transform: translateX(-30px);
                    -webkit-transition: opacity .4s ease 1s,-webkit-transform .5s ease 1s;
                    transition: opacity .4s ease 1s,-webkit-transform .5s ease 1s;
                    -o-transition: opacity .4s 1s ease,transform .5s 1s ease;
                    transition: opacity .4s ease 1s,transform .5s ease 1s;
                    transition: opacity .4s ease 1s,transform .5s ease 1s,-webkit-transform .5s ease 1s
                }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide[data-character=warrior]:before {
                    background-image: url(../../static/img/symbole-warrior.8710fedf.webp)
                }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide[data-character=sorcerer]:before {
                    background-image: url(../../static/img/symbole-sorcerer.7e0a6e9c.webp)
                }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide[data-character=taoist]:before {
                    background-image: url(../../static/img/symbole-taoist.c6b36534.webp)
                }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide[data-character=lancer]:before {
                    background-image: url(../../static/img/symbole-lancer.31e8054c.webp)
                }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide.swiper-slide-active:before {
                    opacity: 1
                }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide.swiper-slide-active .character {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }

                .container .mir4nft .section.section1 .wrap-character .swiper-slide.swiper-slide-active .name:before {
                    opacity: 1
                }

            .container .mir4nft .section.section1 .wrap-character .swiper .level, .container .mir4nft .section.section1 .wrap-character .swiper .power {
                position: absolute;
                top: 120px;
                left: 0;
                width: 100%;
                height: calc(100% - 120px);
                opacity: 0;
                -webkit-transition: opacity .8s ease 1s;
                -o-transition: opacity ease .8s 1s;
                transition: opacity .8s ease 1s
            }

                .container .mir4nft .section.section1 .wrap-character .swiper .level > .inner, .container .mir4nft .section.section1 .wrap-character .swiper .power > .inner {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin: 0 auto;
                    width: 960px;
                    height: 100%;
                    line-height: 28px;
                    font-size: 24px;
                    font-weight: 700
                }

                    .container .mir4nft .section.section1 .wrap-character .swiper .level > .inner em, .container .mir4nft .section.section1 .wrap-character .swiper .power > .inner em {
                        display: block;
                        position: relative;
                        left: -2px;
                        margin-top: 2px;
                        line-height: 1;
                        font-size: 56px;
                        font-style: normal;
                        color: red
                    }

                .container .mir4nft .section.section1 .wrap-character .swiper .level > .inner {
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    padding-bottom: 110px
                }

                    .container .mir4nft .section.section1 .wrap-character .swiper .level > .inner:after {
                        content: "";
                        display: block;
                        position: relative;
                        left: -12px;
                        margin-top: 10px;
                        width: 972px;
                        height: 24px;
                        background: url(data:image/webp;base64,UklGRpgFAABXRUJQVlA4WAoAAAAQAAAAlwcALwAAQUxQSIIBAAABkFTbttxGF4IgfAgFQRAMQRDC4N5ZTTsAKiaCUMXgDzNsAdz0kTz6b62rVRExAfhvdDLm9W+1Qpspz15bodC2GfNslgn9LnOe+1Ij9IfMefbfViD0Jxn07LVVB/1pJj131gb9RSY9uy+FQX+ZUc9eW1XQOzLr2WsrCXpXhj33pSDonRn27H6pBnp3pj17baVAH8i4Z3OqA/pQ5j33pQrog5n37N5KgD6cgc9e2/ijr5CJz3ccffRVMvHZfRl69Knh1sYdfXa4tkFHnx/e/p7HO0CfIt5+H3A6SbgZcNAJwtOfebwDgE4PfkwY9To32GYMfF2HkOkP6xeMfV2DkPjuNGH06zgh8a0NBaijhMC3zahBHSPkvbsFZagjhLh3pwmFqP2EuLc11KL2EtLevxnlqH2EsHd3g4rUHkLY+zGhJvU1IettDWWprwhRr8+oTH1OSHp3QnHqM0LS+zGhPPWREPS2GRWq94Sc1y8oUr0RYt6dJpSpbCHmrQ2VKiHlbzNqElZQOCDwAwAAkDIAnQEqmAcwAD5tNJhIpCKioSDzOjCADYlN3C6nwB/ABoaIq/ir8FFWu1fiXzcmw3Yv8b/hL/gNOo4Y/2P3VcAB+gH+D/of9a7AHmA/aX9gOEA/w/UAdCD/iP2M///yIftr+1nwAfsN//+sA4QD+QfgBTMgao+XUgB1r36sTovg/uDIQFFRfB/cGQgKKi+D+4MhAUVF8H9wZCAoqL4P7gyEBRUXwf3BkICiohc/rRsrq11PgqL4P7gyEBRSrgiwZC1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tPt8XZJY0btC+L+70ekfsTYP93o9I/VReP668oEcBti90t0g/VirynB79WKvKcHv1Yq8pwe/VirynB79WKvKcHv1Yq8pwe/VirynB79WKvKcHv1Yq8pwe/VirynB79WKvKcHv1Yq8pwe/VirSVEehkIGsb+psH+70ekfsTYP904AA/PifJ67FiPuARWZZLSvi3UYXtrpRsT2rmRK13NpvrRcgaz/dgnCjTxJcDz8/ZcYiPdUiKTdKie6NwFZMozU+FbFKTbgF9/aEgAAAAAAAAAAAAtL1o+eah8dIrkmrJG7ie3zLtQ+18sX4Xo/5Mu9NdXiNVG0iXkj+Ihav+cD///pk3Zk0Id5A1oAcdBER/yHkv6u34mV0Q9uRkQ1fquKAABaQ6mt6La/wsRZ0OQAbeN0MCuYB1ANrE1ZCai0LAGJejj/E9U2+MjqIwa/xCJovAQIhK4W/oGun7T9ZPHb9snR0RGEb2zgqpL6kv/SNgwd3KrBEtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxREtxIviO65fd+ufvSTVVcBshRSr+AA7wXILsGF0tR6NJMplXz47mxdEMKKSTvepqd54GGBwCF6kQEMF9ajMorPxr3yAWDFqH4H0BkA2W7SxSUGJ2ToNAq/nEAAAFDUX/wdnFbf5ET1XR/ZqZ2z7fr3QOQO+vpPUtGeIokYeOTDwcHRrckqMgBj+ce/qwEfenI3GbwTX2OKrX53VJ/AC5PVKJnB9sE2ezuzJmu3fo0PhT5S/LcAAAAAAAAAAAAAAReCR76jXWa8+OIpXVaMZ6kkCEr41ONHdb69ZCXvipy7yk5ZYex4I/EZtJx8dUGJrIKlk8dIUKgqdoCxzneSymw5sly74AAAAAAA) 0 0/contain no-repeat
                    }

                    .container .mir4nft .section.section1 .wrap-character .swiper .level > .inner em {
                        color: #a0f
                    }

                .container .mir4nft .section.section1 .wrap-character .swiper .power > .inner {
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    padding-top: 16px
                }

                    .container .mir4nft .section.section1 .wrap-character .swiper .power > .inner:before {
                        content: "";
                        display: block;
                        position: relative;
                        left: -12px;
                        width: 798px;
                        height: 425px;
                        background: url(../../static/img/bg-graph-power.9fd437cd.webp) 0 0/contain no-repeat
                    }

            .container .mir4nft .section.section1 .wrap-character .swiper.swiper--loaded {
                opacity: 1
            }

                .container .mir4nft .section.section1 .wrap-character .swiper.swiper--loaded .swiper-slide {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                    .container .mir4nft .section.section1 .wrap-character .swiper.swiper--loaded .swiper-slide:before {
                        -webkit-transition-duration: .4s;
                        -o-transition-duration: .4s;
                        transition-duration: .4s;
                        -webkit-transition-delay: .1s;
                        -o-transition-delay: .1s;
                        transition-delay: .1s
                    }

                    .container .mir4nft .section.section1 .wrap-character .swiper.swiper--loaded .swiper-slide .character {
                        -webkit-transition-delay: .3s,.3s;
                        -o-transition-delay: .3s,.3s;
                        transition-delay: .3s,.3s
                    }

                    .container .mir4nft .section.section1 .wrap-character .swiper.swiper--loaded .level, .container .mir4nft .section.section1 .wrap-character .swiper.swiper--loaded .power, .container .mir4nft .section.section1 .wrap-character .swiper.swiper--loaded .swiper-slide .name {
                        opacity: 1
                    }

    .container .mir4nft .section .define dt {
        display: block;
        margin-bottom: 24px;
        line-height: 1.15;
        color: #fff;
        font-weight: 700
    }

    .container .mir4nft .section .define dd {
        line-height: 1.33;
        font-size: 20px
    }

    .container .mir4nft .section .wrap-define {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 80px
    }

        .container .mir4nft .section .wrap-define .define {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            position: relative;
            max-width: 283px
        }

            .container .mir4nft .section .wrap-define .define:before {
                content: "";
                display: block;
                margin-bottom: 40px;
                width: 100%;
                height: 120px;
                background-position: 0 0;
                background-size: auto 100%;
                background-repeat: no-repeat
            }

            .container .mir4nft .section .wrap-define .define:after {
                content: "";
                position: absolute;
                top: 48px;
                left: calc(100% + 12px);
                width: 24px;
                height: 24px;
                background: url(data:image/webp;base64,UklGRkgCAABXRUJQVlA4TDsCAAAvL8ALEEcEoZEkR1Jkn4Fw/HHem6LhOJIkR6npOckL/x84hw0apttx20aSxKrZ+7X557V57GvucTuIbFtIlgb3J+D9BjSACFQwmTbRJmICXgMDuI0/g4ERUBQGIcCgQBQy0CxoKMJAMSAGBxhu4DI4LojCmhVTEDit2gQaGrMGQSAIBG4U0hg0RoDG1EwMa6hCVzQqvE1zBwUFewybWpL1kVSfSpaI9W5CaSSIQsTP0dBWBnITjXnjmV2jf+PW62TcsiMfuuX1+Bfs7/cqn0fsbjKUTdqNi30jEBGIDIJiiv9u/FDozyUjn3fsKP6b7+Uz9/t65GrpUw5Qfi+4vb7X+f25/x7HHMC6bdt4c4Lvfie2bZt1UzOqbds2/zeT+9iniP5PAPxr/aTudnaasruxqZVHqk79scjAE037JBNWFd/v6dnFfEglLBR6d2jZE7pcIn4qxZZfKLlU2p35bDrNY5mWZSqu7TZZuI3HS6cKhfTMAwW7doWQy+F+aecj9nQAwGXNjw7P14tKKWG53GyOQaFegKRxHkBYc5GYxxXqJYSwvGhOpLboDEgIaerGWoslwUwWhQyLJDLldzuGtIJvug5qfXhyerYxKgsxSCKTY96S04TINMxBnQ9Hq95gLh8Yn0zEAqHQ4gTU+2Z0pOILM/lAJJmKr25D/Y9ldpsRGYagvnkJaDwQKsxaAcvi4OsV0IF+j1XD4fS9AaUHGA1ahte2gNoLwuHJn4HiA2xd2ASaL/s7ge4P+I8KAA==) 50% 50%/contain no-repeat
            }

            .container .mir4nft .section .wrap-define .define:last-of-type:after {
                content: none
            }

    .container .mir4nft .section .available-date {
        margin-top: 120px;
        font-weight: 700;
        font-size: 40px;
        color: #fff;
        text-align: center
    }

.init-mir4nft .container .mir4nft:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.init-mir4nft .container .mir4nft .section.section1 .items .obj {
    background-position-x: 50%;
    opacity: 1
}

    .init-mir4nft .container .mir4nft .section.section1 .items .obj.obj2 {
        background-position-x: calc(50% + 70px)
    }

    .init-mir4nft .container .mir4nft .section.section1 .items .obj.obj4 {
        background-position-x: calc(50% - 114px)
    }

.init-mir4nft .container {
    background-image: none !important
}

.v-application .contents.rounds .section__inner {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.dialog-login .content {
    padding: 32px
}

.dialog-login .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 88px 0 16px
}

    .dialog-login .title em {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        text-transform: capitalize
    }

    .dialog-login .title:before {
        content: "";
        display: inline-block;
        margin: 0 auto;
        width: 126px;
        height: 40px;
        background: url(data:image/webp;base64,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) 0 0/cover no-repeat
    }

.dialog-login .sub-title {
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: -.14px;
    color: rgba(0,0,0,.6)
}

.dialog-login .sns-provider {
    margin-bottom: 68px
}

.sns-provider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-top: 72px
}

    .sns-provider .accept-cookie-title {
        font-size: 18px !important;
        font-weight: 700;
        color: #000
    }

    .sns-provider .accept-desc {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0,0,0,.5);
        line-height: 1.43;
        letter-spacing: -.14px;
        margin-top: -8px;
        margin-bottom: 32px;
        text-align: center
    }

    .sns-provider .btn-agree {
        --btn-fontsize: 18px;
        --btn-color: #000;
        --font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 90px;
        width: 100%;
        height: 56px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: var(--btn-fontsize);
        color: var(--btn-color);
        text-align: center;
        font-weight: 400
    }

        .sns-provider .btn-agree.btn-accept {
            background-color: #2de677
        }

        .sns-provider .btn-agree.btn-decline {
            border: 1px solid rgba(0,0,0,.06274509803921569)
        }

    .sns-provider .btn-sns {
        --btn-fontsize: 18px;
        --btn-color: #000;
        --font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 90px;
        width: 100%;
        height: 56px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
        font-size: var(--btn-fontsize);
        color: var(--btn-color);
        text-align: center;
        border: 1px solid rgba(0,0,0,.06274509803921569);
        font-weight: 400
    }

        .sns-provider .btn-sns strong {
            font-weight: var(--font-weight);
            padding-left: 4px
        }

        .sns-provider .btn-sns:before {
            content: "";
            display: inline-block;
            margin: 0 8px 0 0;
            width: 24px;
            height: 24px
        }

        .sns-provider .btn-sns.btn-google:before {
            background: url(data:image/webp;base64,UklGRvQDAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSLABAAABkAMAkCFJdbbNt23btm3bNjKbkW3btm3bnAp6qrp6kUfEBIBbztZp2c23v60/7y6sbFfAXOqQu8h/OCy9kQzT/6L+n6Vp5fp8RNnH3YXCj6L8ojCJDA/R5MNQvcyf0aTVF7TTPkGTVh/Q9n6Amk83r991m9EH9Kche3/LeFCTGu2wGQ765ZF7phhwC9xH7A36nuc5072BH7ioLwi2QuZAcMgzjAngkIWQvgyOOYqR2UFuUKvBMaOQLu0gJalPnqxay0STlYbUKmAPR9FGSm9qlAN0VoZQvR1goDKY6ukAw5Se1GgHGKS0pFY4QDelOPXGw1xdJYbC0qzqC7j3qOIKXKGWs/hvqXCbUZSVTagoknfAtgiFRz1kdlFT7eAUhUNEWiJdjmjGwIECud5Qtz0I/8MMnOShU/8V0t2ALs/B6wVZEXP+I/0wjgHzOYh7GqWzCa889ydyOwE39CYLEe/uWr/5NmruAH7aDxqSD9NoQJYXhn5lBO10D418KQqCiTsN3EsPsn1eC/2fEw7SaRf/lThcDkym7fdQ49OCMmA8f7sV5979tX69vbOxZ3E/cLNWUDggHgIAAFAOAJ0BKjAAMAA+bSyRRaQioZjrNgBABsS2AFiSoKj/Bv6B5glRfnX3j9WfLJGJ6g/13mz/uHsA8QD/HboD9Xf97/ePfi9AHoAf2z+6ekl7AHoAeVB+0nwNftH6Qv/2JtPdkpqxShQvQRzBNUlSwoZQY+ADCGkiSxVWAAD+/1bB9zGSysA/xEtabmYHSHoP6c0G72FYWkxQnbdT/zgijXjvH+C2+JBueazJey0f0jjI7E40dvnjT29ZcMb97GvEsP5FWmGBQKqFxTlyxh8B3FBSxh8B3FA/maIb/UQzDMluDOY5L04Q5t/RSeglRfI9rz+20qc4l6oEW1pXdymrX4FKnbnCDEtc/1YZzsBGzcwZNiPVsynpXgI+mQD0w/bipnvIfsFoXke5fe+KzHnylFe//rGz7/Ah3EMDqHXBN1WP8CHcPUH4kbJJ8U5q0FT7HisfFr3UrU454tQhnKTDgt+PH//509o/kTwoxfZ92cCApvtOnNlMdqFK7+BAHzN4pjP7/+3RENgcu7IyWBQanIhluePnxLw1W5VVotcChL+oGat9b9IhNU2ZHeoyir/p7KL75h9pnClcI7OrHDwpWNuVD5OaabuL1GWqzxPYV0fk8toEYDiDSAvxbFOHUo07ipvgGmawQbf8IP7B7gQ8uCDmqIMFYW7kmM8jjZiZFkOknTUkscHg5GfS0JYmzM8obsBez4oInLZfr4R65wAA) 100% 100%/contain no-repeat
        }

        .sns-provider .btn-sns.btn-apple:before {
            margin-top: -1px;
            background: url(data:image/webp;base64,UklGRs4BAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSF8BAAABkCQAkCFJMbZt27bP1sn2rG3bOOls27Zt2/ZuLHIiK+MFETEBoNh6wOFn3sDXbNRHRPTiE3wLEfG7IRvvZ/j/HuBqcweF9WwWoPC+MRfvn6I64DoEhTOB7X7BMuD77b9puowQcXcWKI+uHzu5Ml5QXWENYJ0/bunShXXJGlmPeojCq/PCAQCsS3a+QfG1AY4atLxG6vlZDavfIPleo9RMVD5KYiYy7E3qjwy/9qN4f2VwNwyoS1H9PW+guv5gkA/kJlS/DOibGaRLPFH3FCRR/RZ2M9lNZbeI3Rl2760lHqnD3hIHGNzSp01ngNNpeRxwJMn6EwccSoHNLHCXN6GQByLB6BmP7QQYzaOaYv2Gw00gD+FQS7O+r+4ySGap85WBmaoGgbTRYTU7QUPXeyruuGoBgXe0u+ML2nrfEX3fWhthZ51au6eHc76gtWH38Z9P1rdaQ49enbuvPdpWB2QAVlA4IEgAAACQAwCdASowADAAPm0wlkckIzGhI4wCMA2JaQE4AAAtLiFsaRoAAP7684f3E8RwuGq0/7bWg9DIke9XhPi38ArtRFJPncIAAAA=) 100% 100%/contain no-repeat
        }

        .sns-provider .btn-sns.btn-facebook:before {
            background: url(data:image/webp;base64,UklGRqgCAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSCUBAAABgFBrb93mh2AIglAIhhAIZlAziCGYQcKgY2AIGQNBEATt4YdkBBExAVgPqX5YVJVbPQjeITddfBJ5hFPU8iKzU9RYThv6Vkcmg0PUVY6lt7qfC2/dME8duuUxQWLTakmlXI0HQiNWyxIwjANtg1MN+YXJCc0dYguCjYR/txoWGGkBQGJBZhKApIZfGAciOmY0A80iD6jpcgOp5TH4qGE4TGKP1DJVj2hS225fz24su4nuthzpf+iBus2FYPks8AYyx48f6Xy7/eJCzX55IZFfXXiB57j76kX+L3MMlLl+HKhhBcJeBKDtdAFA3In+oe5zoRtkF6Ye4i4J47JHwey9w4352+/GavGqWM/iIRmW9Ng1gnFiGz7gmNpai3Cm9HlGfOWAZQBWUDggXAEAADAKAJ0BKjAAMAA+bSqRRiQiIaEx1moAgA2JbACpJwl+N47+MHNLcLYgNJOGA8RvpAfwD0AfqN1APwA9wD+s/3f1APUg9AD9gPS59h79uvSqAfJtIwxn+yAPMAD+6WHgmWTzXUTumDrWKxPbpY0DvOCEhPKKAj7Z4OClepcmO8yq/hc/+to5liqfG8Ra9By28u2F9h/9ySd/3vS+cMM5um+lxA9SaxNYzudOfo8YgTVCz8xRv6KcG9kee9Vmo3N/me5N8BCbsIrs6+zh5l80oMlRv/ot+KuFxf4in/EDatPlYDN2Awq0bBxMC4vr/xwQRUmIv76gAu8KAb5kx14UBphUOnkz+LPva+jp8QwqSxq7spHGh7SHKurnZuVwTiDCfKxVumhZT3thLZQbzwbE8Eni8ahy2jKJ3PTm0dtJhhjzJPR1unkqcN4DPjk4MeAORHSYC9fvVoRJNeAAAA==) 100% 100%/contain no-repeat
        }

.v-dialog .dialog-header {
    min-height: 48px;
    overflow: hidden
}

    .v-dialog .dialog-header .title {
        font-size: 18px !important;
        font-weight: 700;
        margin: 16px 0 0 16px;
        line-height: 1
    }

.v-dialog .btn-close.v-size--x-small {
    --v-xsmall: 16px;
    width: var(--v-xsmall);
    height: var(--v-xsmall);
    top: var(--v-xsmall);
    right: var(--v-xsmall)
}

.v-menu__content.select-menu.v-menu__content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.1);
    margin-top: -1px;
    border-top: 0
}

    .v-menu__content.select-menu.v-menu__content .v-sheet {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .v-menu__content.select-menu.v-menu__content .v-list-item:hover:before {
        opacity: .03
    }

    .v-menu__content.select-menu.v-menu__content .v-list-item--link:before {
        background-color: #a0f;
        opacity: 0
    }

    .v-menu__content.select-menu.v-menu__content .v-list .v-list-item--active {
        color: #a0f
    }

.v-menu__content.select-menu-dark.v-menu__content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
    border-top: 0
}

    .v-menu__content.select-menu-dark.v-menu__content .v-sheet {
        background-color: #0f0f25;
        border: 1px solid #333346;
        -webkit-box-shadow: 0 40px 40px 0 rgba(0,0,0,.5);
        box-shadow: 0 40px 40px 0 rgba(0,0,0,.5)
    }

    .v-menu__content.select-menu-dark.v-menu__content .v-list-item:hover:before {
        opacity: .03
    }

    .v-menu__content.select-menu-dark.v-menu__content .v-list-item:after {
        content: none
    }

    .v-menu__content.select-menu-dark.v-menu__content .v-list-item.v-list-item--active .v-list-item__content .v-list-item__title {
        color: red
    }

    .v-menu__content.select-menu-dark.v-menu__content .v-list-item.v-list-item--disabled .v-list-item__content .v-list-item__title {
        color: hsla(0,0%,100%,.4)
    }

    .v-menu__content.select-menu-dark.v-menu__content .v-list-item .v-list-item__content .v-list-item__title {
        font-size: 16px;
        font-weight: 700;
        line-height: normal;
        color: #fff
    }

.dialog-account {
    background: #fff
}

    .dialog-account .dialog-header {
        border-bottom: 1px solid rgba(0,0,0,.06274509803921569)
    }

    .dialog-account .content {
        padding: 0
    }

    .dialog-account .tabs .v-tabs-slider {
        background-color: var(--point-color)
    }

    .dialog-account .tabs .v-tabs-bar {
        height: 54px
    }

    .dialog-account .tabs .v-item-group {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUQxQjQ1ODIyNEVBMTFFQzlGQzg5QzU4N0U4QUE0MEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUQxQjQ1ODMyNEVBMTFFQzlGQzg5QzU4N0U4QUE0MEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENTg2QkQ3NTI0RTkxMUVDOUZDODlDNTg3RThBQTQwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENTg2QkQ3NjI0RTkxMUVDOUZDODlDNTg3RThBQTQwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnN8iPcAAAATSURBVHjaYnj69CkTAwMDQIABABAqArKbuJZEAAAAAElFTkSuQmCC) 0 100% repeat-x #fff
    }

    .dialog-account .tabs.theme--light.v-tabs > .v-tabs-bar .v-tab--disabled, .dialog-account .tabs.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) {
        color: #000
    }

    .dialog-account .tabs.v-tabs > .v-tabs-bar .v-tab {
        font-size: 12px;
        font-weight: 700;
        color: #000;
        letter-spacing: 0
    }

        .dialog-account .tabs.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) {
            color: #000
        }

    .dialog-account .tabs .v-tab {
        text-transform: none
    }

        .dialog-account .tabs .v-tab:before {
            display: none
        }

        .dialog-account .tabs .v-tab.v-tab--active {
            background-color: rgba(170,0,255,.03)
        }

        .dialog-account .tabs .v-tab .v-ripple__container {
            display: none
        }

    .dialog-account .tabs .v-card.v-sheet {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

    .dialog-account .v-tabs.tabs .v-tabs-bar .v-tab {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 16px 0 24px
    }

    .dialog-account .v-card.my-wallet .msgbox {
        min-height: 414px
    }

    .dialog-account .select.v-input {
        border-radius: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        min-height: 40px
    }

        .dialog-account .select.v-input > .v-input__control > .v-input__slot {
            margin-bottom: 0
        }

        .dialog-account .select.v-input > .v-input__control .v-text-field__details {
            margin-bottom: 0;
            padding: 0;
            min-height: inherit
        }

            .dialog-account .select.v-input > .v-input__control .v-text-field__details .v-messages {
                min-height: inherit
            }

    .dialog-account .select .v-input__control fieldset, .dialog-account .select.v-text-field--outlined.v-input--has-state fieldset, .dialog-account .select.v-text-field--outlined.v-input--is-focused fieldset {
        border: 1px solid rgba(0,0,0,.15)
    }

    .dialog-account .select .v-select__selections {
        line-height: 1.26;
        font-size: 14px
    }

    .dialog-account .select .v-icon {
        font-size: 0;
        width: 16px;
        height: 16px;
        background: url(data:image/webp;base64,UklGRq4AAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGIAAAABP6CQbQQ4dwaPwQxO6SIiRFYfMI1tO0pWHxVNCbiUgKUFFAWs9f/lPVx0RP8Vpm3DuEO/hBlNwhbXPrCrWveXfeu3Wcc3wK9b7RW8ZwwAEUERkOFlOClOiskxOeoP4iQmAFZQOCAmAAAA0AIAnQEqIAAgAD5tNJZHpCMiISgIAIANiWkAAD2joAD++5zAAAA=) 0 0/cover no-repeat
    }

    .dialog-account .list {
        padding: 0;
        margin: 0;
        list-style: none;
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

        .dialog-account .list li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            min-height: 80px;
            border-top: 1px solid rgba(0,0,0,.1)
        }

    .dialog-account .msgbox {
        text-align: center
    }

        .dialog-account .msgbox .title {
            font-size: 18px !important;
            font-weight: 700;
            color: #000
        }

            .dialog-account .msgbox .title + .desc {
                margin-top: 16px
            }

        .dialog-account .msgbox .desc {
            font-size: 14px;
            font-weight: 400;
            color: rgba(0,0,0,.5)
        }

        .dialog-account .msgbox .wrap-button {
            margin-top: 16px
        }

            .dialog-account .msgbox .wrap-button .btn-wemix {
                height: 48px;
                font-size: 16px;
                font-weight: 700;
                line-height: 1.2;
                color: #fff;
                padding: 0 32px;
                vertical-align: middle;
                background-color: #a0f
            }

                .dialog-account .msgbox .wrap-button .btn-wemix:before {
                    content: "";
                    display: inline-block;
                    width: 80px;
                    height: 22px;
                    background: url(data:image/webp;base64,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) 0 0/cover no-repeat;
                    vertical-align: middle;
                    padding-right: 4px;
                    margin: -2px 4px 0 0
                }

        .dialog-account .msgbox.vcenter {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .dialog-account .check-box, .dialog-account .radio-box {
        display: inline-block;
        position: relative
    }

        .dialog-account .check-box .input-check, .dialog-account .check-box .input-radio, .dialog-account .radio-box .input-check, .dialog-account .radio-box .input-radio {
            position: absolute;
            top: 50%;
            left: 0;
            width: 24px;
            height: 24px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border: 0;
            background: none;
            -webkit-appearance: none
        }

            .dialog-account .check-box .input-check + .input-label, .dialog-account .check-box .input-radio + .input-label, .dialog-account .radio-box .input-check + .input-label, .dialog-account .radio-box .input-radio + .input-label {
                display: inline-block;
                font-size: 11px;
                color: rgba(0,0,0,.3137254901960784);
                padding-left: 28px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                cursor: pointer
            }

                .dialog-account .check-box .input-check + .input-label:before, .dialog-account .check-box .input-radio + .input-label:before, .dialog-account .radio-box .input-check + .input-label:before, .dialog-account .radio-box .input-radio + .input-label:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    width: 24px;
                    height: 24px;
                    background: url(data:image/webp;base64,UklGRpIBAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSEIBAAABkGvbbhtXKFA4m8UEZ7NAMcFhggMKFOf//4sUYb/QRsQEyH9oeXjxgPh4qeUHaA26fXWSo8bA1UnCQwCE3VyoiF7MVg7gN8MMYFeke7YDsDG6A7zI5JkDHzriAzCVgWrAboABVQZXwCbdAFWGV+BhwomDSaJBaN8KXDPUwbpOgJmkFkB7VrCT5B3UHodZVoHoKOCSHlBaFVZ5Bg+tF5jl3cBL6wMu8i7AWwGapxAtQH4g8HsCNE8hWg4XeRfw0XqBm7wZvLQewPJWUFsFIs+htCSgZM3ApbPCLmsHqx4FSs4MOOkRA9cMdVhJtwZYhoGf9MkDUMdV4EamGlBHVcBk+g4wHaEGfMhA/QB8Nq04sNMRIgawm/WVHYDJ6BsH8NXsQkX04sYCIB5k/MmKgaaSerLyvqgq+aW+fASEvzwU+Q8FVlA4ICoAAAAwAwCdASowADAAPm02mEikIyKhI4gAgA2JaQAAG4G9Pg4AAP77nMAAAAA=) 0 0/cover no-repeat;
                    vertical-align: middle
                }

            .dialog-account .check-box .input-check:disabled + .input-label:before, .dialog-account .check-box .input-radio:disabled + .input-label:before, .dialog-account .radio-box .input-check:disabled + .input-label:before, .dialog-account .radio-box .input-radio:disabled + .input-label:before {
                opacity: .5
            }

            .dialog-account .check-box .input-radio:checked + .input-label:before, .dialog-account .radio-box .input-radio:checked + .input-label:before {
                background: url(data:image/webp;base64,UklGRnwDAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSJoBAAABkJVtbxZpkRAJlYCESkACDrYOqANwAA5mHFTCrINIiITnIFC63+9pREyA/Ifm8jIH/7xq/gV0dbrtSD+jGwOP9ANfDuD7MqmITvNpALYM2wBalu65AWxjtAGW5fFswEdHfAO7ykDdgTZgA6oMrsD2aAGqXOvaDLyVdCUVKA+SwS6XqdF5pAvZwbXvBNOLL6fby4UabF0JmCWuPF6DZEB7TmgSvxhYgjSoPQZzSD7CU8jgHRlM4snQFsQh31U4QmKwhh3K3RvmUEbVsMD77gNTaKNamMDuHDT4KAsKfgdIZHgQ4Pdx0GCjPCj4ncEU2qgWJvjcvWEJdVQJM7zvCuxBR6VwQr3L4EHamEOiQb4ThxySj/AUZjDprNCClBFFYoOjR4EcpD6rEmcg9cgOpkGK93mRqAaHdKvDdiHp7GlJLjew1CcFWC9EUmkO1qrK9Qos8nQH1qvnK7DL8wZsOkI34FsG6gew+Vk2oOkIkR2gzX25AewyejEAO+ZJRXRadgfwIuPTycBd5UfTaX1eVX4+19fHwe1VsvyHAlZQOCC8AQAAsA0AnQEqMAAwAD5lKpBFpCKhlxcwQAZEtgBbgKCrfx4+78m3pH4R3Wgk3ov6odQH8A6AD3AP0d+wDgAfwD/Z/6r/AcIB+1XWAfsh7AH6q9YX/F/9b+5PwF/wD+1f+3OAKL9EX6xW6+hCLjmniSGKw2pp4KzAgAD++XMxL6mclJymBJPU5KTlMCSer1Ka5YMHEeT4k3AY5nx20vHmrlWOZkAGhXhis98eYFlXe6mfC5CYK8DCZjxyIfJIpCG3bqBh92b1umtt0ePd4cZ98fS1JE2HKXIqGOjuG11Apxf4Ji5Tcrtr0hFccVJR2OJ09z5cJjfvdC/ZxCN3pCq26f0HiGQejqIlEkivQdZho0DjL6SRb46W8Ivd9IBAZsRPuIxB4VPNc3pkjjhWcZyV6+tH/UdLjBnf/j+5EAuDrQDgf7x/Lh9BmmqO4vhgePSWOIUEHvyDs82eJdwbVy1AErR9wmrpU20hkIzF/F1e+bwOVmEJiSrfLNZRnKEH6gtt2hgz7i4gs9sn1n77gMdhyykWULJgu+oDY3BoZvPooWEN2fQWQDxyW/Fl2pUYZ2d89oFsAZgLj2aTSDwa0AAA) 0 0/cover no-repeat
            }

            .dialog-account .check-box .input-radio[checked][disabled] + .input-label:before, .dialog-account .radio-box .input-radio[checked][disabled] + .input-label:before {
                opacity: .5
            }

    .dialog-account .my-character .list-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .dialog-account .my-character .list-header .server-select {
            width: 50%
        }

        .dialog-account .my-character .list-header .server-update {
            margin-left: auto
        }

            .dialog-account .my-character .list-header .server-update .btn-update {
                position: relative;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 0;
                font-size: 12px;
                font-weight: 400;
                color: #000;
                padding-left: 28px;
                background-color: transparent
            }

                .dialog-account .my-character .list-header .server-update .btn-update em {
                    font-style: normal
                }

                .dialog-account .my-character .list-header .server-update .btn-update:before {
                    content: "";
                    display: inline-block;
                    margin: 0 4px;
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    margin-top: -1px;
                    background: url(data:image/webp;base64,UklGRjABAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSOAAAAABgFXbetbok4CETwISKiEOiIPiYHAwdZBKqAMkIOFKiIQzPzT5wlvfImIC7BN/K6pwlHSRe+W98gV8p/3wf0CYC6iP7D6nJ4B8jAt4THbuT0A+RFCzta6AfMAdSNaeAXnYJNisNwMKyyDrz5zG7JADLA94Ub2jnCpuSrN10hoT2KKLbI0e4Ftjw1jReBHi5jTFqZx2eOUVx2KBGfYBLAGCHCZg6foCTWEuYOlIwGph5gLWpqWCbIC5gOJvpm9APsRcACXN7vlRAblFSzIz84P23W18VkNd7ZrpeUBVudlHHlZQOCAqAAAAMAMAnQEqMAAwAD5tNphIpCMioSOIAIANiWkAABuBvT4OAAD++5zAAAAA) 0 0/cover no-repeat
                }

    .dialog-account .my-character .list li:first-of-type {
        border-top: 0
    }

    .dialog-account .my-wallet .iscroll {
        min-height: 366px
    }

    .dialog-account .my-wallet .list li {
        min-height: 100px
    }

    .dialog-account .my-activity .list li {
        min-height: 90px;
        padding: 15px 0 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .dialog-account .tabs-content {
        overflow-y: auto;
        padding: 24px;
        font-size: 12px;
        height: 535px
    }

.platform-windows .dialog-account .tabs-content::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0,0,0,.06)
}

.platform-windows .dialog-account .tabs-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.platform-windows .dialog-account .tabs-content::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4)
}

.dialog-account .tabs-content .my-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px
}

    .dialog-account .tabs-content .my-address strong {
        display: block;
        font-size: 12px;
        font-weight: 700
    }

    .dialog-account .tabs-content .my-address .btn-copy {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: rgba(0,0,0,.5)
    }

        .dialog-account .tabs-content .my-address .btn-copy:after {
            content: "";
            display: block;
            -ms-flex-item-align: center;
            align-self: center;
            margin-top: -1px;
            width: 24px;
            height: 24px;
            min-width: inherit;
            padding: 0;
            background: url(data:image/webp;base64,UklGRn4BAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSFcAAAABJyAQSOFmFxERg6JIUiM04CBbSEDB4V8VVO7kG9H/CaB/bCi5x6KUZRSp9wmldqQGwBUA91iUsowi9T6h1N5PAR8TEbGWAuAhQp0HUaTeF+UyDSX3PD0AVlA4IAABAADQCQCdASowADAAPmUoj0WkIqEeOQQAQAZEtgBkSoAfgBrnfQPwAqTPkCYENwB//94A/QDgHf2q9R//Ufrf8Av+b/0fo5BsOhx0U7UMACWoEKbTh9l4+oAA/v6lOpf63+//+5M+BiWjvWHljlH//wAILDgURFhvjh235YgaGPXy8PQ6+WTSgdAT1tSDe/+ZN//3JiqzvN/KkwNPKguf8TmCiIsN8bzRQ/0vR/wb613WksDIoSn49ocrlYUdea8yY6vKhHHvx8gavcBUWbcVX4GCFpjX7OxryMl9Ta35rKhVLvG39//YD+iHNYRRsSK75EHb1Yu8pV58rHMwoxJoAAAA) 0 0/cover no-repeat
        }

.dialog-account .tabs-content .msg-notice {
    color: rgba(0,0,0,.3137254901960784)
}

.dialog-account .tabs-content .list {
    padding-left: 0;
    margin-top: 10px
}

    .dialog-account .tabs-content .list li {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .dialog-account .tabs-content .list li .list-content {
            word-break: break-all
        }

            .dialog-account .tabs-content .list li .list-content .char-info {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .dialog-account .tabs-content .list li .list-content .char-info .thumb + .info {
                    padding-left: 10px
                }

                .dialog-account .tabs-content .list li .list-content .char-info .info .nick {
                    display: block;
                    font-size: 16px;
                    font-weight: 700;
                    color: #000
                }

                .dialog-account .tabs-content .list li .list-content .char-info .info .category, .dialog-account .tabs-content .list li .list-content .char-info .info .lv {
                    display: inline-block;
                    font-size: 12px;
                    font-weight: 400;
                    color: rgba(0,0,0,.3137254901960784)
                }

                .dialog-account .tabs-content .list li .list-content .char-info .info .category {
                    position: relative;
                    margin-left: 10px
                }

                    .dialog-account .tabs-content .list li .list-content .char-info .info .category:before {
                        content: "";
                        position: absolute;
                        left: -5px;
                        top: 50%;
                        height: 10px;
                        margin-top: -5px;
                        border-left: 1px solid rgba(0,0,0,.06274509803921569)
                    }

            .dialog-account .tabs-content .list li .list-content .credit-info .info {
                margin-top: 4px
            }

                .dialog-account .tabs-content .list li .list-content .credit-info .info span[class^=ico-] {
                    margin: 0;
                    font-size: 28px;
                    font-weight: 700;
                    line-height: 1
                }

            .dialog-account .tabs-content .list li .list-content .active-info {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .dialog-account .tabs-content .list li .list-content .active-info .thumb .item-info .item__layer {
                    --card-width: 46px;
                    --card-height: 46px
                }

                    .dialog-account .tabs-content .list li .list-content .active-info .thumb .item-info .item__layer .by-what.draco {
                        width: 12px;
                        height: 12px;
                        top: 3px;
                        left: 3px
                    }

                    .dialog-account .tabs-content .list li .list-content .active-info .thumb .item-info .item__layer .wrap-item .item {
                        width: 36px
                    }

                .dialog-account .tabs-content .list li .list-content .active-info .thumb + .info {
                    padding-left: 16px
                }

                .dialog-account .tabs-content .list li .list-content .active-info .info em {
                    font-style: normal
                }

                .dialog-account .tabs-content .list li .list-content .active-info .info .time {
                    display: block;
                    font-size: 12px;
                    font-weight: 400;
                    color: rgba(0,0,0,.3137254901960784)
                }

                .dialog-account .tabs-content .list li .list-content .active-info .info .desc, .dialog-account .tabs-content .list li .list-content .active-info .info .history {
                    font-size: 16px;
                    color: #000;
                    line-height: 1.25
                }

                    .dialog-account .tabs-content .list li .list-content .active-info .info .desc em, .dialog-account .tabs-content .list li .list-content .active-info .info .history .ico-darco.ico-xs, .dialog-account .tabs-content .list li .list-content .active-info .info .history em {
                        font-weight: 700
                    }

                        .dialog-account .tabs-content .list li .list-content .active-info .info .history em + .ico-darco.ico-xs {
                            margin-left: 4px
                        }

                    .dialog-account .tabs-content .list li .list-content .active-info .info .history .ico-hydra.ico-xs {
                        font-weight: 700
                    }

                    .dialog-account .tabs-content .list li .list-content .active-info .info .history em + .ico-hydra.ico-xs {
                        margin-left: 4px
                    }

                    .dialog-account .tabs-content .list li .list-content .active-info .info .history .plus {
                        padding: 0 8px
                    }

                    .dialog-account .tabs-content .list li .list-content .active-info .info .history .failed {
                        color: red;
                        font-weight: 700;
                        vertical-align: bottom
                    }

        .dialog-account .tabs-content .list li .fnc .radio-box .input-label {
            padding-left: 0;
            padding-right: 28px
        }

            .dialog-account .tabs-content .list li .fnc .radio-box .input-label:before {
                left: inherit;
                right: 0
            }

        .dialog-account .tabs-content .list li .fnc .btn-circle-plus {
            position: relative;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            padding: 0;
            font-size: 0;
            background: url(data:image/webp;base64,UklGRjIBAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSOIAAAABgB3bbtzm0fgRMiC90RTQf6FeI4KvgoiYAMwXbdfhETHuTQWrS73HZFdZUapH5kXSqkd2zZEeC4ck/Hks3bepGsvrRA3CemgLSj0gzrHLfyNI+z81aO2HRObz+Xxm7OXrQhQGQIJpL4BShQGd6w4JrijKpo2t3dmug23E4Wf6oZ1uksPpxqGjX5E7rmy3xtaUTU9sgjtXB4xLgZNTCQBjOgPAyYnkC5aRbfjdWQb+Fedw+Q/KseGoMRiO2zrD7OZrXDEvY0UXpFqaG7LlnOJWsFC0z9ysYLVouz0iwh/XpgXzVlA4ICoAAAAwAwCdASowADAAPm02mEikIyKhI4gAgA2JaQAAG4G9Pg4AAP77nMAAAAA=) 0 0/cover no-repeat
        }

.dialog-account .tabs-content .list-notice {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(0,0,0,.3137254901960784);
    margin: 8px 0
}

.dialog-account .tabs-content .msgbox {
    min-height: 487px
}

.dialog-account .tabs-content .btm-info {
    position: relative;
    margin-top: 20px;
    padding-top: 16px
}

    .dialog-account .tabs-content .btm-info .iflex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .dialog-account .tabs-content .btm-info .iflex.type-colum {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .dialog-account .tabs-content .btm-info .iflex.type-row {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

        .dialog-account .tabs-content .btm-info .iflex .desc {
            color: rgba(0,0,0,.3137254901960784)
        }

        .dialog-account .tabs-content .btm-info .iflex .brand-logo {
            margin-left: auto;
            height: 24px
        }

            .dialog-account .tabs-content .btm-info .iflex .brand-logo:before {
                content: "";
                display: inline-block;
                margin: 0;
                width: 89px;
                height: 24px;
                background: url(data:image/webp;base64,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) 0 0/cover no-repeat
            }

.dialog-common .dialog-header {
    margin: -24px -24px 0
}

.dialog-common .wrap-notice {
    padding: 8px 0 24px
}

    .dialog-common .wrap-notice .msgbox {
        text-align: center
    }

        .dialog-common .wrap-notice .msgbox.vcenter {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .dialog-common .wrap-notice .msgbox .ico-completed, .dialog-common .wrap-notice .msgbox .ico-error, .dialog-common .wrap-notice .msgbox .ico-loading {
            width: 64px;
            height: 64px
        }

        .dialog-common .wrap-notice .msgbox .ico-completed {
            background: url(data:image/webp;base64,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) 0 0/cover no-repeat
        }

        .dialog-common .wrap-notice .msgbox .ico-error {
            background: url(data:image/webp;base64,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) 0 0/cover no-repeat
        }

        .dialog-common .wrap-notice .msgbox .ico-loading {
            background: url(data:image/webp;base64,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) 0 0/cover no-repeat
        }

            .dialog-common .wrap-notice .msgbox .ico-loading.add-ani {
                -webkit-animation: animCircle .75s linear infinite;
                animation: animCircle .75s linear infinite
            }

        .dialog-common .wrap-notice .msgbox .title {
            font-size: 20px !important;
            font-weight: 700;
            color: #000
        }

        .dialog-common .wrap-notice .msgbox .desc, .dialog-common .wrap-notice .msgbox .title {
            line-height: normal
        }

        .dialog-common .wrap-notice .msgbox .desc {
            font-size: 14px;
            font-weight: 400;
            color: rgba(0,0,0,.5);
            margin-top: 8px;
            line-height: 1.43;
            letter-spacing: -.14px
        }

        .dialog-common .wrap-notice .msgbox .title + .desc, .dialog-common .wrap-notice .msgbox .v-progress-circular + .title, .dialog-common .wrap-notice .msgbox .wrap-loading + .title, .dialog-common .wrap-notice .msgbox [class^=ico-] + .title {
            margin-top: 8px
        }

        .dialog-common .wrap-notice .msgbox .wrap-loading {
            position: relative;
            width: 64px;
            height: 64px;
            margin: 0 auto
        }

            .dialog-common .wrap-notice .msgbox .wrap-loading .v-progress-circular {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

        .dialog-common .wrap-notice .msgbox .wrap-button {
            margin-top: 16px
        }

            .dialog-common .wrap-notice .msgbox .wrap-button .btn {
                min-width: 108px;
                margin-left: 8px
            }

                .dialog-common .wrap-notice .msgbox .wrap-button .btn:first-of-type {
                    margin-left: 0
                }

.dialog-stake.theme-dark {
    background-image: -o-linear-gradient(42deg,#110036 27%,#120d4e 62%,#00053a 100%);
    background-image: -o-linear-gradient(318deg,#110036 27%,#120d4e 62%,#00053a 100%);
    background-image: linear-gradient(132deg,#110036 27%,#120d4e 62%,#00053a);
    color: #fff
}

    .dialog-stake.theme-dark .content {
        color: hsla(0,0%,100%,.75)
    }

.dialog-stake.winner {
    background: url(../../static/img/bg-winner-light.093dda37.webp) 50% 50%/cover no-repeat,-o-linear-gradient(318deg,#110036 27%,#120d4e 62%,#00053a 100%);
    background: url(../../static/img/bg-winner-light.093dda37.webp) 50% 50%/cover no-repeat,linear-gradient(132deg,#110036 27%,#120d4e 62%,#00053a)
}

    .dialog-stake.winner .card-content .wrap-char {
        gap: 40px
    }

.dialog-stake .dialog-header {
    margin: -24px -24px 0;
    padding: 16px 24px;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

    .dialog-stake .dialog-header .info-round {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .dialog-stake .dialog-header .info-round .round-title {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

.dialog-stake .card-content {
    width: 100%
}

.dialog-stake .wrap-char {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 64px;
    padding-top: 24px
}

    .dialog-stake .wrap-char .char-info {
        display: block;
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: row;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: normal;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 132px;
        flex: 0 0 132px;
        text-align: center
    }

        .dialog-stake .wrap-char .char-info .char {
            min-height: 136px;
            line-height: normal;
            font-size: 12px;
            color: hsla(0,0%,100%,.3137254901960784);
            text-align: center
        }

            .dialog-stake .wrap-char .char-info .char .nick {
                display: block;
                font-size: 16px;
                color: #fff;
                margin-top: 4px
            }

            .dialog-stake .wrap-char .char-info .char .server {
                display: block;
                margin-top: 2px;
                letter-spacing: -.12px
            }

        .dialog-stake .wrap-char .char-info .amount {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid hsla(0,0%,100%,.1)
        }

            .dialog-stake .wrap-char .char-info .amount .balance dd span {
                font-size: 18px;
                font-weight: 700;
                letter-spacing: -.36px;
                margin: 0;
                vertical-align: middle
            }

    .dialog-stake .wrap-char .char-detail {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-size: 14px;
        letter-spacing: -.14px;
        color: hsla(0,0%,100%,.75)
    }

        .dialog-stake .wrap-char .char-detail .wrap-detail {
            width: 100%;
            min-height: 136px
        }

            .dialog-stake .wrap-char .char-detail .wrap-detail .title {
                font-size: 40px !important;
                font-weight: 700;
                letter-spacing: -.4px !important;
                line-height: 1.2;
                color: #fff
            }

            .dialog-stake .wrap-char .char-detail .wrap-detail .detail-list {
                list-style: none;
                margin: 0;
                padding: 0;
                margin-top: 16px
            }

                .dialog-stake .wrap-char .char-detail .wrap-detail .detail-list li {
                    position: relative;
                    padding: 2px 2px 2px 20px
                }

                    .dialog-stake .wrap-char .char-detail .wrap-detail .detail-list li em {
                        font-style: normal
                    }

                    .dialog-stake .wrap-char .char-detail .wrap-detail .detail-list li .point {
                        color: red
                    }

                    .dialog-stake .wrap-char .char-detail .wrap-detail .detail-list li:before {
                        content: "";
                        position: absolute;
                        left: 8px;
                        top: 10px;
                        width: 3px;
                        height: 3px;
                        border-radius: 100%;
                        background-color: hsla(0,0%,100%,.75)
                    }

            .dialog-stake .wrap-char .char-detail .wrap-detail .detail-desc {
                margin-top: 16px;
                font-size: 14px;
                font-weight: 400;
                line-height: 1.71;
                letter-spacing: -.14px;
                color: hsla(0,0%,100%,.75)
            }

                .dialog-stake .wrap-char .char-detail .wrap-detail .detail-desc + .detail-card {
                    margin: 16px 0
                }

            .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward {
                min-height: 227px;
                padding-bottom: 24px
            }

                .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .refundable, .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .reward {
                    text-align: center;
                    font-size: 12px;
                    color: hsla(0,0%,100%,.5)
                }

                    .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .refundable strong, .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .reward strong {
                        display: block;
                        text-align: center;
                        font-size: 14px;
                        font-weight: 700;
                        color: #fff
                    }

                    .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .refundable em, .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .reward em {
                        font-style: normal;
                        color: #fff
                    }

                    .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .refundable .ico-darco.ico-sm, .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .reward .ico-darco.ico-sm {
                        font-size: 28px;
                        font-weight: 700;
                        color: #fff
                    }

                    .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .refundable .desc em, .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .reward .desc em {
                        margin-right: 8px
                    }

                        .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .refundable .desc em:last-of-type, .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .reward .desc em:last-of-type {
                            margin-right: 0
                        }

                .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .plus {
                    display: block;
                    text-align: center;
                    font-size: 24px;
                    letter-spacing: -.48px
                }

                .dialog-stake .wrap-char .char-detail .wrap-detail .wrap-reward .reward .ico-darco.ico-sm {
                    color: #a0f
                }

        .dialog-stake .wrap-char .char-detail .amount {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid hsla(0,0%,100%,.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 40px
        }

            .dialog-stake .wrap-char .char-detail .amount dl.balance, .dialog-stake .wrap-char .char-detail .amount dl.stake {
                width: 50%
            }

    .dialog-stake .wrap-char .char-choice {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 14px;
        letter-spacing: -.14px;
        color: hsla(0,0%,100%,.75);
        text-align: center
    }

        .dialog-stake .wrap-char .char-choice .wrap-detail {
            width: 100%;
            min-height: 136px
        }

            .dialog-stake .wrap-char .char-choice .wrap-detail .title {
                font-size: 40px !important;
                font-weight: 700;
                letter-spacing: -.4px !important;
                line-height: 1.2;
                color: #fff
            }

            .dialog-stake .wrap-char .char-choice .wrap-detail .detail-list {
                list-style: none;
                margin: 0;
                padding: 0;
                margin-top: 16px
            }

                .dialog-stake .wrap-char .char-choice .wrap-detail .detail-list li {
                    position: relative;
                    padding: 2px 2px 2px 20px
                }

                    .dialog-stake .wrap-char .char-choice .wrap-detail .detail-list li em {
                        font-style: normal
                    }

                    .dialog-stake .wrap-char .char-choice .wrap-detail .detail-list li .point {
                        color: red
                    }

                    .dialog-stake .wrap-char .char-choice .wrap-detail .detail-list li:before {
                        content: "";
                        position: absolute;
                        left: 8px;
                        top: 10px;
                        width: 3px;
                        height: 3px;
                        border-radius: 100%;
                        background-color: hsla(0,0%,100%,.75)
                    }

            .dialog-stake .wrap-char .char-choice .wrap-detail .detail-desc {
                margin-top: 16px;
                font-size: 14px;
                font-weight: 400;
                line-height: 1.71;
                letter-spacing: -.14px;
                color: hsla(0,0%,100%,.75)
            }

                .dialog-stake .wrap-char .char-choice .wrap-detail .detail-desc + .detail-card {
                    margin: 16px 0
                }

            .dialog-stake .wrap-char .char-choice .wrap-detail .detail-card .card {
                margin: 0 auto
            }

            .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward {
                min-height: 227px;
                padding-bottom: 24px
            }

                .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .refundable, .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .reward {
                    text-align: center;
                    font-size: 12px;
                    color: hsla(0,0%,100%,.5)
                }

                    .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .refundable strong, .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .reward strong {
                        display: block;
                        text-align: center;
                        font-size: 14px;
                        font-weight: 700;
                        color: #fff
                    }

                    .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .refundable em, .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .reward em {
                        font-style: normal;
                        color: #fff
                    }

                    .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .refundable .ico-darco.ico-sm, .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .reward .ico-darco.ico-sm {
                        font-size: 32px;
                        font-weight: 700;
                        color: #fff
                    }

                .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .plus {
                    display: block;
                    text-align: center;
                    font-size: 24px;
                    letter-spacing: -.48px
                }

                .dialog-stake .wrap-char .char-choice .wrap-detail .wrap-reward .reward .ico-darco.ico-sm {
                    color: #a0f
                }

        .dialog-stake .wrap-char .char-choice .amount {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid hsla(0,0%,100%,.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 40px
        }

            .dialog-stake .wrap-char .char-choice .amount dl.balance, .dialog-stake .wrap-char .char-choice .amount dl.stake {
                width: 50%
            }

    .dialog-stake .wrap-char dl.balance, .dialog-stake .wrap-char dl.stake {
        font-size: 0;
        text-align: left
    }

        .dialog-stake .wrap-char dl.balance dt, .dialog-stake .wrap-char dl.stake dt {
            font-size: 12px;
            font-weight: 400;
            color: #fff;
            letter-spacing: -.12px
        }

        .dialog-stake .wrap-char dl.balance dd, .dialog-stake .wrap-char dl.stake dd {
            margin-top: 2px;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -.2px;
            color: #fff
        }

            .dialog-stake .wrap-char dl.balance dd .value, .dialog-stake .wrap-char dl.stake dd .value {
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: block;
                margin: 0;
                padding: 0;
                max-width: 90px
            }

            .dialog-stake .wrap-char dl.balance dd strong, .dialog-stake .wrap-char dl.stake dd strong {
                display: inline-block;
                vertical-align: middle
            }

            .dialog-stake .wrap-char dl.balance dd em, .dialog-stake .wrap-char dl.stake dd em {
                font-style: normal
            }

            .dialog-stake .wrap-char dl.balance dd .odds, .dialog-stake .wrap-char dl.stake dd .odds {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative
            }

            .dialog-stake .wrap-char dl.balance dd .profit, .dialog-stake .wrap-char dl.stake dd .profit {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: -.14px;
                color: #ffe600
            }

                .dialog-stake .wrap-char dl.balance dd .profit .value, .dialog-stake .wrap-char dl.stake dd .profit .value {
                    max-width: 80px
                }

.dialog-stake .select.v-input {
    border-radius: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    min-height: 40px
}

    .dialog-stake .select.v-input > .v-input__control > .v-input__slot {
        margin-bottom: 0
    }

    .dialog-stake .select.v-input > .v-input__control .v-text-field__details {
        margin-bottom: 0;
        padding: 0;
        min-height: inherit
    }

        .dialog-stake .select.v-input > .v-input__control .v-text-field__details .v-messages {
            min-height: inherit
        }

.dialog-stake .select .v-input__control fieldset, .dialog-stake .select.v-text-field--outlined.v-input--has-state fieldset, .dialog-stake .select.v-text-field--outlined.v-input--is-focused fieldset {
    border: 1px solid hsla(0,0%,100%,.15)
}

.dialog-stake .select .v-select__selections {
    line-height: 1.26;
    font-size: 14px;
    color: #fff !important
}

.dialog-stake .select .v-icon {
    font-size: 0;
    width: 16px;
    height: 16px;
    background: url(data:image/webp;base64,UklGRsYAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGIAAAABP6CQbQQ4dwaPwQxO6SIiRFYfMI1tO0pWHxVNCbiUgKUFFAWs9f/lPVx0RP8Vpm3DuEO/hBlNwhbXPrCrWveXfeu3Wcc3wK9b7RW8ZwwAEUERkOFlOClOiskxOeoP4iQmAFZQOCA+AAAA8AIAnQEqIAAgAC5NNptNoSQkJAQATEtIAAmEjyeYFgAA/TH//+yH//4s///uq//9z2///dFaf/+pCQUAAAA=) 0 0/cover no-repeat
}

.dialog-stake .list {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

    .dialog-stake .list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        min-height: 80px;
        border-top: 1px solid hsla(0,0%,100%,.1)
    }

.dialog-stake .check-box, .dialog-stake .radio-box {
    display: inline-block;
    position: relative
}

    .dialog-stake .check-box .input-check, .dialog-stake .check-box .input-radio, .dialog-stake .radio-box .input-check, .dialog-stake .radio-box .input-radio {
        position: absolute;
        top: 50%;
        left: 0;
        width: 24px;
        height: 24px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 0;
        background: none;
        -webkit-appearance: none
    }

        .dialog-stake .check-box .input-check + .input-label, .dialog-stake .check-box .input-radio + .input-label, .dialog-stake .radio-box .input-check + .input-label, .dialog-stake .radio-box .input-radio + .input-label {
            display: inline-block;
            font-size: 11px;
            color: hsla(0,0%,100%,.3137254901960784);
            padding-left: 28px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer;
            vertical-align: middle
        }

            .dialog-stake .check-box .input-check + .input-label:before, .dialog-stake .check-box .input-radio + .input-label:before, .dialog-stake .radio-box .input-check + .input-label:before, .dialog-stake .radio-box .input-radio + .input-label:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 24px;
                height: 24px;
                background: url(data:image/webp;base64,UklGRrYBAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSEIBAAABkGvbbhtXKFA4m8UEZ7NAMcFhggMKFOf//4sUYb/QRsQEyH9oeXjxgPh4qeUHaA26fXWSo8bA1UnCQwCE3VyoiF7MVg7gN8MMYFeke7YDsDG6A7zI5JkDHzriAzCVgWrAboABVQZXwCbdAFWGV+BhwomDSaJBaN8KXDPUwbpOgJmkFkB7VrCT5B3UHodZVoHoKOCSHlBaFVZ5Bg+tF5jl3cBL6wMu8i7AWwGapxAtQH4g8HsCNE8hWg4XeRfw0XqBm7wZvLQewPJWUFsFIs+htCSgZM3ApbPCLmsHqx4FSs4MOOkRA9cMdVhJtwZYhoGf9MkDUMdV4EamGlBHVcBk+g4wHaEGfMhA/QB8Nq04sNMRIgawm/WVHYDJ6BsH8NXsQkX04sYCIB5k/MmKgaaSerLyvqgq+aW+fASEvzwU+Q8FVlA4IE4AAABQBACdASowADAAPl0ijUWjoiEcZAA4BcS0gABgnqTJnaqGldPj6XAFjL8AAP7znX//TT//6ZM//9Lrc//C0Sv+fMAz/83QXP//OngAAAA=) 0 0/cover no-repeat;
                vertical-align: middle
            }

        .dialog-stake .check-box .input-check:disabled + .input-label:before, .dialog-stake .check-box .input-radio:disabled + .input-label:before, .dialog-stake .radio-box .input-check:disabled + .input-label:before, .dialog-stake .radio-box .input-radio:disabled + .input-label:before {
            opacity: .5
        }

        .dialog-stake .check-box .input-radio:checked + .input-label:before, .dialog-stake .radio-box .input-radio:checked + .input-label:before {
            background: url(data:image/webp;base64,UklGRnwDAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSJoBAAABkJVtbxZpkRAJlYCESkACDrYOqANwAA5mHFTCrINIiITnIFC63+9pREyA/Ifm8jIH/7xq/gV0dbrtSD+jGwOP9ANfDuD7MqmITvNpALYM2wBalu65AWxjtAGW5fFswEdHfAO7ykDdgTZgA6oMrsD2aAGqXOvaDLyVdCUVKA+SwS6XqdF5pAvZwbXvBNOLL6fby4UabF0JmCWuPF6DZEB7TmgSvxhYgjSoPQZzSD7CU8jgHRlM4snQFsQh31U4QmKwhh3K3RvmUEbVsMD77gNTaKNamMDuHDT4KAsKfgdIZHgQ4Pdx0GCjPCj4ncEU2qgWJvjcvWEJdVQJM7zvCuxBR6VwQr3L4EHamEOiQb4ThxySj/AUZjDprNCClBFFYoOjR4EcpD6rEmcg9cgOpkGK93mRqAaHdKvDdiHp7GlJLjew1CcFWC9EUmkO1qrK9Qos8nQH1qvnK7DL8wZsOkI34FsG6gew+Vk2oOkIkR2gzX25AewyejEAO+ZJRXRadgfwIuPTycBd5UfTaX1eVX4+19fHwe1VsvyHAlZQOCC8AQAAsA0AnQEqMAAwAD5lKpBFpCKhlxcwQAZEtgBbgKCrfx4+78m3pH4R3Wgk3ov6odQH8A6AD3AP0d+wDgAfwD/Z/6r/AcIB+1XWAfsh7AH6q9YX/F/9b+5PwF/wD+1f+3OAKL9EX6xW6+hCLjmniSGKw2pp4KzAgAD++XMxL6mclJymBJPU5KTlMCSer1Ka5YMHEeT4k3AY5nx20vHmrlWOZkAGhXhis98eYFlXe6mfC5CYK8DCZjxyIfJIpCG3bqBh92b1umtt0ePd4cZ98fS1JE2HKXIqGOjuG11Apxf4Ji5Tcrtr0hFccVJR2OJ09z5cJjfvdC/ZxCN3pCq26f0HiGQejqIlEkivQdZho0DjL6SRb46W8Ivd9IBAZsRPuIxB4VPNc3pkjjhWcZyV6+tH/UdLjBnf/j+5EAuDrQDgf7x/Lh9BmmqO4vhgePSWOIUEHvyDs82eJdwbVy1AErR9wmrpU20hkIzF/F1e+bwOVmEJiSrfLNZRnKEH6gtt2hgz7i4gs9sn1n77gMdhyykWULJgu+oDY3BoZvPooWEN2fQWQDxyW/Fl2pUYZ2d89oFsAZgLj2aTSDwa0AAA) 0 0/cover no-repeat
        }

        .dialog-stake .check-box .input-radio[checked][disabled] + .input-label:before, .dialog-stake .radio-box .input-radio[checked][disabled] + .input-label:before {
            opacity: .5
        }

.dialog-stake .wrap-list {
    padding: 24px 8px 11px
}

    .dialog-stake .wrap-list .notice {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.71;
        letter-spacing: -.14px;
        color: #fff
    }

        .dialog-stake .wrap-list .notice + .list-header {
            margin-top: 16px;
            border-top: 1px solid hsla(0,0%,100%,.1)
        }

    .dialog-stake .wrap-list .list-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 16px 0 0
    }

        .dialog-stake .wrap-list .list-header .server-select {
            width: 256px
        }

        .dialog-stake .wrap-list .list-header .server-update {
            margin-left: auto
        }

            .dialog-stake .wrap-list .list-header .server-update .btn-update {
                position: relative;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 0;
                font-size: 12px;
                font-weight: 400;
                color: #fff;
                padding-left: 28px;
                background-color: transparent
            }

                .dialog-stake .wrap-list .list-header .server-update .btn-update em {
                    font-style: normal
                }

                .dialog-stake .wrap-list .list-header .server-update .btn-update:before {
                    content: "";
                    display: inline-block;
                    margin: 0 4px;
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    margin-top: -1px;
                    background: url(data:image/webp;base64,UklGRkQBAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSOAAAAABgFXbetbok4CETwISKiEOiIPiYHAwdZBKqAMkIOFKiIQzPzT5wlvfImIC7BN/K6pwlHSRe+W98gV8p/3wf0CYC6iP7D6nJ4B8jAt4THbuT0A+RFCzta6AfMAdSNaeAXnYJNisNwMKyyDrz5zG7JADLA94Ub2jnCpuSrN10hoT2KKLbI0e4Ftjw1jReBHi5jTFqZx2eOUVx2KBGfYBLAGCHCZg6foCTWEuYOlIwGph5gLWpqWCbIC5gOJvpm9APsRcACXN7vlRAblFSzIz84P23W18VkNd7ZrpeUBVudlHHlZQOCA+AAAAUAQAnQEqMAAwAD5VHotFo6GhHjQAOAVEtIALb6OerLWbmzpVo/uynJ7nAAD+9fd//2Gv/+wkf//XwAAAAAA=) 0 0/cover no-repeat
                }

    .dialog-stake .wrap-list .list {
        padding-left: 0;
        margin-top: 16px
    }

        .dialog-stake .wrap-list .list li {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .dialog-stake .wrap-list .list li:first-of-type {
                border-top: 0
            }

            .dialog-stake .wrap-list .list li.empty {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 2rem
            }

            .dialog-stake .wrap-list .list li .list-content {
                word-break: break-all
            }

                .dialog-stake .wrap-list .list li .list-content .char-info {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row
                }

                    .dialog-stake .wrap-list .list li .list-content .char-info, .dialog-stake .wrap-list .list li .list-content .char-info .thumb {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .dialog-stake .wrap-list .list li .list-content .char-info .thumb + .info {
                            padding-left: 10px
                        }

                        .dialog-stake .wrap-list .list li .list-content .char-info .info {
                            line-height: 1
                        }

                            .dialog-stake .wrap-list .list li .list-content .char-info .info .nick {
                                display: block;
                                font-size: 16px;
                                font-weight: 700;
                                color: #fff;
                                line-height: 1
                            }

                            .dialog-stake .wrap-list .list li .list-content .char-info .info .category, .dialog-stake .wrap-list .list li .list-content .char-info .info .lv {
                                display: inline-block;
                                font-size: 12px;
                                font-weight: 400;
                                color: hsla(0,0%,100%,.3137254901960784);
                                line-height: 1
                            }

                            .dialog-stake .wrap-list .list li .list-content .char-info .info .category {
                                position: relative;
                                margin-left: 10px
                            }

                                .dialog-stake .wrap-list .list li .list-content .char-info .info .category:before {
                                    content: "";
                                    position: absolute;
                                    left: -5px;
                                    top: 50%;
                                    height: 10px;
                                    margin-top: -5px;
                                    border-left: 1px solid hsla(0,0%,100%,.06274509803921569)
                                }

                .dialog-stake .wrap-list .list li .list-content .credit-info .info {
                    margin-top: 4px
                }

                    .dialog-stake .wrap-list .list li .list-content .credit-info .info span[class^=ico-] {
                        margin: 0;
                        font-size: 28px;
                        font-weight: 700;
                        line-height: 1
                    }

                .dialog-stake .wrap-list .list li .list-content .active-info {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .dialog-stake .wrap-list .list li .list-content .active-info .thumb + .info {
                        padding-left: 16px
                    }

                    .dialog-stake .wrap-list .list li .list-content .active-info .info em {
                        font-style: normal
                    }

                    .dialog-stake .wrap-list .list li .list-content .active-info .info .time {
                        display: block;
                        font-size: 12px;
                        font-weight: 400;
                        color: rgba(0,0,0,.3137254901960784)
                    }

                    .dialog-stake .wrap-list .list li .list-content .active-info .info .desc, .dialog-stake .wrap-list .list li .list-content .active-info .info .history {
                        font-size: 16px;
                        color: #000;
                        line-height: 1.25
                    }

                        .dialog-stake .wrap-list .list li .list-content .active-info .info .history .ico-darco.ico-xs {
                            font-weight: 700
                        }

                        .dialog-stake .wrap-list .list li .list-content .active-info .info .history em + .ico-darco.ico-xs {
                            margin-left: 4px
                        }

                        .dialog-stake .wrap-list .list li .list-content .active-info .info .history .ico-hydra.ico-xs {
                            font-weight: 700
                        }

                        .dialog-stake .wrap-list .list li .list-content .active-info .info .history em + .ico-hydra.ico-xs {
                            margin-left: 4px
                        }

            .dialog-stake .wrap-list .list li .fnc .radio-box .input-label {
                padding-left: 0;
                padding-right: 28px
            }

                .dialog-stake .wrap-list .list li .fnc .radio-box .input-label:before {
                    left: inherit;
                    right: 0
                }

            .dialog-stake .wrap-list .list li .fnc .btn-circle-plus {
                position: relative;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                padding: 0;
                font-size: 0;
                background: url(data:image/webp;base64,UklGRjIBAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSOIAAAABgB3bbtzm0fgRMiC90RTQf6FeI4KvgoiYAMwXbdfhETHuTQWrS73HZFdZUapH5kXSqkd2zZEeC4ck/Hks3bepGsvrRA3CemgLSj0gzrHLfyNI+z81aO2HRObz+Xxm7OXrQhQGQIJpL4BShQGd6w4JrijKpo2t3dmug23E4Wf6oZ1uksPpxqGjX5E7rmy3xtaUTU9sgjtXB4xLgZNTCQBjOgPAyYnkC5aRbfjdWQb+Fedw+Q/KseGoMRiO2zrD7OZrXDEvY0UXpFqaG7LlnOJWsFC0z9ysYLVouz0iwh/XpgXzVlA4ICoAAAAwAwCdASowADAAPm02mEikIyKhI4gAgA2JaQAAG4G9Pg4AAP77nMAAAAA=) 0 0/cover no-repeat
            }

            .dialog-stake .wrap-list .list li.disabled .list-content {
                opacity: .3
            }

.dialog-stake .form-amount .fieldset {
    background-color: rgba(0,0,0,.25)
}

.dialog-stake .form-amount .desc {
    display: block;
    margin-top: 24px;
    font-size: 12px;
    letter-spacing: -.12px;
    color: #fff
}

    .dialog-stake .form-amount .desc.alert {
        color: red
    }

    .dialog-stake .form-amount .desc ~ .wrap-form, .dialog-stake .wrap-button {
        margin-top: 16px
    }

        .dialog-stake .wrap-button .btn {
            min-width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .dialog-stake .wrap-button .btn:disabled, .dialog-stake .wrap-button .btn[aria-disabled=true] {
                background-color: hsla(0,0%,100%,.05)
            }

        .dialog-stake .wrap-button .btn-secondary strong {
            font-size: 20px;
            line-height: 1.2;
            white-space: normal
        }

        .dialog-stake .wrap-button .btn-secondary span {
            font-size: 12px;
            font-weight: 400;
            line-height: 1.33
        }

.dialog-stake .fieldset.editable {
    --fe-padding-x: 16px;
    --fe-min-height: 60px;
    --fe-font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    background-color: rgba(0,0,0,.25);
    border: 1px solid #fff;
    min-height: var(--fe-min-height);
    font-size: var(--fe-font-size);
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: normal;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .dialog-stake .fieldset.editable input[type=text], .dialog-stake .fieldset.editable span[contenteditable=true] {
        font-size: var(--fe-font-size);
        font-weight: 700;
        letter-spacing: -.24px;
        color: #fff;
        outline: 0;
        cursor: text;
        margin-left: 2px;
        max-width: 140px
    }

        .dialog-stake .fieldset.editable input[type=text]::-webkit-input-placeholder, .dialog-stake .fieldset.editable span[contenteditable=true]::-webkit-input-placeholder {
            font-weight: 400;
            color: hsla(0,0%,100%,.25)
        }

        .dialog-stake .fieldset.editable input[type=text]::-moz-placeholder, .dialog-stake .fieldset.editable span[contenteditable=true]::-moz-placeholder {
            font-weight: 400;
            color: hsla(0,0%,100%,.25)
        }

        .dialog-stake .fieldset.editable input[type=text]:-ms-input-placeholder, .dialog-stake .fieldset.editable span[contenteditable=true]:-ms-input-placeholder {
            font-weight: 400;
            color: hsla(0,0%,100%,.25)
        }

        .dialog-stake .fieldset.editable input[type=text]::-ms-input-placeholder, .dialog-stake .fieldset.editable span[contenteditable=true]::-ms-input-placeholder {
            font-weight: 400;
            color: hsla(0,0%,100%,.25)
        }

        .dialog-stake .fieldset.editable input[type=text]::placeholder, .dialog-stake .fieldset.editable span[contenteditable=true]::placeholder {
            font-weight: 400;
            color: hsla(0,0%,100%,.25)
        }

    .dialog-stake .fieldset.editable > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .dialog-stake .fieldset.editable .ico-darco.ico-xs {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -.36px;
        margin: 0;
        vertical-align: top
    }

        .dialog-stake .fieldset.editable .ico-darco.ico-xs.add-inside {
            width: inherit;
            height: inherit;
            vertical-align: middle;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -.2px;
            padding-left: 26px;
            color: #fff
        }

            .dialog-stake .fieldset.editable .ico-darco.ico-xs.add-inside:before {
                width: 24px;
                height: 24px
            }

    .dialog-stake .fieldset.editable .add-draco {
        margin-left: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .dialog-stake .fieldset.editable .add-draco .add {
            font-size: 16px;
            font-weight: 400;
            letter-spacing: -.16px;
            color: #fff
        }

        .dialog-stake .fieldset.editable .add-draco .fee, .dialog-stake .fieldset.editable .add-draco .ico-darco.ico-xs {
            margin-left: 4px
        }

        .dialog-stake .fieldset.editable .add-draco .fee {
            font-size: 12px;
            font-weight: 400;
            letter-spacing: -.12px;
            vertical-align: middle;
            color: #fff
        }

    .dialog-stake .fieldset.editable .in-msg {
        position: absolute;
        right: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        letter-spacing: -.12px
    }

        .dialog-stake .fieldset.editable .in-msg span {
            vertical-align: middle
        }

            .dialog-stake .fieldset.editable .in-msg span + span {
                margin-left: 8px
            }

    .dialog-stake .fieldset.editable.focus {
        border: 1px solid #a0f
    }

    .dialog-stake .fieldset.editable.alert {
        border: 1px solid red
    }

        .dialog-stake .fieldset.editable.alert input[type=text], .dialog-stake .fieldset.editable.alert span[contenteditable=true] {
            color: red
        }

.is-mobile .dialog-stake .fieldset.editable {
    --fe-padding-x: 12px;
    --fe-min-height: 48px;
    --fe-font-size: 20px
}

    .is-mobile .dialog-stake .fieldset.editable input[type=text], .is-mobile .dialog-stake .fieldset.editable span[contenteditable=true] {
        max-width: 140px
    }

.dialog-stake .wrap-form {
    background: transparent;
    position: relative
}

    .dialog-stake .wrap-form .fieldset {
        position: relative;
        line-height: 1.25;
        font-size: 0
    }

        .dialog-stake .wrap-form .fieldset .input {
            display: inline-block;
            border: 1px solid #fff;
            padding: 4px 8px;
            border-radius: 0;
            width: 100%;
            outline: none;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.25;
            color: #fff
        }

            .dialog-stake .wrap-form .fieldset .input.add-focus, .dialog-stake .wrap-form .fieldset .input:focus {
                border: 1px solid #a0f
            }

            .dialog-stake .wrap-form .fieldset .input.alert {
                border: 1px solid red;
                color: red
            }

            .dialog-stake .wrap-form .fieldset .input.add-ani {
                -webkit-transition: .8s;
                -o-transition: .8s;
                transition: .8s
            }

            .dialog-stake .wrap-form .fieldset .input::-webkit-input-placeholder {
                color: #7f7f7f
            }

            .dialog-stake .wrap-form .fieldset .input::-moz-placeholder {
                color: #7f7f7f
            }

            .dialog-stake .wrap-form .fieldset .input:-ms-input-placeholder {
                color: #7f7f7f
            }

            .dialog-stake .wrap-form .fieldset .input:-moz-placeholder {
                color: #7f7f7f
            }

    .dialog-stake .wrap-form .input ~ .add-anifocus:after, .dialog-stake .wrap-form .input ~ .add-anifocus:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #a0f;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .dialog-stake .wrap-form .input ~ .add-anifocus:after {
        top: auto;
        bottom: 0;
        left: auto;
        right: 0
    }

    .dialog-stake .wrap-form .input ~ .add-anifocus i:after, .dialog-stake .wrap-form .input ~ .add-anifocus i:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 0;
        background-color: #a0f;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .dialog-stake .wrap-form .input ~ .add-anifocus i:after {
        left: auto;
        right: 0;
        top: auto;
        bottom: 0
    }

    .dialog-stake .wrap-form .input:focus ~ .add-anifocus:after, .dialog-stake .wrap-form .input:focus ~ .add-anifocus:before {
        width: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .dialog-stake .wrap-form .input:focus ~ .add-anifocus i:after, .dialog-stake .wrap-form .input:focus ~ .add-anifocus i:before {
        height: 100%;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .dialog-stake .wrap-form.theme--light .fieldset .input {
        border: 1px solid #e7e7e7;
        color: #000
    }

    .dialog-stake .wrap-form.theme--light .notice {
        color: rgba(0,0,0,.3137254901960784)
    }

    .dialog-stake .wrap-form .notice {
        font-size: 10px;
        color: hsla(0,0%,100%,.3137254901960784)
    }

        .dialog-stake .wrap-form .notice.alert {
            color: #fe0000
        }

    .dialog-stake .wrap-form .fieldset.add-ico-draco:before {
        content: "";
        position: absolute;
        left: 16px;
        top: 15px;
        width: 32px;
        height: 32px;
        background: url(data:image/webp;base64,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) 0 0/cover no-repeat
    }

    .dialog-stake .wrap-form .fieldset.add-ico-draco .input {
        padding: 15px 18px 15px 56px;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -.24px;
        line-height: normal
    }

        .dialog-stake .wrap-form .fieldset.add-ico-draco .input::-webkit-input-placeholder {
            font-size: 20px;
            font-weight: 400
        }

        .dialog-stake .wrap-form .fieldset.add-ico-draco .input::-moz-placeholder {
            font-size: 20px;
            font-weight: 400
        }

        .dialog-stake .wrap-form .fieldset.add-ico-draco .input:-ms-input-placeholder {
            font-size: 20px;
            font-weight: 400
        }

        .dialog-stake .wrap-form .fieldset.add-ico-draco .input::-ms-input-placeholder {
            font-size: 20px;
            font-weight: 400
        }

        .dialog-stake .wrap-form .fieldset.add-ico-draco .input::placeholder {
            font-size: 20px;
            font-weight: 400
        }

    .dialog-stake .wrap-form .fieldset.add-ico-draco .in-msg {
        position: absolute;
        right: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        letter-spacing: -.12px
    }

        .dialog-stake .wrap-form .fieldset.add-ico-draco .in-msg span {
            vertical-align: middle
        }

            .dialog-stake .wrap-form .fieldset.add-ico-draco .in-msg span + span {
                margin-left: 8px
            }

    .dialog-stake .wrap-form .fieldset.add-ico-draco ~ .notice {
        font-size: 14px
    }

.v-application .contents.playbook {
    --section-inner-width: 960px;
    padding-top: var(--navdsp-height);
    min-height: 100vh
}

    .v-application .contents.playbook:after {
        content: "";
        position: absolute;
        left: 0;
        z-index: -1;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        z-index: -2;
        top: 0;
        height: 600px;
        background: url(../../static/img/playbook-topbg.6b43e70c.webp) 50% 0/1600px 600px no-repeat;
        -webkit-transition: opacity .3s ease-in-out .2s,-webkit-transform .3s ease-out;
        transition: opacity .3s ease-in-out .2s,-webkit-transform .3s ease-out;
        -o-transition: opacity .3s ease-in-out .2s,transform .3s ease-out;
        transition: opacity .3s ease-in-out .2s,transform .3s ease-out;
        transition: opacity .3s ease-in-out .2s,transform .3s ease-out,-webkit-transform .3s ease-out
    }

    .v-application .contents.playbook .section__inner {
        padding: 0 24px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.init-playbook .v-application .contents.playbook .section.section1 .section__inner:after, .init-playbook .v-application .contents.playbook:after {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.v-application .contents.playbook .headword {
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    color: #fff
}

.v-application .contents.playbook .text-desc {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    margin-top: 24px
}

.v-application .contents.playbook .wrap-define {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .v-application .contents.playbook .wrap-define .define {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .v-application .contents.playbook .wrap-define .define dt {
            font-size: 20px;
            font-weight: 700;
            line-height: 1;
            color: #fff
        }

        .v-application .contents.playbook .wrap-define .define dd .text-desc {
            font-size: 16px;
            line-height: 1.25
        }

.v-application .contents.playbook .section.section1 .section__inner {
    padding: 0;
    width: 100%
}

    .v-application .contents.playbook .section.section1 .section__inner:after {
        content: "";
        position: relative;
        display: block;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        height: 441px;
        background: url(../../static/img/playbook-main.98840851.webp) 50% 0/1600px 441px no-repeat;
        -webkit-transition: opacity .6s ease-in-out .2s,-webkit-transform .6s ease-out;
        transition: opacity .6s ease-in-out .2s,-webkit-transform .6s ease-out;
        -o-transition: opacity .6s ease-in-out .2s,transform .6s ease-out;
        transition: opacity .6s ease-in-out .2s,transform .6s ease-out;
        transition: opacity .6s ease-in-out .2s,transform .6s ease-out,-webkit-transform .6s ease-out
    }

    .v-application .contents.playbook .section.section1 .section__inner .wrap-title {
        width: var(--section-inner-width);
        min-height: 300px;
        margin: 0 auto;
        padding: 62px 0 56px
    }

.v-application .contents.playbook .wrap-title {
    color: #fff;
    text-align: center
}

    .v-application .contents.playbook .wrap-title .dsp-title {
        display: inline-block;
        vertical-align: top;
        font-size: 72px;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -1px;
        word-break: break-all
    }

        .v-application .contents.playbook .wrap-title .dsp-title.line-break {
            font-size: 54px;
            letter-spacing: -2px
        }

    .v-application .contents.playbook .wrap-title .text-introduce {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.13;
        margin-top: 16px
    }

.v-application .contents.playbook .dsp-basic {
    padding: 93px 0 120px
}

.v-application .contents.playbook .dsp-round {
    padding: 0 0 120px
}

    .v-application .contents.playbook .dsp-round .wrap-define {
        margin-top: 40px
    }

        .v-application .contents.playbook .dsp-round .wrap-define .define {
            max-width: 267px
        }

            .v-application .contents.playbook .dsp-round .wrap-define .define dd img {
                display: block;
                margin-top: 40px
            }

            .v-application .contents.playbook .dsp-round .wrap-define .define dd .text-desc {
                margin-top: 40px
            }

.v-application .contents.playbook .dsp-algorithm {
    padding: 0 0 120px
}

    .v-application .contents.playbook .dsp-algorithm .text-desc {
        max-width: 720px
    }

    .v-application .contents.playbook .dsp-algorithm .wrap-formula {
        margin-top: 64px
    }

        .v-application .contents.playbook .dsp-algorithm .wrap-formula small {
            display: block;
            font-size: 12px;
            font-weight: 400
        }

        .v-application .contents.playbook .dsp-algorithm .wrap-formula .formula {
            display: inline-block;
            margin-top: 10px
        }

        .v-application .contents.playbook .dsp-algorithm .wrap-formula .formula-infograph {
            display: inline-block;
            margin-top: 64px
        }

.v-application .contents.playbook .dsp-winning {
    padding: 0 0 120px
}

    .v-application .contents.playbook .dsp-winning .text-desc {
        max-width: 720px
    }

    .v-application .contents.playbook .dsp-winning .wrap-formula {
        margin-top: 64px
    }

        .v-application .contents.playbook .dsp-winning .wrap-formula small {
            display: block;
            font-size: 12px;
            font-weight: 400
        }

        .v-application .contents.playbook .dsp-winning .wrap-formula .formula {
            display: inline-block;
            margin-top: 8px
        }

        .v-application .contents.playbook .dsp-winning .wrap-formula .wrap-graph {
            list-style: none;
            padding: 0;
            margin: 80px 0 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .v-application .contents.playbook .dsp-winning .wrap-formula .wrap-graph li {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                max-width: 440px
            }

                .v-application .contents.playbook .dsp-winning .wrap-formula .wrap-graph li .text-desc {
                    min-height: 40px;
                    font-size: 12px;
                    line-height: 1.67
                }

    .v-application .contents.playbook .dsp-winning .wrap-define {
        margin-top: 120px
    }

        .v-application .contents.playbook .dsp-winning .wrap-define .define {
            max-width: 267px
        }

            .v-application .contents.playbook .dsp-winning .wrap-define .define dd .text-desc {
                margin-top: 16px;
                font-size: 16px;
                line-height: 1.38
            }

                .v-application .contents.playbook .dsp-winning .wrap-define .define dd .text-desc small {
                    display: block;
                    font-size: 12px;
                    font-weight: 400;
                    margin-top: 16px
                }

.v-application .contents.playbook .dsp-rewards {
    padding: 0 0 120px
}

    .v-application .contents.playbook .dsp-rewards .text-desc {
        max-width: 720px;
        padding-bottom: 80px
    }

    .v-application .contents.playbook .dsp-rewards .wrap-define {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 62px
    }

        .v-application .contents.playbook .dsp-rewards .wrap-define .define {
            position: relative
        }

            .v-application .contents.playbook .dsp-rewards .wrap-define .define dd, .v-application .contents.playbook .dsp-rewards .wrap-define .define dt {
                max-width: 440px
            }

            .v-application .contents.playbook .dsp-rewards .wrap-define .define .wrap-img {
                position: absolute;
                right: 0;
                top: 0
            }

            .v-application .contents.playbook .dsp-rewards .wrap-define .define.winnerdraw .wrap-img {
                top: -72px
            }

            .v-application .contents.playbook .dsp-rewards .wrap-define .define.rewards {
                margin-top: 80px
            }

    .v-application .contents.playbook .dsp-rewards .wrap-formula {
        margin-top: 64px
    }

        .v-application .contents.playbook .dsp-rewards .wrap-formula small {
            display: block;
            font-size: 12px;
            font-weight: 400
        }

        .v-application .contents.playbook .dsp-rewards .wrap-formula .formula {
            display: inline-block;
            margin-top: 8px
        }

.v-application .contents.playbook .dsp-youtube .wrap-youtube {
    position: relative;
    margin-top: 0;
    padding-top: 56.25%;
    height: 0
}

    .v-application .contents.playbook .dsp-youtube .wrap-youtube.no-gutter {
        padding-top: 0;
        width: 960px;
        height: auto
    }

.dsp-preround {
    display: block;
    position: relative;
    width: 896px;
    height: 408px;
    margin: 40px auto 16px;
    padding: 36px;
    background: url(../../static/img/bg-dsp-eventbanner.d15b8b68.webp) 0 0/cover no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .dsp-preround .title {
        display: block;
        margin: 9px auto 0;
        width: 573px;
        height: 112px;
        text-align: center;
        background: url(../../static/img/dsp-kickoff-event.2804e504.webp) 0 0/cover no-repeat
    }

    .dsp-preround .desc {
        margin: 0 10%;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        line-height: 1.56;
        text-align: center
    }

    .dsp-preround .title + .desc {
        margin-top: 16px
    }

    .dsp-preround .wrap-button {
        margin-top: 23px;
        text-align: center
    }

        .dsp-preround .wrap-button .deadline {
            font-size: 16px;
            font-weight: 400;
            color: hsla(0,0%,100%,.5)
        }

        .dsp-preround .wrap-button .btn {
            width: 100%;
            height: 72px;
            margin-top: 12px
        }

            .dsp-preround .wrap-button .btn .btn-message {
                font-size: 24px;
                font-weight: 700
            }

        .dsp-preround .wrap-button .btn-wemix {
            width: 100%;
            height: 72px;
            font-size: 24px;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            vertical-align: middle;
            background-color: #a0f;
            margin-top: 12px
        }

            .dsp-preround .wrap-button .btn-wemix:before {
                content: "";
                display: inline-block;
                width: 117px;
                height: 32px;
                background: url(data:image/webp;base64,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) 0 0/cover no-repeat;
                vertical-align: middle;
                padding-right: 10px;
                margin: -4px 10px 0 0
            }

    .dsp-preround .btn.btn-logout {
        position: absolute;
        top: 30px;
        right: 30px;
        height: 35px;
        font-size: 16px
    }

.dialog-launch.theme-dark {
    background: url(../../static/img/bg-dsp-event.7af4b388.webp) 50% 0/100% auto no-repeat,-o-linear-gradient(310deg,#362164 0,#0f002f 50%,#362164 101%);
    background: url(../../static/img/bg-dsp-event.7af4b388.webp) 50% 0/100% auto no-repeat,linear-gradient(140deg,#362164,#0f002f 50%,#362164 101%);
    color: #fff
}

    .dialog-launch.theme-dark .content {
        padding-bottom: 40px;
        color: hsla(0,0%,100%,.75)
    }

.dialog-launch .dialog-header {
    margin: -24px -24px 0;
    padding: 16px 24px 0
}

    .dialog-launch .dialog-header .title {
        display: block;
        margin: 16px auto 0;
        width: 573px;
        height: 112px;
        text-align: center;
        background: url(../../static/img/dsp-kickoff-event.2804e504.webp) 0 0/cover no-repeat
    }

    .dialog-launch .dialog-header .desc {
        text-align: center
    }

        .dialog-launch .dialog-header .desc p {
            margin-top: 24px;
            font-size: 18px;
            font-weight: 700;
            line-height: 1.44;
            color: #fff
        }

        .dialog-launch .dialog-header .desc small {
            display: block;
            margin-top: 8px;
            color: hsla(0,0%,100%,.3137254901960784)
        }

.dialog-launch .event-content > .notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 88px;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.71;
    color: #fff;
    text-align: center
}

    .dialog-launch .event-content > .notice.alert {
        color: red
    }

.dialog-launch .event-content .event-step {
    list-style: none;
    margin: 24px auto 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 560px
}

    .dialog-launch .event-content .event-step li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border: 1px solid hsla(0,0%,100%,.2);
        max-width: 176px;
        padding: 30px 18px;
        text-align: center
    }

        .dialog-launch .event-content .event-step li.alert {
            border: 1px solid red
        }

        .dialog-launch .event-content .event-step li .ico-checked {
            display: inline-block;
            width: 64px;
            height: 48px;
            background: url(data:image/webp;base64,UklGRuoEAABXRUJQVlA4WAoAAAAQAAAAiQAAbQAAQUxQSDcBAAABcFXbdpw8CZEQCZWAhDooDsBBcAAOqAMkIAEcREIkPMbM9y7IV0QwbNs2TCb+MLgfyC/xGR5nveNB1fHwigUSmRcSmbtqJHzR0CXiQT0RFvbOQ0bAdUybYLl/ihKxHasOsHY8LEPEzMMUhowVeKoaMq483M1Q5S3urjpUyXWwPgL8upO33fHg1fGg7XKavLmHvypHYOC1XvUzCr4jIBa8eI3t2/5VBdVUwI8AB03XduDtrpZLc4e1m7y7rJVOawO0KUvH1V+au6725N15dbf33luqOYmAZrMeASCqtTSDVGfyhqnG9g5UoYsIVKW7KliFAy9aRUszXgWTN2LA2/uabpPBGxHMQgYrghr0ZraWg6oUWGXgKgFYPshygZYHthwkCtDE3FLbO3hx8MUQ6BuLXli0ld5PAABWUDggjAMAAFAbAJ0BKooAbgA+bTKWR6QjIiEoNgoIgA2JZgDT1V9+1/wD+Na710Dzn6J/JP4B+afyy+AGmS+DflH/D/oX9O/Y7tAeYB/AP4B/yP6B/UOwB/APQB0APQA/unUAdCJ/g/2P///yFfxv/hftT8A/6e////udpx/AP3//f/lAP4X+AH4Afv73+FhHQAvMzTanIsNT6Ap6AFzlOsSWPM1gMpZ6WVrWAgrJ2TprOpUQNef26NRgiorrCZiz3WvFxdnRZi04pBJjYCqcu6pPR+0fSBlFqxMNgLoCR7hTgeVICM7vNyQAAP78rRAGvP9Q/iWqdHZLcOGl1fTwzodFuoXvj0YTywNOTHhm85sr45m5MKcTeVXk/2KQlH/7C/mhHlMdZT6kT38IWDr/b37CD2AA92KxcQdRR/jH3opBzKg0LJegXvWABJPBCGto2rss48xbrVtGD6i/YLBCpocpve1SxlYiOAjs7i83m8n/AptvUin5RdudPeZ5EZFGDge7FYuIOoo/xj70Ug5lQaFkvQL3rAAknghDW0bV2WceYt1qxoANtSri9vwOWO3mZ5AofdXZJP3zumNiBluaSB8Xhv1i4pC6PGyTK/55YBaRjIP8fotrFVEhO3WfjZNVBU2KM70Ug5lQiOqxlZg89pX9Gfwmto2rss+fLRLPVZj7xd04pSG905hqT4YKrcxkifzInJWUzrx6MzjHQ1wI5/lU/ptXDyFC17BVgSFpgoQntUV+JaqAKRphnNNikIaaoxFDP8mrD1WRaxVGfo8jrYueVzFlH6WyKaQdZcqmzB298BFuW/QAzn+w/opV1pbbh5vaV12XKIi8fb2lZJfH2y3FNuKOrm98hbvptPlolnqxPt91IIy0gXqoyKS9AveVoGyhym97U+IC9VJWUzrx6MzjHQ1wI5/lU/ptXDyFC17BVgSFpgoA2fosfFYG/yzCFLpU1OAN4+8auoFus/0Dru+LIdLlDKrwIXdIWbOFEO3kI4oAUuqpaBB7PD/D5LFJIeKxNpGWgjK2B/RSr5L0GtcIYf9vRJRIysQQ8X9BeXSEGf9GIIn5Y1sF+DuyFOT8ey4sxBDSQPi8N+uV5iomNky0ia2JSoEiHwAHiPisDf5Zgr0LicFkxTeTI//6jskKRYmfJ/4Y72CaMlO2DA8W5Q2lI1oEJS0sGBHJhPkhv9U26I1zHSZ+Z6fy8VRBKfAAAAAA) 50% 50%/cover no-repeat
        }

        .dialog-launch .event-content .event-step li .ico-close-point {
            display: inline-block;
            width: 64px;
            height: 52px;
            background: url(data:image/webp;base64,UklGRk4GAABXRUJQVlA4WAoAAAAQAAAAfwAAaQAAQUxQSGQBAAABN0CQbRvbDYZws0VEoK0DTmzbrpuvAEAQHHtXql0ZQCRg6/Gn8NO95+wjABH9Z+S2baR0Zoi5Jen2h+mOxoGMixRvr2R8npT4+z1y8XC7Ko7xCjrGSXCMGc4xrooLoAuCK5wLvRswN7Ruoey53MYO0PF70JI5co5XNRvQo5wOqQqpDKcOpwGlA6UFowejia+fF6CfmN9XH18Ad10RuCJ4+4rBE8KRwhFDl0MXRJVEFUWTRRNGkUYRp5enN0Bngs4ItRlqM5SGKA1RydPL05qgM0FjhtoMlfnI/8QsiFkRsiRkTcSGiC35c+sOzs38uX0H90b83gpZk7EmYkfCjoA9vD24CrQKsBqsGqgqpCqgOpw6mA6UDpAejB6ILn5efl2AfmH+vPjYErjrksCUwduXDJYUjhSGHLoRLqUghzKZ/0qOjzqZ90KQ8zTV7GXY2bATYmfHVoqNLRsxNvasciwKLIIUTlZQOCDEBAAAECAAnQEqgABqAD5tMpRGpCMiISU3HfCADYlsCHAL8AIIgu/8l/AOtqptz/8g/ye+cKsP0H8A/jr0n02ehB4B+N/4/7dO0B5gH8J/gv+Z+4DuS+YD9bvQA9QH/Z9QD+q/23////DtAPQA82X/m/p1/B/kO/Z79vP//8gf8i/uP/T/fP/////6AP//6gH7//wv+GfIB/AP4B/////8V/QD+AfgB+AH7+9/h/SzXLcgqZUl8ZlquvNOjTcmpvo04E7trws4T6R2gqXKLXGA5SCfyKQ3raIPfUzGYifPJcjEjBU7ytH9Nd55GZgSIjGsTgLubcE9CDOu88O1DnrZSzXj4nw+IL6BWzE5AAD+rK//9tlK8bl46GnRHxlqhAvcLgzJm8+LHm3xL11y3He1cChnzCxyM0TrL6J6azr4B756bg1B4eZXGX3529fFGExJkYEB+TWnAXmpDzXcZTw7evgcHYBPCCvmZ97OFck5XirahCP4eC3wzsKsTbPt+kr6TgcMiHK+HQd+7JPWgVrM9v0lOp3d9Zq3JiiQqZ3Z4v/9sScx37zMpOqEB3gPiIC2pXV9QvEJzadR4s+Mz/Y5RA8r1LHMs2CRcCIVSjlpW4HfQTpyVC+YdHrx7d62mCBlunBJmHLXRH913qxD6P0+NZ08gnE5CJ96UfokSO+znEBBbh4IJ8cq+AnBz7b37zP9I1HdknxhtrhhaQDmORO+d9yVUTxfOEH8TWdNihW561tD3ppVGCPl22Gxx39CutqqL4LHsfxmtwGRCKg9V12ejgW6I1/1hT9S2sErLQAjNuAfpLjw9hTLN7DbB/7MwVGjjdJnR68e3euniLGCkoEmod+YH53av8nyaRjbHOSquosSi6oLR2GmjPTSX40JSS4BEIOMwiuEH8TWQpycFi2tbkkeWKYYYw9tRv/FRdaPt+iJll8HF/Tp+NLK6RC1+gj65vSPOQ2EMji6ptfUK5iA0eI7MRpJpchuklfhUGgXnMnEBtcNq7dkJvjznZKvDyZnESTFZVhjXQGoFuy4ooEjutCOYnzW4mKy+9VjCMn2Xk+TiXQdG/LS2Hhg/1uabOPN3hXwFwcnAAaPth0ojBWvn7SYAsoQtZb1dNI9ErvuSeRKSjfzy84QfxNZ02KFbnrXFG0tHQ2VzvIqThbMfyMcd/SBRq80To3mPHZRt5te9DsBbodloFVKPJ12y4etq9e0PjiDB5PCtUU443wyvb6Kv43gBARSrJ+iQX2CvIMsPZZ8Fg5myTMO0uAybepVBIR0guwX8ebY444wXIX8CTKR08gsAfPUukVrLerppHold9yTyJSUb+eXnCD+JrOmxQrc9a4o2lo6Gyud5Kh4Xa8zRRwhfzxfhWxhD1xd1I2coEPXF3VbpHnIbCnL0cwkrXmrQxnNSkWXD2vTmWbK7FHjiDB5R17zZnpp29gpt0CwHBuCNSfcgwtl1QWjsOWiT9hHx0h7G43q7XBHaWTFiZWojzbHHHEO1y9Dwwk2Q8ZPCRBNaze4ddXJrw0HFz6oCrxLNPoI+sx4WqrncD8hOI2FP1LYpsqxAOAAADJf4xuuqFlnjwb9Wr149u9t2wsiKeqrnYCt9kRK3PQyIKwbVOKvyyEv6HBOAAA=) 50% 50%/cover no-repeat
        }

        .dialog-launch .event-content .event-step li .goal {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-height: 72px;
            margin-top: 16px
        }

            .dialog-launch .event-content .event-step li .goal .ico-darco.ico-sm {
                font-size: 48px;
                line-height: 36.6px;
                color: #fff;
                padding-left: 48px
            }

                .dialog-launch .event-content .event-step li .goal .ico-darco.ico-sm:before {
                    width: 44px;
                    height: 44px
                }

            .dialog-launch .event-content .event-step li .goal .ico-mir4box.ico-sm, .dialog-launch .event-content .event-step li .goal .ico-wemixbox.ico-sm {
                display: inline-block;
                width: 72px;
                height: 72px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                margin: 0
            }

            .dialog-launch .event-content .event-step li .goal .ico-mir4box.ico-sm {
                margin-left: 5px
            }

            .dialog-launch .event-content .event-step li .goal .membercount small {
                display: block;
                font-size: 16px;
                font-weight: 700;
                line-height: 1.33;
                color: #fff
            }

            .dialog-launch .event-content .event-step li .goal .membercount strong {
                display: block;
                margin-top: 4px;
                font-size: 34px;
                font-weight: 700;
                line-height: 1.18;
                color: #fff
            }

        .dialog-launch .event-content .event-step li .condition {
            min-height: 60px;
            margin-top: 8px;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.43;
            color: #fff
        }

.dialog-launch .event-content .wrap-button {
    text-align: center;
    max-width: 560px;
    margin: 0 auto
}

    .dialog-launch .event-content .wrap-button .deadline {
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        color: hsla(0,0%,100%,.3137254901960784)
    }

    .dialog-launch .event-content .wrap-button .btn {
        width: 100%;
        margin-top: 16px
    }

.dialog-launch .event-content .event-step + .wrap-button {
    margin-top: 24px
}

.dialog-launch .event-content .wrap-reward {
    text-align: center
}

    .dialog-launch .event-content .wrap-reward .ticket {
        display: inline-block;
        margin-top: 87px
    }

    .dialog-launch .event-content .wrap-reward .message {
        margin-top: 20px;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.43;
        color: #fff
    }

    .dialog-launch .event-content .wrap-reward .desc {
        margin-top: 34px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.71;
        color: #fff
    }

    .dialog-launch .event-content .wrap-reward + .wrap-button {
        text-align: center;
        margin-top: 68px
    }

        .dialog-launch .event-content .wrap-reward + .wrap-button .btn {
            width: inherit;
            min-width: 171px
        }

.exchange-list .list-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    height: 40px
}

.exchange-list .list-bar__title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

    .exchange-list .list-bar__title span.total-count {
        color: var(--color-exd)
    }

        .exchange-list .list-bar__title span.total-count.nft {
            color: var(--color-epic)
        }

.exchange-list .list-bar__more {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    white-space: nowrap;
    color: #fff;
    font-size: 14px
}

.exchange-list .list-bar__tab {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    width: auto;
    font-size: 14px;
    font-weight: 700;
    color: hsla(0,0%,100%,.4)
}

    .exchange-list .list-bar__tab.v-tabs .v-tabs-bar {
        height: 24px
    }

        .exchange-list .list-bar__tab.v-tabs .v-tabs-bar .v-tab {
            padding: 0 1px;
            min-width: auto;
            font-size: 14px;
            color: inherit;
            text-transform: none;
            letter-spacing: 0
        }

            .exchange-list .list-bar__tab.v-tabs .v-tabs-bar .v-tab.v-tab--active {
                color: #fff
            }

    .exchange-list .list-bar__tab.v-tabs .v-tabs-bar__content {
        gap: 24px
    }

    .exchange-list .list-bar__tab.v-tabs .v-tabs-slider-wrapper {
        height: 1px !important
    }

        .exchange-list .list-bar__tab.v-tabs .v-tabs-slider-wrapper .v-tabs-slider {
            background-color: #fff
        }

.exchange-list .list-bar + .wrap-filter {
    margin-top: -16px
}

.nft .exchange-list .list-bar:not(:first-of-type) {
    margin-top: 48px
}

.nft .exchange-list .list-bar .v-tabs .v-tabs-bar .v-tabs-slider-wrapper {
    color: #e00
}

.exchange-list .wrap-filter {
    position: sticky;
    top: 60px;
    z-index: 1;
    padding: 16px 0 10px;
    background-color: #020219
}

.exchange-list .wrap-filter__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 8px
}

.exchange-list .wrap-filter .wrap-price-range {
    position: relative;
    color: #fff;
    font-size: 12px
}

    .exchange-list .wrap-filter .wrap-price-range .wrap-button {
        margin-top: 0
    }

.exchange-list .wrap-filter .wrap-filter-button {
    position: relative;
    color: #fff
}

    .exchange-list .wrap-filter .wrap-filter-button .btn-select-filter {
        width: 100%
    }

.exchange-list .wrap-filter .btn-select-filter {
    border-radius: 0;
    border: 1px solid hsla(0,0%,100%,.15);
    font-size: 14px;
    background-color: #0f0f25;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .exchange-list .wrap-filter .btn-select-filter:not(.v-input__control,.select-filter-layer,.layer-filter) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        height: 40px;
        padding: 0 16px
    }

        .exchange-list .wrap-filter .btn-select-filter:not(.v-input__control,.select-filter-layer,.layer-filter):after {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            background: url(data:image/webp;base64,UklGRsYAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGIAAAABP6CQbQQ4dwaPwQxO6SIiRFYfMI1tO0pWHxVNCbiUgKUFFAWs9f/lPVx0RP8Vpm3DuEO/hBlNwhbXPrCrWveXfeu3Wcc3wK9b7RW8ZwwAEUERkOFlOClOiskxOeoP4iQmAFZQOCA+AAAA8AIAnQEqIAAgAC5NNptNoSQkJAQATEtIAAmEjyeYFgAA/TH//+yH//4s///uq//9z2///dFaf/+pCQUAAAA=) 50% 50%/contain no-repeat;
            -webkit-transition: -webkit-transform .3s cubic-bezier(.25,.8,.5,1);
            transition: -webkit-transform .3s cubic-bezier(.25,.8,.5,1);
            -o-transition: transform .3s cubic-bezier(.25,.8,.5,1);
            transition: transform .3s cubic-bezier(.25,.8,.5,1);
            transition: transform .3s cubic-bezier(.25,.8,.5,1),-webkit-transform .3s cubic-bezier(.25,.8,.5,1)
        }

        .exchange-list .wrap-filter .btn-select-filter:not(.v-input__control,.select-filter-layer,.layer-filter).btn--active {
            border-color: hsla(0,0%,100%,.5)
        }

            .exchange-list .wrap-filter .btn-select-filter:not(.v-input__control,.select-filter-layer,.layer-filter).btn--active:after {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .exchange-list .wrap-filter .btn-select-filter:not(.v-input__control,.select-filter-layer,.layer-filter).btn--set {
            border-color: hsla(0,0%,100%,.3)
        }

    .exchange-list .wrap-filter .btn-select-filter .v-input__icon {
        margin-right: 6px
    }

.exchange-list .wrap-filter .filter-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    letter-spacing: -.14px
}

    .exchange-list .wrap-filter .filter-status dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        color: #fff
    }

.exchange-list .wrap-filter .btn-price-range {
    border-radius: 0;
    border: 1px solid hsla(0,0%,100%,.15);
    background-color: #0f0f25;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 16px;
    padding-left: 16px;
    height: 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box
}

    .exchange-list .wrap-filter .btn-price-range:not(.v-input__control,.select-filter-layer,.layer-filter) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        height: 40px;
        padding: 0 16px
    }

        .exchange-list .wrap-filter .btn-price-range:not(.v-input__control,.select-filter-layer,.layer-filter):after {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            background: url(data:image/webp;base64,UklGRsYAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSGIAAAABP6CQbQQ4dwaPwQxO6SIiRFYfMI1tO0pWHxVNCbiUgKUFFAWs9f/lPVx0RP8Vpm3DuEO/hBlNwhbXPrCrWveXfeu3Wcc3wK9b7RW8ZwwAEUERkOFlOClOiskxOeoP4iQmAFZQOCA+AAAA8AIAnQEqIAAgAC5NNptNoSQkJAQATEtIAAmEjyeYFgAA/TH//+yH//4s///uq//9z2///dFaf/+pCQUAAAA=) 50% 50%/contain no-repeat;
            -webkit-transition: -webkit-transform .3s cubic-bezier(.25,.8,.5,1);
            transition: -webkit-transform .3s cubic-bezier(.25,.8,.5,1);
            -o-transition: transform .3s cubic-bezier(.25,.8,.5,1);
            transition: transform .3s cubic-bezier(.25,.8,.5,1);
            transition: transform .3s cubic-bezier(.25,.8,.5,1),-webkit-transform .3s cubic-bezier(.25,.8,.5,1)
        }

        .exchange-list .wrap-filter .btn-price-range:not(.v-input__control,.select-filter-layer,.layer-filter).btn--active {
            border-color: hsla(0,0%,100%,.5)
        }

            .exchange-list .wrap-filter .btn-price-range:not(.v-input__control,.select-filter-layer,.layer-filter).btn--active:after {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .exchange-list .wrap-filter .btn-price-range:not(.v-input__control,.select-filter-layer,.layer-filter).btn--set {
            border-color: hsla(0,0%,100%,.3)
        }

    .exchange-list .wrap-filter .btn-price-range .v-input__icon {
        margin-right: 6px
    }

    .exchange-list .wrap-filter .btn-price-range:before {
        content: "";
        display: block;
        margin-right: 8px;
        width: 16px;
        height: 16px;
        background: url(data:image/webp;base64,UklGRqABAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSFQBAAABgFXbdtzmQngQBMEQHgQx6INgBjEDi4HEwGHgMjAEQRCE8+GhI4CImAD9r+aR3b4tpQ49oNf0HdZqPtisca7pSz5GSu9lisFW5ojP/IUPCOU6Z/dcaviAj0eZ4XoaHcAfpN6TzpamySRZLQfD7hrdTi/Oe0gqyVu9SewpFZNzu0pW87ylq7ZoGsTKqLXuA1glB5arPmbAB13nBXBpH/QLAziOiRsV2KWygJ0c2Bs8sAGmmDb8lIFSHukNSR7W4xRAxLMdJvmokU8OuI1HA0wZ8JMBWe3JC3apvMFO6rDrfWcrEFItdF0ugKcBo9a6DaBIETP1Km1zbjZ17ptk3YN0pVY9rUqtXxyzpMbIVbc2OEo1afKckyQrBT7TnRygh269pQOyngYMj1aye5Sd7BB6nvccc9kYMb0Gcxuur6bGudoGbNX0jal1iA59Sfpu8xxu+l8BVlA4ICYAAADQAgCdASogACAAPm00lkekIyIhKAgAgA2JaQAAPaOgAP77IYAAAA==) 50% 50%/contain no-repeat
    }

.exchange-list .wrap-filter .select-filter.v-select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.exchange-list .wrap-filter .filter-range-slider {
    margin: 12px 0 6px;
    color: #fff
}

    .exchange-list .wrap-filter .filter-range-slider .v-input__slot, .exchange-list .wrap-filter .filter-range-slider .v-slider {
        margin: 0
    }

.exchange-list .wrap-filter.equally-child .wrap-filter__inner > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.exchange-list .wrap-filter-chip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-top: 24px
}

    .exchange-list .wrap-filter-chip .wrap-chips {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px;
        padding-bottom: 8px
    }

    .exchange-list .wrap-filter-chip .v-chip.v-chip--outlined.v-chip {
        border-radius: 14px !important;
        height: 28px;
        color: #ffe600;
        background-color: rgba(255,230,0,.2) !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .exchange-list .wrap-filter-chip .v-chip.v-chip--outlined.v-chip:before {
            background-color: hsla(0,0%,100%,.1) !important
        }

        .exchange-list .wrap-filter-chip .v-chip.v-chip--outlined.v-chip .v-chip__content > img {
            margin-left: 4px;
            width: 10px;
            height: 10px;
            cursor: pointer
        }

    .exchange-list .wrap-filter-chip .btn-filter-reset {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 4px 8px;
        height: 28px;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .exchange-list .wrap-filter-chip .btn-filter-reset > img {
            margin-left: 4px;
            width: 16px;
            height: 16px
        }

    .exchange-list .wrap-filter-chip .filter-divider {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .exchange-list .wrap-filter-chip .select-filter {
        top: -6px;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 !important;
        flex: 0 !important
    }

.exchange-list .filter-check {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.15);
    padding: 8px;
    background-color: #0f0f25
}

    .exchange-list .filter-check .filter-check-img {
        width: 20px;
        height: 20px
    }

    .exchange-list .filter-check .filter-check-label {
        margin-left: 8px;
        color: #fff;
        font-size: 14px
    }

    .exchange-list .filter-check.filter-check--checked {
        border-color: hsla(0,0%,100%,.3)
    }

.exchange-list .wrap-button {
    margin-top: 24px
}

    .exchange-list .wrap-button .btn-viewmore {
        --viewmore-height: 62px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 0 12px;
        min-height: var(--viewmore-height);
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        background-color: hsla(0,0%,100%,.05);
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.is-mobile .exchange-list .wrap-button .btn-viewmore {
    --viewmore-height: 48px
}

.exchange-list .layer-price-range {
    position: absolute;
    top: 42px;
    left: 0;
    margin-top: 8px;
    width: 360px;
    z-index: 1;
    border: 1px solid #333346;
    padding: 24px;
    font-size: 12px;
    background-color: #0f0f25;
    -webkit-box-shadow: 0 40px 40px 0 rgba(0,0,0,.5);
    box-shadow: 0 40px 40px 0 rgba(0,0,0,.5)
}

    .exchange-list .layer-price-range .wrap-range {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        margin-bottom: 16px
    }

        .exchange-list .layer-price-range .wrap-range .input-range {
            border: 1px solid #fff;
            border-radius: 0
        }

            .exchange-list .layer-price-range .wrap-range .input-range .v-input__control {
                height: 40px
            }

                .exchange-list .layer-price-range .wrap-range .input-range .v-input__control .v-input__slot {
                    margin: 0;
                    border-radius: 0;
                    color: #fff;
                    background-color: rgba(0,0,0,.25)
                }

                    .exchange-list .layer-price-range .wrap-range .input-range .v-input__control .v-input__slot .v-text-field__slot, .exchange-list .layer-price-range .wrap-range .input-range .v-input__control .v-input__slot input {
                        color: inherit;
                        font-weight: 700
                    }

                    .exchange-list .layer-price-range .wrap-range .input-range .v-input__control .v-input__slot .v-label {
                        color: hsla(0,0%,100%,.5);
                        font-weight: 400;
                        font-size: 14px
                    }

                .exchange-list .layer-price-range .wrap-range .input-range .v-input__control .v-text-field__details {
                    display: none
                }

                .exchange-list .layer-price-range .wrap-range .input-range .v-input__control .v-input__icon:before {
                    content: "";
                    display: block;
                    width: 20px;
                    height: 20px;
                    background: url(data:image/webp;base64,UklGRm4DAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSMABAAABoFVtexa9eiREwisBCZEQB42D4uDDweDgjQPGQeqAOnglRMJ9ABP6t/dxREyA/i+msrrv+5bT71kyQCwB9PrrStQ6YE+V26i/JnVC62sUKYA4D982+wUWYLJw761HrCbZT8IeWTCqVFfTNeXmdQBhDyyIRQ+tcY001wjT8zW2gD5VwXW7HAGcXiRpOVSDMhOE3QUfwyTVl5TbRKUlfR+70ovJsUhqxxGjfOq70he4BRzu7ifAMCkNoH9I8NUBr4DpugTQJe0A6a4ARLC0CaUAspR9QLnbLh5jHzPKgEvpnWG9a5d6cvtJJ4SkH9rxqaU9aoCkQ+mc0/rofdejLvtMKD864ZR0QnxYb9QfZMAlBbDdFWBI+5wFUKS8AvkuAby0TeUAQlKzgHSnDgxLcTnc3U+uJpnrpOtjGXEcLgvmq6S26U39JM/S/k32noks6TvDWmiyEFV9kXI7b/qaJC0B51ZndEB8xaqrmSVdvx0bsGk6BVc3Taa2KyBsThbA2JrndEl5H29VCNNTC36aZGtE9340eCsI03PbNj/OAEIqAyJzJP3SGtzW9AIYreiX1w7EEgC96LemvL1297Uk/V8EVlA4IIgBAADwCQCdASooACgAPm0skUYkIqGhMdM8AIANiWwAr0UAOZ2IDkSX1+e+c1yqvQA/VX9Zvd8/mH+d/wHAj/7HrAP2Z9Gb9iPgY/aD9jPgA/WAA/Kya0zXDGOAAP70Lf/8/H/56H//XRU/lxf7vZbqMH5cn8t2M7D+u+7vNo+vEmwXmQ/XOECnSH9pYHQML4bj7SQzIgX8MAvz12s+Uov5E3yX/u0ji7fOihLrbeLJ4Bz3AXsf+4UL2wrSfU+xIg1lAkPiGKh4Wn/UJv//2VKy7l/XtUCZtYpjuHn+b2qD7IG3l8Bk3WD+MnVWQrKXmzQaxuaEEcc96Apusk7Pb18p/rMSKZTy4T8KjTp9OvzP4R85J74h7NvWkiBVsTov/NA+bQBWkaMyhDo/t5RGnDv/trVEfEP3wu1dK+o8Of18EnaBHOb4aMBQ0VDe8AfrVtaMf/JG//7Kkv58v+BGJJCfnphsqSfDXb7Ub9P/WIuoZiK2IefoSou/8Bs+wKwLvwZYEd157rph4AAAAA==) 50% 50%/contain no-repeat
                }

                .exchange-list .layer-price-range .wrap-range .input-range .v-input__control .v-input__icon .v-icon {
                    display: none
                }

            .exchange-list .layer-price-range .wrap-range .input-range.wemixcredit .v-input__icon:before {
                background-image: url(data:image/webp;base64,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)
            }

    .exchange-list .layer-price-range .wrap-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        margin-top: 0
    }

        .exchange-list .layer-price-range .wrap-button .btn {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 40px;
            font-size: 14px
        }

.exchange-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px 16px;
    padding: 0
}

    .exchange-list .list-item li {
        position: relative;
        list-style: none
    }

        .exchange-list .list-item li > .link {
            display: block
        }

        .exchange-list .list-item li .wrap-button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 12px
        }

            .exchange-list .list-item li .wrap-button .btn {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

        .exchange-list .list-item li .traded-info {
            margin-top: 8px;
            padding: 0 8px;
            color: #fff
        }

            .exchange-list .list-item li .traded-info .seller {
                margin-top: 8px
            }

                .exchange-list .list-item li .traded-info .seller dt {
                    position: absolute !important;
                    top: -1px;
                    left: -1px;
                    overflow: hidden;
                    visibility: hidden;
                    height: 1px !important;
                    width: 1px !important;
                    font-size: 0;
                    word-wrap: normal
                }

                .exchange-list .list-item li .traded-info .seller dd {
                    line-height: 1.1;
                    font-size: 12px
                }

                    .exchange-list .list-item li .traded-info .seller dd.seller-nickname {
                        margin-bottom: 4px;
                        font-size: 16px;
                        font-weight: 700
                    }

                    .exchange-list .list-item li .traded-info .seller dd.seller-info {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        gap: 8px;
                        opacity: .5
                    }

            .exchange-list .list-item li .traded-info .date {
                margin-top: 8px;
                line-height: 1.1;
                font-size: 14px
            }

        .exchange-list .list-item li .wrap-price .add-inside {
            color: #fff;
            font-size: 20px;
            letter-spacing: -.4px
        }

        .exchange-list .list-item li .wrap-price:after {
            display: inline-block;
            position: relative;
            top: 6px;
            left: 2px;
            border-radius: 50%;
            width: 8px;
            height: 8px;
            background-color: red;
            vertical-align: top
        }

        .exchange-list .list-item li .wrap-price[data-new=true]:after {
            content: ""
        }

        .exchange-list .list-item li .date-complete-stake {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 5px;
            margin-top: 15px;
            line-height: 1.1;
            font-size: 12px;
            color: #fff
        }

            .exchange-list .list-item li .date-complete-stake .date {
                font-size: 14px;
                font-weight: 700
            }

        .exchange-list .list-item li .rank-badge {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            padding-top: 13px;
            width: 58px;
            height: 64px;
            line-height: 1.1;
            color: #000;
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            background: url(data:image/webp;base64,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) 0 0/contain no-repeat;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: opacity .4s ease;
            -o-transition: opacity .4s ease;
            transition: opacity .4s ease
        }

            .exchange-list .list-item li .rank-badge:first-letter {
                font-size: 24px
            }

    .exchange-list .list-item.recommended {
        gap: 10px 2px;
        margin-bottom: 64px
    }

        .exchange-list .list-item.recommended li {
            padding: 24px 28px;
            width: 296px;
            background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(91,97,255,.15)),color-stop(50%,rgba(167,80,255,0))),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.05)),to(hsla(0,0%,100%,.05)));
            background-image: -o-linear-gradient(bottom,rgba(91,97,255,.15),rgba(167,80,255,0) 50%),-o-linear-gradient(top,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05));
            background-image: linear-gradient(0deg,rgba(91,97,255,.15),rgba(167,80,255,0) 50%),linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05));
            -webkit-box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.1);
            box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.1);
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .exchange-list .list-item.recommended li .rank-badge {
                left: 8px
            }

            .exchange-list .list-item.recommended li .traded-info {
                text-align: center
            }

                .exchange-list .list-item.recommended li .traded-info .seller-info {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

    .exchange-list .list-item.rank li {
        background-color: hsla(0,0%,100%,.05)
    }

.nft .exchange-list .list-item.rank li .rank-badge {
    color: #fff;
    background-image: url(data:image/webp;base64,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)
}

.exchange-list .list-item:not(.recommended) li {
    max-width: 212px
}

.exchange-list .list-item:empty {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 220px
}

    .exchange-list .list-item:empty:before {
        content: attr(data-empty-message);
        display: block;
        font-size: 16px;
        color: hsla(0,0%,100%,.5)
    }

.tab-traded.v-tabs.theme--light .v-tabs-bar .v-tab {
    padding: 0;
    font-size: 16px;
    color: hsla(0,0%,100%,.6);
    text-transform: none;
    letter-spacing: 0
}

    .tab-traded.v-tabs.theme--light .v-tabs-bar .v-tab.v-tab--active {
        color: #fff
    }

.tab-traded.v-tabs.theme--light .v-tabs-bar .v-slide-group__content {
    gap: 24px
}

.tab-traded.v-tabs.theme--light .v-tabs-bar .v-tabs-slider-wrapper {
    bottom: 8px;
    height: 1px !important;
    color: #fff
}

.exd-ranking .tab-rounds {
    margin-bottom: 40px
}

.exd-ranking .tab-traded.v-tabs {
    margin-bottom: 20px
}

.exd-ranking span.total-count {
    color: var(--color-exd);
    margin-left: 4px
}

.contents[class*=market] {
    background-repeat: no-repeat;
    background-position: calc(50% - 100px) 0;
    background-size: 1920px 504px
}

    .contents[class*=market].bg-grade-5, .contents[class*=market].bg-legendary {
        background-image: url(../../static/img/bg-item-legendary.1a1357d4.webp)
    }

    .contents[class*=market].bg-epic, .contents[class*=market].bg-grade-4 {
        background-image: url(../../static/img/bg-item-epic.b59f3977.webp)
    }

    .contents[class*=market].bg-grade-3, .contents[class*=market].bg-rare {
        background-image: url(../../static/img/bg-item-rare.31ac1d53.webp)
    }

    .contents[class*=market].bg-grade-2 {
        background-image: url(../../static/img/bg-item-grade2.fe995e8b.webp)
    }

    .contents[class*=market].single {
        background-position-x: 50%
    }

.contents .function {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0 16px
}

    .contents .function .backtolist {
        position: relative;
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        color: #fff;
        padding-left: 24px
    }

        .contents .function .backtolist:before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            margin-top: -1px;
            background: url(data:image/webp;base64,UklGRqQAAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSEkAAAABR0A0YJm0qPKDLCJCvQkrFEWS1OwdeMAKEngiARkYSL5zfkf032DSNu022Su4t06OEs3InHlg9jRSvSvCMLY8P4BHaGCAwJECAFZQOCA0AAAAkAIAnQEqIAAgAC5NNptNoSQkJAQATEtIAAeW1YAA/vak//91X//unf//7mjx///YygAAAA==) 50% 0/cover no-repeat
        }

        .contents .function .backtolist:after {
            content: "";
            position: absolute;
            left: -8px;
            right: -8px;
            top: -8px;
            bottom: -8px
        }

    .contents .function + .wrap-grid {
        padding-top: 0
    }

.exchange-market {
    width: 896px;
    margin: 0 auto
}

    .exchange-market.add-float {
        padding-bottom: 128px
    }

    .exchange-market .title {
        font-size: 20px;
        font-weight: 700;
        line-height: normal;
        color: #fff
    }

    .exchange-market .list {
        padding: 0;
        margin: 0;
        list-style: none;
        width: 100%;
        border-bottom: 1px solid hsla(0,0%,100%,.15)
    }

        .exchange-market .list li {
            width: 100%;
            border: 1px solid hsla(0,0%,100%,.15);
            border-width: 1px 0 0
        }

        .exchange-market .fieldset.editable, .exchange-market .list li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .exchange-market .fieldset.editable {
        --fe-padding-x: 16px;
        --fe-min-height: 60px;
        --fe-font-size: 24px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        background-color: rgba(0,0,0,.25);
        border: 1px solid #fff;
        min-height: var(--fe-min-height);
        font-size: var(--fe-font-size);
        font-weight: 700;
        letter-spacing: -.2px;
        line-height: normal;
        padding: 0 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .exchange-market .fieldset.editable input[type=text], .exchange-market .fieldset.editable span[contenteditable=true] {
            font-size: var(--fe-font-size);
            font-weight: 700;
            letter-spacing: -.24px;
            color: #fff;
            outline: 0;
            cursor: text;
            margin-left: 2px;
            max-width: 140px
        }

            .exchange-market .fieldset.editable input[type=text]::-webkit-input-placeholder, .exchange-market .fieldset.editable span[contenteditable=true]::-webkit-input-placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

            .exchange-market .fieldset.editable input[type=text]::-moz-placeholder, .exchange-market .fieldset.editable span[contenteditable=true]::-moz-placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

            .exchange-market .fieldset.editable input[type=text]:-ms-input-placeholder, .exchange-market .fieldset.editable span[contenteditable=true]:-ms-input-placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

            .exchange-market .fieldset.editable input[type=text]::-ms-input-placeholder, .exchange-market .fieldset.editable span[contenteditable=true]::-ms-input-placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

            .exchange-market .fieldset.editable input[type=text]::placeholder, .exchange-market .fieldset.editable span[contenteditable=true]::placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

        .exchange-market .fieldset.editable > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .exchange-market .fieldset.editable .ico-darco.ico-xs {
            width: 24px;
            height: 24px;
            vertical-align: middle;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: -.36px;
            margin: 0;
            vertical-align: top
        }

            .exchange-market .fieldset.editable .ico-darco.ico-xs.add-inside {
                width: inherit;
                height: inherit;
                vertical-align: middle;
                font-size: 20px;
                font-weight: 700;
                letter-spacing: -.2px;
                padding-left: 26px;
                color: #fff
            }

                .exchange-market .fieldset.editable .ico-darco.ico-xs.add-inside:before {
                    width: 24px;
                    height: 24px
                }

        .exchange-market .fieldset.editable .add-draco {
            margin-left: 8px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .exchange-market .fieldset.editable .add-draco .add {
                font-size: 16px;
                font-weight: 400;
                letter-spacing: -.16px;
                color: #fff
            }

            .exchange-market .fieldset.editable .add-draco .fee, .exchange-market .fieldset.editable .add-draco .ico-darco.ico-xs {
                margin-left: 4px
            }

            .exchange-market .fieldset.editable .add-draco .fee {
                font-size: 12px;
                font-weight: 400;
                letter-spacing: -.12px;
                vertical-align: middle;
                color: #fff
            }

        .exchange-market .fieldset.editable .in-msg {
            position: absolute;
            right: 16px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 12px;
            color: #fff;
            font-weight: 400;
            letter-spacing: -.12px
        }

            .exchange-market .fieldset.editable .in-msg span {
                vertical-align: middle
            }

                .exchange-market .fieldset.editable .in-msg span + span {
                    margin-left: 8px
                }

        .exchange-market .fieldset.editable.focus {
            border: 1px solid #a0f
        }

        .exchange-market .fieldset.editable.alert {
            border: 1px solid red
        }

            .exchange-market .fieldset.editable.alert input[type=text], .exchange-market .fieldset.editable.alert span[contenteditable=true] {
                color: red
            }

.is-mobile .exchange-market .fieldset.editable {
    --fe-padding-x: 12px;
    --fe-min-height: 48px;
    --fe-font-size: 20px
}

    .is-mobile .exchange-market .fieldset.editable input[type=text], .is-mobile .exchange-market .fieldset.editable span[contenteditable=true] {
        max-width: 140px
    }

.exchange-market .wrap-addition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 56px;
    border-bottom: 1px solid hsla(0,0%,100%,.15);
    padding-bottom: 32px
}

    .exchange-market .wrap-addition hr {
        margin: 24px 0;
        border-width: 1px 0 0;
        border-color: hsla(0,0%,100%,.15)
    }

    .exchange-market .wrap-addition .wrap-character-equip {
        position: relative;
        width: 480px;
        height: 498px
    }

        .exchange-market .wrap-addition .wrap-character-equip .thumbs-character-equip {
            position: absolute;
            top: -24px;
            left: 0;
            z-index: 1
        }

        .exchange-market .wrap-addition .wrap-character-equip + .option-detail {
            margin-left: 40px
        }

    .exchange-market .wrap-addition .list-character-equip {
        --equip-size: 72px;
        --item-slot-default-size: 48px;
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: url(../../static/img/bg-character-equip.ef4a3b6b.webp) 32px 32px/auto 423px no-repeat
    }

    .exchange-market .wrap-addition .list-character-equip__item {
        list-style: none;
        position: absolute;
        left: 0;
        z-index: 2;
        width: var(--equip-size);
        height: var(--equip-size)
    }

        .exchange-market .wrap-addition .list-character-equip__item .front {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            width: inherit;
            height: inherit;
            background: url(../../static/img/sp-item-frame.6e60ba61.webp) 0 0/var(--equip-size) auto no-repeat
        }

            .exchange-market .wrap-addition .list-character-equip__item .front .item-slot-default {
                position: absolute;
                top: calc(50% - var(--item-slot-default-size)/2);
                left: calc(50% - var(--item-slot-default-size)/2);
                width: var(--item-slot-default-size);
                height: var(--item-slot-default-size);
                background: url(../../static/img/item-slot-default.c4bb84f0.png) 0 0/100% auto no-repeat
            }

            .exchange-market .wrap-addition .list-character-equip__item .front .item-image + .item-slot-default {
                visibility: hidden
            }

        .exchange-market .wrap-addition .list-character-equip__item .item-tier {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            bottom: 0;
            left: 0;
            border: 2px solid #9f916c;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            color: #fff;
            line-height: 1;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: -.13px;
            background-color: #333;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .exchange-market .wrap-addition .list-character-equip__item .item-enchance {
            position: absolute;
            top: 0;
            right: 0;
            line-height: 1;
            font-weight: 700;
            font-size: 18px;
            letter-spacing: -.01em;
            text-shadow: 0 1.1px 1.1px #000
        }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-grade=grade-2] .front, .exchange-market .wrap-addition .list-character-equip__item[data-item-grade=uncommon] .front {
            background-position-y: calc(var(--equip-size)*-1)
        }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-grade=grade-3] .front, .exchange-market .wrap-addition .list-character-equip__item[data-item-grade=rare] .front {
            background-position-y: calc(var(--equip-size)*-2)
        }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-grade=epic] .front, .exchange-market .wrap-addition .list-character-equip__item[data-item-grade=grade-4] .front {
            background-position-y: calc(var(--equip-size)*-3)
        }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-grade=grade-5] .front, .exchange-market .wrap-addition .list-character-equip__item[data-item-grade=legendary] .front {
            background-position-y: calc(var(--equip-size)*-4)
        }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-1], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=weapon] {
            top: 10px;
            left: 118px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-1] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=weapon] .front .item-slot-default {
                background-position-y: 0
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-9], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=subweapon] {
            top: 79px;
            left: 40px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-9] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=subweapon] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-1)
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-5], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=top] {
            top: 176px;
            left: 0
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-5] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=top] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-2)
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=bottom], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-6] {
            top: 277px;
            left: 8px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=bottom] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-6] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-3)
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=gloves], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-7] {
            top: 358px;
            left: 60px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=gloves] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-7] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-4)
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=boots], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-8] {
            bottom: 16px;
            left: 144px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=boots] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-8] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-5)
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=neaklace], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-2] {
            bottom: 14px;
            left: 242px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=neaklace] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-2] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-6)
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=bracelet], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-3] {
            top: 370px;
            left: 334px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=bracelet] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-3] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-7)
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=ring], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-4] {
            top: 294px;
            left: 396px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=ring] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-4] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-8)
            }

        .exchange-market .wrap-addition .list-character-equip__item[data-item-type=earring], .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-10] {
            top: 194px;
            left: 408px
        }

            .exchange-market .wrap-addition .list-character-equip__item[data-item-type=earring] .front .item-slot-default, .exchange-market .wrap-addition .list-character-equip__item[data-item-type=slot-10] .front .item-slot-default {
                background-position-y: calc(var(--item-slot-default-size)*-9)
            }

    .exchange-market .wrap-addition .option-detail {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 64px
    }

        .exchange-market .wrap-addition .option-detail .wrap-option {
            position: relative;
            margin-top: 48px
        }

        .exchange-market .wrap-addition .option-detail .list {
            margin-top: 32px;
            border-bottom-width: 0
        }

            .exchange-market .wrap-addition .option-detail .list li {
                min-height: 48px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                letter-spacing: -.01em;
                color: #fff
            }

                .exchange-market .wrap-addition .option-detail .list li img, .exchange-market .wrap-addition .option-detail .list li span[class^=ico-] {
                    width: 32px;
                    height: 32px;
                    margin-right: 8px
                }

                .exchange-market .wrap-addition .option-detail .list li .skill-desc {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    text-align: left;
                    font-size: 14px;
                    font-weight: 400;
                    color: hsla(0,0%,100%,.75)
                }

                .exchange-market .wrap-addition .option-detail .list li .rate {
                    font-size: 16px;
                    font-weight: 700
                }

                .exchange-market .wrap-addition .option-detail .list li .value {
                    font-size: 14px;
                    font-weight: 400
                }

                .exchange-market .wrap-addition .option-detail .list li a[target=_blank] {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: 4px
                }

                    .exchange-market .wrap-addition .option-detail .list li a[target=_blank]:after {
                        content: "";
                        display: block;
                        width: 24px;
                        height: 24px;
                        background: url(data:image/webp;base64,UklGRvYAAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSI4AAAABT0AQQJp7hAnK4IiIKFV2uI0kyW0WykchAkr/03j3q6SHNBAAI4DceB/iqN2I/k8A/kJj0xy1Xb1vjUwrnLgaX6Cz1toctbX2sS9iZy+lKNWTi4gi9SjSk6WIIjVEerIUUaSGSE+WIorUEGnJEsC5OYRJ4+BWW0odfxVzlxrjD9bZ3fMeHnwBYw/et357VlA4IEIAAACwBACdASowADAAPm0mi0WkIYRwIANiWkAABUj5eCdWboY3l5mJ9ZtRcj57FigAAP7+hvY//8OkAIv//1IRDAAAAAA=) 50% 50%/contain no-repeat
                    }

                .exchange-market .wrap-addition .option-detail .list li:first-of-type {
                    border-top-width: 0
                }

        .exchange-market .wrap-addition .option-detail .totalscore {
            position: absolute;
            top: -6px;
            right: 0
        }

            .exchange-market .wrap-addition .option-detail .totalscore .ico-total {
                font-size: 24px;
                font-weight: 700;
                letter-spacing: -.48px;
                line-height: normal;
                color: #fff;
                padding-left: 28px
            }

                .exchange-market .wrap-addition .option-detail .totalscore .ico-total:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    display: inline-block;
                    width: 24px;
                    height: 24px;
                    vertical-align: middle
                }

        .exchange-market .wrap-addition .option-detail .wrap-item-desc {
            margin-bottom: 48px
        }

            .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-form .title {
                font-size: 20px;
                font-weight: 700;
                line-height: normal;
                letter-spacing: normal;
                color: #fff
            }

                .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-form .form-header + .fieldset, .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-form .title + .fieldset {
                    margin-top: 16px
                }

            .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-form .form-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                line-height: normal
            }

                .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-form .form-header .notice {
                    font-size: 12px;
                    font-weight: 400;
                    color: #fff
                }

                    .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-form .form-header .notice em {
                        font-style: normal;
                        font-size: 12px;
                        font-weight: 700;
                        color: #ffe600
                    }

            .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-form + .wrap-button {
                margin-top: 16px
            }

            .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button {
                margin: 24px 0 16px
            }

                .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button .btn {
                    width: 100%
                }

                .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button .price {
                    display: inline-block
                }

                    .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button .price .ico-draco {
                        font-size: 24px;
                        font-weight: 700;
                        letter-spacing: -.48px;
                        color: #fff
                    }

                    .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button .price .rate, .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button .price .us-dollar {
                        display: block;
                        text-align: center;
                        font-size: 12px;
                        font-weight: 400;
                        line-height: 1;
                        margin-top: 4px
                    }

                .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button.price-button {
                    margin-top: 28px
                }

                    .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-button.price-button .btn {
                        height: 66px
                    }

            .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-credit {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding-bottom: 32px;
                border-bottom: 1px solid hsla(0,0%,100%,.15)
            }

                .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-credit .credit-info .category {
                    font-size: 12px;
                    font-weight: 400;
                    letter-spacing: -.12px;
                    line-height: normal;
                    color: #fff
                }

                .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-credit .credit-info .info {
                    margin-top: 4px;
                    line-height: normal
                }

                    .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-credit .credit-info .info span[class^=ico-] {
                        margin: 0;
                        font-size: 32px;
                        font-weight: 700;
                        line-height: normal;
                        letter-spacing: -.64px;
                        color: #fff;
                        white-space: normal;
                        word-break: break-all;
                        word-wrap: break-word
                    }

                        .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-credit .credit-info .info span[class^=ico-].add-inside {
                            padding-left: 32px
                        }

                            .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-credit .credit-info .info span[class^=ico-].add-inside:before {
                                width: 28px;
                                height: 28px
                            }

                .exchange-market .wrap-addition .option-detail .wrap-item-desc .wrap-credit .wrap-button {
                    margin-top: 0;
                    min-width: 284px
                }

        .exchange-market .wrap-addition .option-detail .wrap-collectible-info {
            margin: 24px 0;
            line-height: 1.2;
            color: #000
        }

            .exchange-market .wrap-addition .option-detail .wrap-collectible-info .wrap-info {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .exchange-market .wrap-addition .option-detail .wrap-collectible-info .wrap-info .define {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    gap: 4px;
                    border: 1px solid #000;
                    border-width: 0 0 1px 1px;
                    padding: 11px 16px;
                    width: 25%;
                    min-height: 61px;
                    font-size: 12px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box
                }

                    .exchange-market .wrap-addition .option-detail .wrap-collectible-info .wrap-info .define dt {
                        display: block;
                        width: 100%;
                        font-size: 12px
                    }

                    .exchange-market .wrap-addition .option-detail .wrap-collectible-info .wrap-info .define dd {
                        font-size: 16px;
                        font-weight: 700
                    }

                    .exchange-market .wrap-addition .option-detail .wrap-collectible-info .wrap-info .define:first-of-type {
                        border-left-width: 0
                    }

            .exchange-market .wrap-addition .option-detail .wrap-collectible-info .info-message {
                padding: 16px;
                min-height: 48px;
                font-size: 14px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .exchange-market .wrap-addition .option-detail .wrap-collectible-info[data-item-grade="5"] {
                background-image: -o-linear-gradient(top,rgba(219,255,0,.05),rgba(219,255,0,.05)),-o-linear-gradient(355deg,#be8d15 0,#fd9 51%,#be8d15 100%);
                background-image: linear-gradient(180deg,rgba(219,255,0,.05),rgba(219,255,0,.05)),linear-gradient(95deg,#be8d15,#fd9 51%,#be8d15)
            }

            .exchange-market .wrap-addition .option-detail .wrap-collectible-info[data-item-grade="4"] {
                background-image: -o-linear-gradient(top,rgba(219,255,0,.05),rgba(219,255,0,.05)),-o-linear-gradient(355deg,#ea5c3d 0,#fb9 50%,#ee5a3b 100%);
                background-image: linear-gradient(180deg,rgba(219,255,0,.05),rgba(219,255,0,.05)),linear-gradient(95deg,#ea5c3d,#fb9 50%,#ee5a3b)
            }

            .exchange-market .wrap-addition .option-detail .wrap-collectible-info[data-item-grade="3"] {
                background-image: -o-linear-gradient(top,rgba(219,255,0,.05),rgba(219,255,0,.05)),-o-linear-gradient(355deg,#46a 0,#b1c3ff 49%,#46a 100%);
                background-image: linear-gradient(180deg,rgba(219,255,0,.05),rgba(219,255,0,.05)),linear-gradient(95deg,#46a,#b1c3ff 49%,#46a)
            }

        .exchange-market .wrap-addition .option-detail .intro-message {
            margin: 16px 0;
            line-height: 1.5;
            font-size: 12px;
            color: hsla(0,0%,100%,.75)
        }

    .exchange-market .wrap-addition .wrap-fire {
        margin-top: 48px
    }

        .exchange-market .wrap-addition .wrap-fire ul.list {
            margin-top: 0
        }

            .exchange-market .wrap-addition .wrap-fire ul.list li {
                display: block;
                -webkit-box-pack: initial;
                -ms-flex-pack: initial;
                justify-content: normal;
                -webkit-box-align: initial;
                -ms-flex-align: initial;
                align-items: normal;
                min-height: inherit;
                padding: 16px 0;
                line-height: normal
            }

                .exchange-market .wrap-addition .wrap-fire ul.list li:first-of-type {
                    border-top: 0
                }

                .exchange-market .wrap-addition .wrap-fire ul.list li strong {
                    display: block;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: normal;
                    color: #fff
                }

                .exchange-market .wrap-addition .wrap-fire ul.list li p {
                    font-size: 14px;
                    font-weight: 400;
                    line-height: normal;
                    letter-spacing: -.14px;
                    color: hsla(0,0%,100%,.75)
                }

                    .exchange-market .wrap-addition .wrap-fire ul.list li p .point {
                        color: #f6e0a3
                    }

                    .exchange-market .wrap-addition .wrap-fire ul.list li p .time {
                        color: #1ddb16
                    }

    .exchange-market .wrap-addition .wrap-seller {
        margin-top: 48px
    }

        .exchange-market .wrap-addition .wrap-seller .title {
            font-size: 12px !important;
            font-weight: 400;
            letter-spacing: -.12px;
            color: #fff
        }

        .exchange-market .wrap-addition .wrap-seller .seller {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 8px
        }

            .exchange-market .wrap-addition .wrap-seller .seller .char-info {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

            .exchange-market .wrap-addition .wrap-seller .seller .completed, .exchange-market .wrap-addition .wrap-seller .seller .sale {
                width: 120px;
                margin-left: 40px;
                font-size: 12px;
                font-weight: 400;
                line-height: normal;
                text-align: right
            }

                .exchange-market .wrap-addition .wrap-seller .seller .completed strong, .exchange-market .wrap-addition .wrap-seller .seller .sale strong {
                    display: block;
                    font-size: 16px;
                    font-weight: 700;
                    margin-top: 4px;
                    color: #fff
                }

    .exchange-market .wrap-addition + .wrap-overall {
        margin-top: -57px;
        border-top-width: 0
    }

.nft .exchange-market .wrap-addition {
    padding-bottom: 0;
    border-bottom-width: 0
}

.exchange-market .wrap-overall {
    padding: 57px 0 0;
    border-top: 1px solid hsla(0,0%,100%,.15)
}

    .exchange-market .wrap-overall .overall-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        list-style: none
    }

        .exchange-market .wrap-overall .overall-list ul li {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 440px;
            flex: 0 1 440px;
            margin-top: 16px
        }

.exchange-market .wrap-button {
    margin-top: 24px
}

    .exchange-market .wrap-button .btn-viewmore {
        --viewmore-height: 62px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 0 12px;
        min-height: var(--viewmore-height);
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        background-color: hsla(0,0%,100%,.05);
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.is-mobile .exchange-market .wrap-button .btn-viewmore {
    --viewmore-height: 48px
}

.exchange-market .title-sub-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin: 64px 0 24px;
    line-height: 1.15;
    font-size: 20px
}

    .exchange-market .title-sub-detail .sub {
        font-size: .75em;
        font-weight: 400;
        opacity: .6
    }

.nft .exchange-market {
    color: #fff
}

.float-bottom {
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%
}

    .float-bottom .fieldset.editable {
        --fe-padding-x: 16px;
        --fe-min-height: 60px;
        --fe-font-size: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        background-color: rgba(0,0,0,.25);
        border: 1px solid #fff;
        min-height: var(--fe-min-height);
        font-size: var(--fe-font-size);
        font-weight: 700;
        letter-spacing: -.2px;
        line-height: normal;
        padding: 0 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .float-bottom .fieldset.editable input[type=text], .float-bottom .fieldset.editable span[contenteditable=true] {
            font-size: var(--fe-font-size);
            font-weight: 700;
            letter-spacing: -.24px;
            color: #fff;
            outline: 0;
            cursor: text;
            margin-left: 2px;
            max-width: 140px
        }

            .float-bottom .fieldset.editable input[type=text]::-webkit-input-placeholder, .float-bottom .fieldset.editable span[contenteditable=true]::-webkit-input-placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

            .float-bottom .fieldset.editable input[type=text]::-moz-placeholder, .float-bottom .fieldset.editable span[contenteditable=true]::-moz-placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

            .float-bottom .fieldset.editable input[type=text]:-ms-input-placeholder, .float-bottom .fieldset.editable span[contenteditable=true]:-ms-input-placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

            .float-bottom .fieldset.editable input[type=text]::-ms-input-placeholder, .float-bottom .fieldset.editable span[contenteditable=true]::-ms-input-placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

            .float-bottom .fieldset.editable input[type=text]::placeholder, .float-bottom .fieldset.editable span[contenteditable=true]::placeholder {
                font-weight: 400;
                color: hsla(0,0%,100%,.25)
            }

        .float-bottom .fieldset.editable > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .float-bottom .fieldset.editable .ico-darco.ico-xs {
            width: 24px;
            height: 24px;
            vertical-align: middle;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: -.36px;
            margin: 0;
            vertical-align: top
        }

            .float-bottom .fieldset.editable .ico-darco.ico-xs.add-inside {
                width: inherit;
                height: inherit;
                vertical-align: middle;
                font-size: 20px;
                font-weight: 700;
                letter-spacing: -.2px;
                padding-left: 26px;
                color: #fff
            }

                .float-bottom .fieldset.editable .ico-darco.ico-xs.add-inside:before {
                    width: 24px;
                    height: 24px
                }

        .float-bottom .fieldset.editable .add-draco {
            margin-left: 8px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .float-bottom .fieldset.editable .add-draco .add {
                font-size: 16px;
                font-weight: 400;
                letter-spacing: -.16px;
                color: #fff
            }

            .float-bottom .fieldset.editable .add-draco .fee, .float-bottom .fieldset.editable .add-draco .ico-darco.ico-xs {
                margin-left: 4px
            }

            .float-bottom .fieldset.editable .add-draco .fee {
                font-size: 12px;
                font-weight: 400;
                letter-spacing: -.12px;
                vertical-align: middle;
                color: #fff
            }

        .float-bottom .fieldset.editable .in-msg {
            position: absolute;
            right: 16px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 12px;
            color: #fff;
            font-weight: 400;
            letter-spacing: -.12px
        }

            .float-bottom .fieldset.editable .in-msg span {
                vertical-align: middle
            }

                .float-bottom .fieldset.editable .in-msg span + span {
                    margin-left: 8px
                }

        .float-bottom .fieldset.editable.focus {
            border: 1px solid #a0f
        }

        .float-bottom .fieldset.editable.alert {
            border: 1px solid red
        }

            .float-bottom .fieldset.editable.alert input[type=text], .float-bottom .fieldset.editable.alert span[contenteditable=true] {
                color: red
            }

.is-mobile .float-bottom .fieldset.editable {
    --fe-padding-x: 12px;
    --fe-min-height: 48px;
    --fe-font-size: 20px
}

    .is-mobile .float-bottom .fieldset.editable input[type=text], .is-mobile .float-bottom .fieldset.editable span[contenteditable=true] {
        max-width: 140px
    }

.float-bottom .sale-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 96px;
    padding: 16px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    background-color: hsla(0,0%,100%,.1)
}

    .float-bottom .sale-item, .float-bottom .sale-item .wrap-buy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .float-bottom .sale-item .wrap-buy .price {
            text-align: right
        }

            .float-bottom .sale-item .wrap-buy .price strong {
                display: inline-block;
                font-size: 28px;
                font-weight: 700;
                letter-spacing: -.56px;
                line-height: normal;
                color: #fff
            }

                .float-bottom .sale-item .wrap-buy .price strong em {
                    font-size: 16px
                }

            .float-bottom .sale-item .wrap-buy .price .rate {
                display: block;
                font-size: 12px;
                font-weight: 400;
                line-height: 1.67;
                color: hsla(0,0%,100%,.5)
            }

        .float-bottom .sale-item .wrap-buy .btn {
            min-width: 264px;
            margin-left: 24px
        }

.float-bottom .item-detail-table {
    margin: 0 0 0 56px;
    padding: 0
}

    .float-bottom .item-detail-table li {
        border-left-width: 0;
        padding: 0 28px
    }

        .float-bottom .item-detail-table li strong {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 4px;
            height: 28px;
            line-height: 1;
            font-size: 24px
        }

.float-bottom .item-info .item-desc {
    font-size: 14px
}

.float-bottom .item-info .item-name {
    font-size: 24px
}

.wrap-suggest .suggest-header .title {
    margin-bottom: 32px
}

.wrap-suggest .suggest-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 96px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: hsla(0,0%,100%,.05)
}

    .wrap-suggest .suggest-item .function {
        padding: 0 0 0 0;
        margin-right: 16px
    }

        .wrap-suggest .suggest-item .function .view-more {
            font-size: 12px;
            font-weight: 400;
            color: #a0f
        }

.wrap-suggest .suggest-list .wrap-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin: 12px 0
}

.wrap-suggest .suggest-list .list {
    border-bottom-width: 0;
    padding-left: 0
}

    .wrap-suggest .suggest-list .list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        border-bottom: 1px solid hsla(0,0%,100%,.15);
        min-height: 80px
    }

        .wrap-suggest .suggest-list .list li .char-info {
            min-width: 220px;
            padding-left: 16px
        }

        .wrap-suggest .suggest-list .list li .enhance, .wrap-suggest .suggest-list .list li .price, .wrap-suggest .suggest-list .list li .score {
            width: 140px;
            margin-left: 16px;
            line-height: normal
        }

            .wrap-suggest .suggest-list .list li .enhance span, .wrap-suggest .suggest-list .list li .price span, .wrap-suggest .suggest-list .list li .score span {
                display: block;
                font-size: 12px;
                font-weight: 400;
                line-height: normal;
                color: hsla(0,0%,100%,.5)
            }

            .wrap-suggest .suggest-list .list li .enhance strong, .wrap-suggest .suggest-list .list li .price strong, .wrap-suggest .suggest-list .list li .score strong {
                display: block;
                margin-top: 4px;
                font-size: 16px;
                font-weight: 700;
                line-height: normal;
                color: #fff
            }

            .wrap-suggest .suggest-list .list li .price dd {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                min-height: auto
            }

                .wrap-suggest .suggest-list .list li .price dd.us-dollar {
                    font-size: 12px
                }

            .wrap-suggest .suggest-list .list li .price [class^=ico-] span {
                font-size: 16px;
                font-weight: 700;
                color: #fff
            }

        .wrap-suggest .suggest-list .list li .btn-open-dialog {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            font-size: 0
        }

        .wrap-suggest .suggest-list .list li > dl {
            font-size: 12px
        }

            .wrap-suggest .suggest-list .list li > dl dt {
                display: block;
                margin-bottom: 8px
            }

            .wrap-suggest .suggest-list .list li > dl dd {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                min-height: 40px
            }

        .wrap-suggest .suggest-list .list li:hover {
            background: hsla(0,0%,100%,.05)
        }

    .wrap-suggest .suggest-list .list .item-info {
        width: 380px
    }

    .wrap-suggest .suggest-list .list .date {
        width: 160px
    }

        .wrap-suggest .suggest-list .list .date dd {
            color: #fff
        }

    .wrap-suggest .suggest-list .list .seller {
        width: 150px
    }

        .wrap-suggest .suggest-list .list .seller .char-info {
            padding-left: 0;
            min-width: auto
        }

            .wrap-suggest .suggest-list .list .seller .char-info .thumb img {
                width: 32px
            }

            .wrap-suggest .suggest-list .list .seller .char-info .thumb + .info {
                padding-left: 8px
            }

            .wrap-suggest .suggest-list .list .seller .char-info .info {
                line-height: 1.333
            }

                .wrap-suggest .suggest-list .list .seller .char-info .info .nick {
                    font-weight: 400;
                    font-size: 12px
                }

                .wrap-suggest .suggest-list .list .seller .char-info .info .server {
                    color: hsla(0,0%,100%,.5)
                }

    .wrap-suggest .suggest-list .list .price {
        width: 160px
    }

    .wrap-suggest .suggest-list .list:empty {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 220px
    }

        .wrap-suggest .suggest-list .list:empty:before {
            content: attr(data-empty-message);
            display: block;
            font-size: 16px;
            color: hsla(0,0%,100%,.5)
        }

.wrap-suggest .suggest-list.type2 .list li {
    margin-top: 15px;
    padding: 20px 0
}

    .wrap-suggest .suggest-list.type2 .list li:first-of-type {
        margin-top: 0
    }

.wrap-suggest .suggest-list.type3 .list li {
    margin-top: 3px;
    padding: 11px 0
}

    .wrap-suggest .suggest-list.type3 .list li .item-info {
        width: 280px
    }

    .wrap-suggest .suggest-list.type3 .list li .price {
        width: 176px
    }

        .wrap-suggest .suggest-list.type3 .list li .price [class^=ico-].ico-ss.add-inside:before {
            width: 20px;
            height: 21px
        }

    .wrap-suggest .suggest-list.type3 .list li .date, .wrap-suggest .suggest-list.type3 .list li .seller {
        width: 176px
    }

    .wrap-suggest .suggest-list.type3 .list li > dl dt {
        margin-bottom: 0
    }

    .wrap-suggest .suggest-list.type3 .list li > dl.price dd span {
        font-size: 16px;
        color: #fff;
        font-weight: 700
    }

.wrap-suggest .suggest-list.type3 .list .scope {
    position: relative;
    color: #fff;
    font-size: 12px;
    white-space: nowrap
}

    .wrap-suggest .suggest-list.type3 .list .scope:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fff
    }

.wrap-suggest .wrap-button {
    margin-top: 24px
}

    .wrap-suggest .wrap-button .btn-viewmore {
        --viewmore-height: 62px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 0 12px;
        min-height: var(--viewmore-height);
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        background-color: hsla(0,0%,100%,.05);
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.is-mobile .wrap-suggest .wrap-button .btn-viewmore {
    --viewmore-height: 48px
}

.wrap-suggest + .wrap-overall {
    padding: 48px 0 0;
    border-top: 0
}

.myitem-list .theme--light.v-tabs-items {
    background: none
}

.myitem-list .tab-rounds.theme--light {
    margin: 0 0 24px
}

.myitem-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.myitem-list .tab-soldout .list-myitem > li {
    margin-top: 16px
}

.myitem-list .list-bar {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #020219;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    height: 40px
}

.myitem-list .list-bar__title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

    .myitem-list .list-bar__title em {
        color: #a0f;
        margin-left: 4px
    }

.myitem-list .list-myitem > li {
    position: relative;
    border-bottom: 1px solid hsla(0,0%,100%,.15);
    padding: 18px 0
}

    .myitem-list .list-myitem > li:first-of-type {
        margin-top: 0
    }

    .myitem-list .list-myitem > li:hover {
        background: hsla(0,0%,100%,.05)
    }

    .myitem-list .list-myitem > li.wait:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .myitem-list .list-myitem > li.wait .myitem {
        opacity: .4
    }

.myitem-list .list-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 220px
}

.myitem-list .wrap-button {
    margin-top: 24px
}

    .myitem-list .wrap-button .btn-viewmore {
        --viewmore-height: 62px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 0 12px;
        min-height: var(--viewmore-height);
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        background-color: hsla(0,0%,100%,.05);
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.is-mobile .myitem-list .wrap-button .btn-viewmore {
    --viewmore-height: 48px
}

.myitem-list .not-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 291px;
    padding-top: 24px;
    text-align: center
}

    .myitem-list .not-login p {
        font-size: 14px;
        line-height: 20px;
        color: #999
    }

    .myitem-list .not-login .bottom-btns {
        margin-top: 16px
    }

        .myitem-list .not-login .bottom-btns a {
            display: block;
            position: relative;
            height: 35px;
            line-height: 35px;
            padding: 0 24px 0 107px;
            font-size: 18px;
            font-weight: 700;
            color: #fff
        }

            .myitem-list .not-login .bottom-btns a:after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 99px;
                height: 35px;
                background: url(data:image/webp;base64,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) 50% 50%/cover no-repeat
            }

            .myitem-list .not-login .bottom-btns a:before {
                content: "";
                display: block;
                position: absolute;
                top: 6px;
                right: 0;
                width: 20px;
                height: 20px;
                background: url(data:image/webp;base64,UklGRuAAAABXRUJQVlA4WAoAAAAQAAAAKAAAJwAAQUxQSHcAAAABb0CQbRu6wYuwiIgFcQKn1bZtydN4I4n8LAI4glMwhwu81Ww0OsM7x+s2/NyJHNH/CdDdfmyH06nX/3A+9dh23xcOC3F/icoP4A6iUoA7iEoB7iAqBbiDqBTgDqJSgDuISgHu2HtOZyoFuoOoFOgO4pcixwG5nQBWUDggQgAAALADAJ0BKikAKAAuTTabTaEkJCQEAExLSAAH7bMP6fx5I+sCHBcAAP72pP//dV//7p3//+5nAFp//1Bhddv/2PwAAA==) 50% 50%/cover no-repeat
            }

.dialog-item-buy.theme-dark {
    background-image: -o-linear-gradient(42deg,#110036 27%,#120d4e 62%,#00053a 100%);
    background-image: -o-linear-gradient(318deg,#110036 27%,#120d4e 62%,#00053a 100%);
    background-image: linear-gradient(132deg,#110036 27%,#120d4e 62%,#00053a);
    color: #fff
}

    .dialog-item-buy.theme-dark .content {
        color: hsla(0,0%,100%,.75)
    }

.dialog-item-buy.bg-point {
    background: url(../../static/img/bg-winner-light.093dda37.webp) 50% 50%/cover no-repeat,-o-linear-gradient(318deg,#110036 27%,#120d4e 62%,#00053a 100%);
    background: url(../../static/img/bg-winner-light.093dda37.webp) 50% 50%/cover no-repeat,linear-gradient(132deg,#110036 27%,#120d4e 62%,#00053a)
}

.dialog-item-buy .content {
    padding: 32px
}

.dialog-item-buy .dialog-header {
    margin: -32px -32px 0;
    padding: 16px 24px;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

    .dialog-item-buy .dialog-header .title {
        font-size: 16px !important;
        font-weight: 700;
        margin: 0;
        color: #fff
    }

.dialog-item-buy .item-content {
    width: 100%
}

    .dialog-item-buy .item-content .wrap-central {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 24px
    }

    .dialog-item-buy .item-content .wrap-charinfo {
        display: block;
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: row;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: normal;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 132px;
        flex: 0 0 132px;
        text-align: center;
        padding-top: 24px
    }

        .dialog-item-buy .item-content .wrap-charinfo .char {
            min-height: 136px;
            line-height: normal;
            font-size: 12px;
            color: hsla(0,0%,100%,.3137254901960784);
            text-align: center
        }

            .dialog-item-buy .item-content .wrap-charinfo .char .nick {
                display: block;
                font-size: 16px;
                color: #fff;
                margin-top: 4px
            }

            .dialog-item-buy .item-content .wrap-charinfo .char .server {
                display: block;
                margin-top: 2px;
                letter-spacing: -.12px
            }

        .dialog-item-buy .item-content .wrap-charinfo .credit-info {
            border-top: 1px solid hsla(0,0%,100%,.1);
            margin-top: 24px;
            padding-top: 24px;
            text-align: left
        }

            .dialog-item-buy .item-content .wrap-charinfo .credit-info .category {
                font-size: 12px;
                font-weight: 400;
                letter-spacing: -.12px;
                line-height: normal;
                color: #fff
            }

            .dialog-item-buy .item-content .wrap-charinfo .credit-info .info {
                margin-top: 4px;
                line-height: normal
            }

                .dialog-item-buy .item-content .wrap-charinfo .credit-info .info span[class^=ico-] {
                    margin: 0;
                    font-size: 18px;
                    font-weight: 700;
                    line-height: normal;
                    color: #fff;
                    white-space: normal;
                    word-break: break-all;
                    word-wrap: break-word
                }

                    .dialog-item-buy .item-content .wrap-charinfo .credit-info .info span[class^=ico-].add-inside:before {
                        top: 0;
                        -webkit-transform: none;
                        transform: none
                    }

    .dialog-item-buy .item-content .item-detail {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 40px
    }

        .dialog-item-buy .item-content .item-detail .wrap-detail {
            width: 100%;
            padding: 24px;
            background-color: rgba(1,1,12,.25)
        }

            .dialog-item-buy .item-content .item-detail .wrap-detail .list {
                padding: 0;
                margin: 0;
                list-style: none;
                width: 100%
            }

                .dialog-item-buy .item-content .item-detail .wrap-detail .list li {
                    position: relative;
                    padding-left: 16px;
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 2;
                    letter-spacing: -.12px;
                    color: hsla(0,0%,100%,.75)
                }

                    .dialog-item-buy .item-content .item-detail .wrap-detail .list li:before {
                        content: "";
                        position: absolute;
                        left: 4px;
                        top: 9px;
                        width: 3px;
                        height: 3px;
                        border-radius: 100%;
                        background-color: hsla(0,0%,100%,.75)
                    }

            .dialog-item-buy .item-content .item-detail .wrap-detail .detail-card {
                margin-top: 16px
            }

                .dialog-item-buy .item-content .item-detail .wrap-detail .detail-card .card {
                    margin: 0 auto
                }

                .dialog-item-buy .item-content .item-detail .wrap-detail .detail-card .price {
                    display: block;
                    margin-top: 16px;
                    text-align: center
                }

                    .dialog-item-buy .item-content .item-detail .wrap-detail .detail-card .price .ico-darco {
                        font-size: 32px;
                        letter-spacing: -.64px;
                        color: #fff;
                        line-height: 1
                    }

                    .dialog-item-buy .item-content .item-detail .wrap-detail .detail-card .price .rate {
                        display: block;
                        margin-top: 4px;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: normal;
                        color: hsla(0,0%,100%,.5)
                    }

            .dialog-item-buy .item-content .item-detail .wrap-detail .wrap-button {
                margin-top: 16px
            }

                .dialog-item-buy .item-content .item-detail .wrap-detail .wrap-button .btn {
                    width: 100%
                }

.dialog-item-buy .itembuy-content .wrap-card {
    text-align: center
}

    .dialog-item-buy .itembuy-content .wrap-card .title {
        font-size: 20px !important;
        font-weight: 700;
        line-height: 1.2;
        margin-top: 24px;
        color: #fff
    }

    .dialog-item-buy .itembuy-content .wrap-card .detail-card {
        margin-top: 24px
    }

        .dialog-item-buy .itembuy-content .wrap-card .detail-card .card {
            margin: 0 auto
        }

    .dialog-item-buy .itembuy-content .wrap-card .price {
        display: block;
        margin-top: 24px;
        text-align: center;
        color: #fff
    }

        .dialog-item-buy .itembuy-content .wrap-card .price .ico-darco {
            font-size: 24px;
            letter-spacing: -.48px;
            line-height: 1
        }

        .dialog-item-buy .itembuy-content .wrap-card .price .rate {
            display: block;
            margin-top: 4px;
            font-size: 12px;
            font-weight: 400;
            line-height: normal;
            color: #fff
        }

    .dialog-item-buy .itembuy-content .wrap-card .detail-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.71;
        color: #fff;
        padding: 24px 0
    }

.dialog-item-buy .itembuy-content .wrap-button {
    margin-top: 24px
}

    .dialog-item-buy .itembuy-content .wrap-button .btn {
        width: 100%
    }

.dialog-item-regi {
    max-width: 720px !important
}

    .dialog-item-regi.theme-dark {
        background-image: -o-linear-gradient(42deg,#110036 27%,#120d4e 62%,#00053a 100%);
        background-image: -o-linear-gradient(318deg,#110036 27%,#120d4e 62%,#00053a 100%);
        background-image: linear-gradient(132deg,#110036 27%,#120d4e 62%,#00053a);
        color: #fff
    }

        .dialog-item-regi.theme-dark .content {
            color: hsla(0,0%,100%,.75)
        }

    .dialog-item-regi .content {
        padding: 32px
    }

    .dialog-item-regi .dialog-header {
        margin: -32px -32px 0;
        padding: 16px 24px;
        border-bottom: 1px solid hsla(0,0%,100%,.1)
    }

        .dialog-item-regi .dialog-header .title {
            font-size: 16px !important;
            font-weight: 700;
            margin: 0;
            color: #fff
        }

    .dialog-item-regi .item-content {
        width: 100%
    }

        .dialog-item-regi .item-content .wrap-cardinfo {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-top: 32px;
            background-color: rgba(1,1,12,.25)
        }

            .dialog-item-regi .item-content .wrap-cardinfo .card-detail {
                display: block;
                -webkit-box-orient: initial;
                -webkit-box-direction: initial;
                -ms-flex-direction: initial;
                flex-direction: row;
                -webkit-box-align: initial;
                -ms-flex-align: initial;
                align-items: normal;
                -webkit-box-flex: 0;
                -ms-flex: 0 0 260px;
                flex: 0 0 260px;
                text-align: center;
                padding-top: 24px
            }

                .dialog-item-regi .item-content .wrap-cardinfo .card-detail .card {
                    margin: 0 auto
                }

            .dialog-item-regi .item-content .wrap-cardinfo .item-detail {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                padding: 24px
            }

                .dialog-item-regi .item-content .wrap-cardinfo .item-detail .item-manual .item-title {
                    font-size: 24px
                }

                .dialog-item-regi .item-content .wrap-cardinfo .item-detail .item-manual .item-subtitle {
                    font-size: 14px;
                    color: hsla(0,0%,100%,.5)
                }

                .dialog-item-regi .item-content .wrap-cardinfo .item-detail .credit-info {
                    margin-top: 32px;
                    text-align: left
                }

                    .dialog-item-regi .item-content .wrap-cardinfo .item-detail .credit-info .category {
                        font-size: 12px;
                        font-weight: 400;
                        letter-spacing: -.12px;
                        line-height: normal;
                        color: hsla(0,0%,100%,.5)
                    }

                    .dialog-item-regi .item-content .wrap-cardinfo .item-detail .credit-info .info {
                        margin-top: 4px;
                        line-height: normal
                    }

                        .dialog-item-regi .item-content .wrap-cardinfo .item-detail .credit-info .info span[class^=ico-] {
                            margin: 0;
                            font-size: 32px;
                            font-weight: 700;
                            line-height: normal;
                            letter-spacing: -.64px;
                            color: #fff;
                            white-space: normal;
                            word-break: break-all;
                            word-wrap: break-word
                        }

                            .dialog-item-regi .item-content .wrap-cardinfo .item-detail .credit-info .info span[class^=ico-].add-inside:before {
                                top: 2px;
                                -webkit-transform: none;
                                transform: none
                            }

                .dialog-item-regi .item-content .wrap-cardinfo .item-detail .list {
                    margin: 16px 0 0;
                    padding: 16px 0 0;
                    list-style: none;
                    width: 100%;
                    border-top: 1px solid hsla(0,0%,100%,.15)
                }

                    .dialog-item-regi .item-content .wrap-cardinfo .item-detail .list li {
                        position: relative;
                        padding-left: 16px;
                        font-size: 12px;
                        font-weight: 400;
                        line-height: 1.67;
                        color: hsla(0,0%,100%,.5)
                    }

                        .dialog-item-regi .item-content .wrap-cardinfo .item-detail .list li:before {
                            content: "";
                            position: absolute;
                            left: 4px;
                            top: 8px;
                            width: 3px;
                            height: 3px;
                            border-radius: 100%;
                            background-color: hsla(0,0%,100%,.75)
                        }

        .dialog-item-regi .item-content .wrap-button {
            margin-top: 32px
        }

            .dialog-item-regi .item-content .wrap-button .btn {
                width: 100%
            }

.v-application .contents.exd-event {
    --section-inner-width: 960px;
    min-height: 100vh;
    background: url(../../static/img/bg-exd.fec16af3.webp) 50% 0/1920px 1024px no-repeat,url(data:image/webp;base64,UklGRugAAABXRUJQVlA4WAoAAAAQAAAAAQAA/wcAQUxQSDsAAAARD9D/iAiwbdtGEK39B7/7//KLiP6HP3/M1cBAng0wYiDHGxIEksv5RszVwECeDTBiIMcbEgSSy/lGDABWUDgghgAAAPAJAJ0BKgIAAAg+gUCeS6UjoqGgSACgEAlpbuFx0AAnteirhBkENVSa7bRcIMghqqTXbaLhBkENVSa7bRcIMghqqTXbaLhBkENVSa7bRcIMghqqTXbaIQAA/v77Xn4MttiiIjKyRQAAB4z/TPrMzOpdHtEJyBM+6B4nOFJX3XrtmlCAAAAA) 0 0/1px 1024px repeat-x #000822
}

    .v-application .contents.exd-event:before {
        content: "";
        position: absolute;
        left: 0;
        z-index: 0;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        left: 50%;
        top: 321px;
        width: 460px;
        height: 353px;
        margin-left: -230px;
        background: url(../../static/img/exd-title.df63201b.webp) 50% 0/cover no-repeat;
        -webkit-transition: opacity .6s ease-in-out .2s,-webkit-transform .6s ease-out;
        transition: opacity .6s ease-in-out .2s,-webkit-transform .6s ease-out;
        -o-transition: opacity .6s ease-in-out .2s,transform .6s ease-out;
        transition: opacity .6s ease-in-out .2s,transform .6s ease-out;
        transition: opacity .6s ease-in-out .2s,transform .6s ease-out,-webkit-transform .6s ease-out
    }

    .v-application .contents.exd-event .section__inner {
        padding: 0 24px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.init-playbook .v-application .contents.exd-event .section.section1 .section__inner:after, .init-playbook .v-application .contents.exd-event:after, .init-playbook .v-application .contents.exd-event:before {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.v-application .contents.exd-event .headword {
    display: block;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    margin-top: 120px
}

.v-application .contents.exd-event .text-desc {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    margin-top: 24px
}

.v-application .contents.exd-event .wrap-define .define {
    margin-top: 40px
}

    .v-application .contents.exd-event .wrap-define .define dt {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        color: #fff
    }

    .v-application .contents.exd-event .wrap-define .define dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 16px
    }

        .v-application .contents.exd-event .wrap-define .define dd .desc {
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5;
            color: hsla(0,0%,100%,.5)
        }

            .v-application .contents.exd-event .wrap-define .define dd .desc .wrap-function {
                display: block;
                margin-top: 16px
            }

                .v-application .contents.exd-event .wrap-define .define dd .desc .wrap-function a {
                    display: inline-block;
                    font-size: 14px;
                    line-height: 1.71;
                    color: #fff;
                    border-bottom: 1px solid #fff
                }

            .v-application .contents.exd-event .wrap-define .define dd .desc ul {
                list-style: none;
                margin: 0;
                padding: 0;
                margin-top: 16px
            }

                .v-application .contents.exd-event .wrap-define .define dd .desc ul li {
                    position: relative;
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 1.33;
                    padding-left: 16px;
                    margin-top: 8px
                }

                    .v-application .contents.exd-event .wrap-define .define dd .desc ul li:first-of-type {
                        margin-top: 0
                    }

                    .v-application .contents.exd-event .wrap-define .define dd .desc ul li:before {
                        content: "";
                        position: absolute;
                        left: 6px;
                        top: 6px;
                        width: 2px;
                        height: 2px;
                        border-radius: 100%;
                        background-color: hsla(0,0%,100%,.5)
                    }

        .v-application .contents.exd-event .wrap-define .define dd .wrap-img {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 460px;
            flex: 0 0 460px;
            width: 460px;
            margin-left: 64px;
            margin-top: -40px
        }

.v-application .contents.exd-event .wrap-define .wrap-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px
}

    .v-application .contents.exd-event .wrap-define .wrap-img .wrap-image img {
        display: block;
        max-width: 100%
    }

    .v-application .contents.exd-event .wrap-define .wrap-img .wrap-image.by-viewer {
        position: relative;
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

        .v-application .contents.exd-event .wrap-define .wrap-img .wrap-image.by-viewer:before {
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            width: 40px;
            height: 40px;
            background: url(data:image/webp;base64,UklGRnIDAABXRUJQVlA4WAoAAAAQAAAAVwAAVwAAQUxQSEgBAAABkCpJch1bv95QcKCh2F6mhcts5stkZigoOFCwgLyPiDE+EREToL/hpnL0AaPtj1tJ6+BDX+02XoMvvdxDqvxwvYPUmceeTbJcfaLewAkwXvpwm9jDbQDd9LE5wCOYAXiSpHQcx/9J5sBIsSrgptkAv9ACsIYygKe+0waMUAVw/SINIEc6gf0nqsAaqQNZspxzLlOeTSrAGWkASVr5skgL0CMB6DcG+C0t0Rww6dnmqc1ZykCLdAJF1wa43u7AHmkD2m8ceEbKAPaLAmCR1ID2CweqQmeA9bsdwGKpAayTzMwuNoCq4DYAqulDawAjRdMyAHy3q2UdXNZwWgaX/TyO0/mwhpP5xcfNAWqKJm3+2XjJHKCncErP9ma0R5JkDtBTOEkp/yulLEnX5gA93cD35gA93Y/MAdoNKXUYyx0p9bHontOiv1gCVlA4IAQCAABQDACdASpYAFgAPm02lkikIyIhI4lAgA2JaQARFrHx/xDvh+MGjJ89/Nj+R/5n/te4L+t3ozeu79oPYrGJFi+29n3im3IRQx/OGcGKjM67nT8G2WdnSA7wIoAffFA/9WuEIKV/fL+zioOq+AD+/K0QHL9Xlc/8PMU8GKUICfoIsHcyDN5WNmPYSSJiDvwxg50mpWB1yUM9/+NbaRduw+PW+wQtnGp4KWuYXg+N9MNHuORsjCQLchVXMwqmn9GH2HITGv/w0xqeSHTXwaf7/hQysCPpZd/7+R2pu2iwRHgMiS9MxcN4yrkjx+X2lyEGzA3ApZo5MKAbPWhe+v4/QJ6r6Gb0Fqpj8NsE1qyZBh69c+KqlHTfO/Odh15bx/m35q4/+SHuI+XdNalooq3ess8s2LSmAtsSSGSdQNzcVY8bNKL19yIWDvtP/FgRjivync9VfGHfKAQEyqLf0FPTTN2x51S+81qGnl0J9Z/OJ4PGG+eHEpA039VAebveoaa0R0uTO8jXmicL3FaL55/I4MVnG2bDncXAVyvLYlgbiZlASPexcjo3uZZSPeJi5Wr6Qfi6xIbk+D5g4y6nefIGvvm4o3TGdTYH5len/F1DuWmfPsNSSU47bEq3YWKWkTlWWmBA37vjsgV08gAkK262G0+R7BO+kY25hn3okIznUnp8XsIAAAA=) 0 0/cover no-repeat;
            opacity: 0;
            -webkit-transition: opacity .4s ease;
            -o-transition: opacity .4s ease;
            transition: opacity .4s ease
        }

        .v-application .contents.exd-event .wrap-define .wrap-img .wrap-image.by-viewer:hover:before {
            opacity: 1
        }

    .v-application .contents.exd-event .wrap-define .wrap-img figcaption {
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
        color: hsla(0,0%,100%,.5);
        text-align: center;
        margin-top: 10px
    }

.v-application .contents.exd-event .section.section1 .section__inner {
    padding: 0;
    max-width: 848px;
    margin: 0 auto
}

    .v-application .contents.exd-event .section.section1 .section__inner .wrap-title {
        width: 100%;
        min-height: 530px;
        margin: 0 auto;
        padding-top: 78px;
        text-align: center
    }

        .v-application .contents.exd-event .section.section1 .section__inner .wrap-title .exd-title {
            display: inline-block;
            width: 315px;
            height: 120px;
            background: url(../../static/img/bi-exd.6db4fd52.webp) 50% 0/cover no-repeat
        }

        .v-application .contents.exd-event .section.section1 .section__inner .wrap-title .text-introduce {
            font-size: 40px;
            font-weight: 700;
            line-height: normal;
            margin-top: 24px;
            color: #fff
        }

    .v-application .contents.exd-event .section.section1 .section__inner .wrap-preparate {
        margin-top: 138px;
        text-align: center;
        line-height: normal
    }

        .v-application .contents.exd-event .section.section1 .section__inner .wrap-preparate .event-title {
            font-size: 40px;
            font-weight: 700;
            color: #ffe600
        }

        .v-application .contents.exd-event .section.section1 .section__inner .wrap-preparate .desc {
            font-size: 24px;
            font-weight: 700;
            line-height: 1.33;
            color: #fff;
            margin-top: 16px
        }

    .v-application .contents.exd-event .section.section1 .section__inner .event-content {
        margin-top: 40px;
        line-height: normal;
        text-align: center
    }

        .v-application .contents.exd-event .section.section1 .section__inner .event-content .notice {
            font-size: 16px;
            font-weight: 700;
            color: #fd0;
            line-height: 2
        }

            .v-application .contents.exd-event .section.section1 .section__inner .event-content .notice.alert {
                color: red
            }

        .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step {
            list-style: none;
            margin: 32px auto 0;
            padding: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step.loading li .wrap-detail {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 100%
            }

            .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li {
                -webkit-box-flex: 0;
                -ms-flex: 0 1 280px;
                flex: 0 1 280px;
                background-image: -o-linear-gradient(326.47deg,#111022 0,#113 51.69%,#111022 101%);
                background-image: linear-gradient(123.53deg,#111022,#113 51.69%,#111022 101%);
                min-height: 360px;
                padding: 48px 24px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                text-align: center;
                width: 280px
            }

                .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li.active {
                    border-style: solid;
                    border-width: 2px;
                    border-image-source: linear-gradient(180deg,#ffe600,#660);
                    border-image-slice: 1
                }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li.active .ico-checked {
                        background: url(data:image/webp;base64,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) 50% 50%/cover no-repeat
                    }

                .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li.alert {
                    border: 2px solid red
                }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li.alert .ico-checked {
                        background: url(data:image/webp;base64,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) 50% 50%/cover no-repeat
                    }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li.alert .condition {
                        color: red
                    }

                .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .ico-checked {
                    display: inline-block;
                    width: 64px;
                    height: 64px;
                    background: url(data:image/webp;base64,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) 50% 50%/cover no-repeat
                }

                .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    min-height: 120px;
                    margin-top: 0
                }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal small {
                        display: block;
                        font-size: 14px;
                        font-weight: 700;
                        line-height: 1.33;
                        color: #fff
                    }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal strong {
                        font-size: 40px;
                        font-weight: 700;
                        line-height: 1.35;
                        color: #fff
                    }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal .ico-wemix.ico-sm {
                        display: inline-block;
                        width: 72px;
                        height: 72px;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        margin: 0
                    }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal .level small {
                        font-size: 24px;
                        font-weight: 700;
                        line-height: normal;
                        color: #ffe600
                    }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal .level strong {
                        font-size: 56px;
                        font-weight: 700;
                        line-height: 1;
                        color: #ffe600
                    }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal .membercount small {
                        display: block;
                        font-size: 14px;
                        font-weight: 700;
                        line-height: 1.29;
                        color: #fff
                    }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal .membercount strong {
                        display: block;
                        font-size: 32px;
                        font-weight: 700;
                        line-height: 1.35;
                        color: #fff
                    }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .goal .membercount.nosync strong {
                        font-size: 56px;
                        line-height: 1;
                        margin-top: 8px
                    }

                .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .condition {
                    min-height: 60px;
                    margin-top: 8px;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 1.43;
                    color: #fff
                }

                    .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step li .condition .setting {
                        display: block;
                        text-align: center;
                        margin: 0 auto;
                        text-decoration: underline;
                        color: #fff
                    }

        .v-application .contents.exd-event .section.section1 .section__inner .event-content .wrap-button {
            text-align: center;
            margin: 0 auto
        }

            .v-application .contents.exd-event .section.section1 .section__inner .event-content .wrap-button .btn-checknow {
                font-size: 32px;
                font-weight: 700;
                line-height: normal;
                color: #fd0;
                border-style: solid;
                border-width: 1px;
                border-image-source: linear-gradient(180deg,#fff6a5,#897b00);
                border-image-slice: 1;
                background-image: -o-linear-gradient(355deg,#080014 0,#232300 51%,#080014 100%);
                background-image: linear-gradient(95deg,#080014,#232300 51%,#080014)
            }

            .v-application .contents.exd-event .section.section1 .section__inner .event-content .wrap-button .btn-reward {
                font-size: 32px;
                font-weight: 700;
                line-height: normal;
                color: #000;
                border-style: solid;
                border-width: 1px;
                border-image-source: linear-gradient(180deg,#ffe600,#4d4500);
                border-image-slice: 1;
                background-image: -webkit-gradient(linear,left top,right top,from(#c19e4b),color-stop(23%,#ae8c36),color-stop(48%,#ffda7f),color-stop(84%,#96782d));
                background-image: -o-linear-gradient(left,#c19e4b 0,#ae8c36 23%,#ffda7f 48%,#96782d 84%);
                background-image: linear-gradient(90deg,#c19e4b 0,#ae8c36 23%,#ffda7f 48%,#96782d 84%)
            }

            .v-application .contents.exd-event .section.section1 .section__inner .event-content .wrap-button .btn {
                width: 100%;
                height: 80px
            }

        .v-application .contents.exd-event .section.section1 .section__inner .event-content .event-step + .wrap-button {
            margin-top: 8px
        }

.v-application .contents.exd-event .exdis {
    margin-top: 80px;
    padding-top: 79px;
    border-top: 1px solid hsla(0,0%,100%,.2)
}

    .v-application .contents.exd-event .exdis .headword {
        font-size: 72px;
        font-weight: 700;
        line-height: normal;
        color: #fff;
        margin-top: 0
    }

    .v-application .contents.exd-event .exdis .text-desc {
        margin-top: 24px;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.6;
        color: hsla(0,0%,100%,.5)
    }

.v-application .contents.exd-event .exd-youtube .wrap-youtube {
    position: relative;
    margin-top: 120px;
    padding-top: 56.25%;
    height: 0
}

    .v-application .contents.exd-event .exd-youtube .wrap-youtube.no-gutter {
        padding-top: 0;
        width: 960px;
        height: auto
    }

.v-application .contents.exdguide {
    --section-inner-width: 960px;
    padding-top: var(--navexd-height);
    min-height: 100vh;
    background: url(../../static/img/exdplaybook-topbg.e28d5992.webp) 50% 0/1920px 700px no-repeat,-o-linear-gradient(top,#030222 700px,#020222);
    background: url(../../static/img/exdplaybook-topbg.e28d5992.webp) 50% 0/1920px 700px no-repeat,linear-gradient(180deg,#030222 700px,#020222)
}

    .v-application .contents.exdguide .section__inner {
        padding: 0 24px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .v-application .contents.exdguide .headword {
        display: block;
        font-size: 32px;
        font-weight: 700;
        line-height: normal;
        color: #fff;
        margin-top: 120px
    }

    .v-application .contents.exdguide .text-desc {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.33;
        margin-top: 24px
    }

    .v-application .contents.exdguide .wrap-define .define {
        margin-top: 40px
    }

        .v-application .contents.exdguide .wrap-define .define dt {
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5;
            color: #fff
        }

        .v-application .contents.exdguide .wrap-define .define dd {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 16px
        }

            .v-application .contents.exdguide .wrap-define .define dd .desc {
                font-size: 16px;
                font-weight: 400;
                line-height: 1.5;
                color: hsla(0,0%,100%,.5)
            }

                .v-application .contents.exdguide .wrap-define .define dd .desc .wrap-function {
                    display: block;
                    margin-top: 16px
                }

                    .v-application .contents.exdguide .wrap-define .define dd .desc .wrap-function a {
                        display: inline-block;
                        font-size: 14px;
                        line-height: 1.71;
                        color: #fff;
                        border-bottom: 1px solid #fff
                    }

                .v-application .contents.exdguide .wrap-define .define dd .desc ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    margin-top: 16px
                }

                    .v-application .contents.exdguide .wrap-define .define dd .desc ul li {
                        position: relative;
                        font-size: 12px;
                        font-weight: 400;
                        line-height: 1.33;
                        padding-left: 16px;
                        margin-top: 8px
                    }

                        .v-application .contents.exdguide .wrap-define .define dd .desc ul li:first-of-type {
                            margin-top: 0
                        }

                        .v-application .contents.exdguide .wrap-define .define dd .desc ul li:before {
                            content: "";
                            position: absolute;
                            left: 6px;
                            top: 6px;
                            width: 2px;
                            height: 2px;
                            border-radius: 100%;
                            background-color: hsla(0,0%,100%,.5)
                        }

            .v-application .contents.exdguide .wrap-define .define dd .wrap-img {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 460px;
                flex: 0 0 460px;
                width: 460px;
                margin-left: 64px;
                margin-top: -40px
            }

    .v-application .contents.exdguide .wrap-define .wrap-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 24px
    }

        .v-application .contents.exdguide .wrap-define .wrap-img .wrap-image img {
            display: block;
            max-width: 100%
        }

        .v-application .contents.exdguide .wrap-define .wrap-img .wrap-image.by-viewer {
            position: relative;
            cursor: -webkit-zoom-in;
            cursor: zoom-in
        }

            .v-application .contents.exdguide .wrap-define .wrap-img .wrap-image.by-viewer:before {
                content: "";
                position: absolute;
                right: 0;
                bottom: 0;
                width: 40px;
                height: 40px;
                background: url(data:image/webp;base64,UklGRnIDAABXRUJQVlA4WAoAAAAQAAAAVwAAVwAAQUxQSEgBAAABkCpJch1bv95QcKCh2F6mhcts5stkZigoOFCwgLyPiDE+EREToL/hpnL0AaPtj1tJ6+BDX+02XoMvvdxDqvxwvYPUmceeTbJcfaLewAkwXvpwm9jDbQDd9LE5wCOYAXiSpHQcx/9J5sBIsSrgptkAv9ACsIYygKe+0waMUAVw/SINIEc6gf0nqsAaqQNZspxzLlOeTSrAGWkASVr5skgL0CMB6DcG+C0t0Rww6dnmqc1ZykCLdAJF1wa43u7AHmkD2m8ceEbKAPaLAmCR1ID2CweqQmeA9bsdwGKpAayTzMwuNoCq4DYAqulDawAjRdMyAHy3q2UdXNZwWgaX/TyO0/mwhpP5xcfNAWqKJm3+2XjJHKCncErP9ma0R5JkDtBTOEkp/yulLEnX5gA93cD35gA93Y/MAdoNKXUYyx0p9bHontOiv1gCVlA4IAQCAABQDACdASpYAFgAPm02lkikIyIhI4lAgA2JaQARFrHx/xDvh+MGjJ89/Nj+R/5n/te4L+t3ozeu79oPYrGJFi+29n3im3IRQx/OGcGKjM67nT8G2WdnSA7wIoAffFA/9WuEIKV/fL+zioOq+AD+/K0QHL9Xlc/8PMU8GKUICfoIsHcyDN5WNmPYSSJiDvwxg50mpWB1yUM9/+NbaRduw+PW+wQtnGp4KWuYXg+N9MNHuORsjCQLchVXMwqmn9GH2HITGv/w0xqeSHTXwaf7/hQysCPpZd/7+R2pu2iwRHgMiS9MxcN4yrkjx+X2lyEGzA3ApZo5MKAbPWhe+v4/QJ6r6Gb0Fqpj8NsE1qyZBh69c+KqlHTfO/Odh15bx/m35q4/+SHuI+XdNalooq3ess8s2LSmAtsSSGSdQNzcVY8bNKL19yIWDvtP/FgRjivync9VfGHfKAQEyqLf0FPTTN2x51S+81qGnl0J9Z/OJ4PGG+eHEpA039VAebveoaa0R0uTO8jXmicL3FaL55/I4MVnG2bDncXAVyvLYlgbiZlASPexcjo3uZZSPeJi5Wr6Qfi6xIbk+D5g4y6nefIGvvm4o3TGdTYH5len/F1DuWmfPsNSSU47bEq3YWKWkTlWWmBA37vjsgV08gAkK262G0+R7BO+kY25hn3okIznUnp8XsIAAAA=) 0 0/cover no-repeat;
                opacity: 0;
                -webkit-transition: opacity .4s ease;
                -o-transition: opacity .4s ease;
                transition: opacity .4s ease
            }

            .v-application .contents.exdguide .wrap-define .wrap-img .wrap-image.by-viewer:hover:before {
                opacity: 1
            }

        .v-application .contents.exdguide .wrap-define .wrap-img figcaption {
            display: block;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.5;
            color: hsla(0,0%,100%,.5);
            text-align: center;
            margin-top: 10px
        }

    .v-application .contents.exdguide .exdis {
        padding-top: 79px
    }

        .v-application .contents.exdguide .exdis .headword {
            font-size: 72px;
            font-weight: 700;
            line-height: normal;
            color: #fff;
            margin-top: 0
        }

        .v-application .contents.exdguide .exdis .text-desc {
            margin-top: 24px;
            font-size: 20px;
            font-weight: 400;
            line-height: 1.6;
            color: hsla(0,0%,100%,.5)
        }

    .v-application .contents.exdguide .exd-youtube {
        margin-top: 120px
    }

        .v-application .contents.exdguide .exd-youtube .banner-notice {
            margin-bottom: 40px;
            padding: 20px 24px;
            background-color: hsla(0,0%,100%,.1);
            min-height: 57px
        }

            .v-application .contents.exdguide .exd-youtube .banner-notice > p {
                position: relative;
                padding-left: 126px;
                font-size: 13px;
                line-height: 1.46;
                color: hsla(0,0%,100%,.75)
            }

                .v-application .contents.exdguide .exd-youtube .banner-notice > p:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 102px;
                    height: 57px;
                    background: url(../../static/img/draco-to-hydra.35e2717e.webp) 0 0/100% no-repeat
                }

                .v-application .contents.exdguide .exd-youtube .banner-notice > p em {
                    font-weight: 600
                }

        .v-application .contents.exdguide .exd-youtube .wrap-youtube {
            position: relative;
            padding-top: 56.25%;
            height: 0
        }

            .v-application .contents.exdguide .exd-youtube .wrap-youtube.no-gutter {
                padding-top: 0;
                width: 960px;
                height: auto
            }

.dialog-exdevent {
    width: 720px
}

    .dialog-exdevent.theme-dark {
        background: url(../../static/img/bg-exd-event.dcbe0aef.webp) 50% 0/100% auto no-repeat,-o-linear-gradient(310deg,#362164 0,#0f002f 50%,#362164 101%);
        background: url(../../static/img/bg-exd-event.dcbe0aef.webp) 50% 0/100% auto no-repeat,linear-gradient(140deg,#362164,#0f002f 50%,#362164 101%);
        color: #fff
    }

        .dialog-exdevent.theme-dark .content {
            padding-bottom: 40px;
            color: hsla(0,0%,100%,.75)
        }

    .dialog-exdevent .event-content .wrap-reward {
        text-align: center;
        line-height: normal
    }

        .dialog-exdevent .event-content .wrap-reward .ticket {
            display: inline-block;
            margin-top: 50px;
            vertical-align: top
        }

        .dialog-exdevent .event-content .wrap-reward .message {
            margin-top: 40px;
            font-size: 28px;
            font-weight: 700;
            line-height: normal;
            color: #fff
        }

        .dialog-exdevent .event-content .wrap-reward .desc {
            display: block;
            margin: 24px auto 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.71;
            color: hsla(0,0%,100%,.5);
            max-width: 560px;
            text-align: center
        }

        .dialog-exdevent .event-content .wrap-reward + .wrap-button {
            text-align: center;
            margin-top: 40px
        }

            .dialog-exdevent .event-content .wrap-reward + .wrap-button .btn {
                width: inherit;
                min-width: 171px
            }

@media screen and (max-width:960px) {
    .v-application .contents.playbook .section.section1 .section__inner .wrap-title {
        padding: 62px 24px 56px
    }
}

.contents.hsp {
    background-color: #005
}

    .contents.hsp .wrap-grid {
        padding-top: 32px
    }

    .contents.hsp .section {
        background-color: inherit
    }

        .contents.hsp .section .hsp-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            gap: 0 1px
        }

            .contents.hsp .section .hsp-info .item {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                min-height: 114px;
                padding: 24px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: #002
            }

                .contents.hsp .section .hsp-info .item .define-value dt {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    line-height: 16px;
                    font-size: 14px;
                    color: hsla(0,0%,100%,.6)
                }

                    .contents.hsp .section .hsp-info .item .define-value dt .v-icon {
                        position: relative;
                        width: 20px;
                        height: 20px;
                        font-size: 0;
                        background: url(data:image/webp;base64,UklGRjABAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSOAAAAABgKXYdtzogpye9WVQ40EgyDwIHrwNerPegDeQWe/prSAiJgDCv7C+EDMd190f9JuOuDinT51mZMX0qRCIVXMrGlk9ljU7rnh0JSeuuisYuXJ803L18OIz1yP3lNhgBPDJJh2QZNMyT7IOyLL5el1khD+WL9frLGPfKUzzMimEtYLy+mQlk8L1er0qEFtR1SIrlK2c1lbWwUrnrXiQjQx0NhLgbHwAiBYSADiSaOaPJ4R6LV7HWhHvd3VOKHTHGjtXAkS9CGmbdegf8o+kER1UP1Iuo95B33frIzHTZR08hFZQOCAqAAAAMAMAnQEqKAAoAD5tNphIpCMioSOIAIANiWkAABuBvT4OAAD++yGAAAAA) 50% 50%/cover no-repeat;
                        cursor: pointer
                    }

                .contents.hsp .section .hsp-info .item .define-value dd {
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    min-height: 40px;
                    margin-top: 6px;
                    font-size: 20px;
                    font-weight: 700;
                    color: #fff
                }

                    .contents.hsp .section .hsp-info .item .define-value dd, .contents.hsp .section .hsp-info .item .define-value dd > div {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .contents.hsp .section .hsp-info .item .define-value dd > div {
                            width: 100%
                        }

                            .contents.hsp .section .hsp-info .item .define-value dd > div > p {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: baseline;
                                -ms-flex-align: baseline;
                                align-items: baseline;
                                position: relative;
                                line-height: 23px;
                                font-size: 24px
                            }

                                .contents.hsp .section .hsp-info .item .define-value dd > div > p.icon-hydra-gold {
                                    padding-left: 28px
                                }

                                    .contents.hsp .section .hsp-info .item .define-value dd > div > p.icon-hydra-gold:before {
                                        content: "";
                                        display: block;
                                        position: absolute;
                                        top: 50%;
                                        left: 0;
                                        -webkit-transform: translateY(-50%);
                                        transform: translateY(-50%);
                                        width: 24px;
                                        height: 24px;
                                        background: url(/image/common/silthereum_icon_90.png) 100% 100%/cover no-repeat
                                        /*
                                        background: url(data:image/webp;base64,UklGRhoFAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSFkBAAABkCvbtmlb49q2baZmZNv2sxXZtm3btm3b9sG63GetWe8DImICwFXfzsnJyU4fNA0rVt5580umUPx5f39Dlasog/odCiZdcazJXoBOw0XG834fHV6BNxjvR9F8hv5h/P8s4GC2jom96KqKzg4m+pSNNJOVTPw1V0nTGcV9mhJKGc1hXTk/I6IM7GIro3rIoJNQRjejk7WETncI+EPobxKAEYzyQgDnSP0AzGWkWCCyGe0BGE5sBbYSu4bDxB6Re/zfe4S9xO5iGrHd6E1sKrzltBKg85TUPytgDamjALJJdQNg8pjQB3cA6E5oIjrqfCXzzakTpCip9EfnWluIXNbqAvbPSLwMhcTY9wRkeZCcLBOmaICKSd8EfeuppgrCHgj5kAiOdlsFnAwE36xnnL4WaYG3YcNZpWp3BhhCpEHKwnsyCbLHK3MsIVzTuXjUnGWrls8ZU+GlC44AVlA4IJoDAADwDwCdASowADAAPlkijUWjoiEePfwAOAWEtgBOl9n87/IDlueOogzmMYDbfeY3oZbwvvGf7mekpd2GKlluzU5AjzlwEqCGeeMd8x+2PsyE4WCQg1UjF39KwMtMyilfP7cNiqvb90vVcwS9wNzSLgepo4teQUaQmXPi6W9Gg9SUl4v6gr38InEAAP7tQr8CcBM/PyhJAl5LPYpIr13YQscxW16AFB+7XrIbpsItGyPCPR6HQ/0N5Q9bSU1GF35RduJ3e6+SvabiDBn9o0gVh8jPE4b6ezBgPNPHnq6f8fTCJ51vIn566PA/xHXsmS2yZRImCl2IM4HjYbU435ic2XZXOmrPTks31SnydR/exJSm/oPZPpp203ZFkkqB9YJ9CS1wiE8GckD8+/tQ5+XHoKzyj751qtmRgcSxE6fdOtf63USVWKyvfxE/ALRVaLHTaDc+bj9346mc3JESRBdEaJ2Bs/AUTFlyJbnpeu2jVKgOBdQQlkEfHW0vBcZfWhy9cN9/OyO6/SWS8F9ajrgT0tOIpj/K5hhL7wL/Zs8rQGH655TDkuBm+6ynSZ/K8MUy2f6PBDfEr4rS4wuG2dQHN2+PKXwGlzTQSrkm434e5Lty0A+s35U/TZ/3+XVQLjCL9qjshE3DYPyi7mDPP836ttOaPcN7oULipA2PhQ35QKSQOVmhDarDlHwfdxd+Nj746Dzog4z1jQuzaPR0CT7iq5rivB++PhiAzRygTWzsVSr3bqdh9MhUHT55bOuux93jUnGvXLFN9FsRJG4rojOTBe6NPlW2dTboo5JMqe7onnEUh3zMZVZRHUMkiOOdT9+h7R6M0IY3OiDK9KbjZzSEWbA737qEYtSmYRP5lIKkAzwo/VnIR3MtETxP64Qinhjg4NpXfZvUVE2+kNPgVCbQdk/3L4Dda0ImYp462npHWahMnf7K1Y0osqYafbFo3OkwQtA4XcyvNbtL6p7i1zySbSC63JqSfWj1mxs6u6/Xqwmyw/CmP8eCfx3rqgZxfrkUGqumheWawJBFyRBgVsJR530nwhDN/FKAx9NEGAWVC4pYPbtIkGs4b5iyFS1I0FlSBbOpvs6TdFH9ssDqtvdL1wrg9R/pZIEQPZpXk6/emMHG0qQ7pNfx6Ki3c2xG0+UdY7vzwCNfjk1ycp2yWNuPWDUtJtN6FivEXVLwGFCF/WAWF6wY/uoeTUfuNfHS77plWzUc+0xJNEUTuAAA) 50% 50%/cover no-repeat
                                        */
                                    }

                                .contents.hsp .section .hsp-info .item .define-value dd > div > p em {
                                    font-size: 16px
                                }

                            .contents.hsp .section .hsp-info .item .define-value dd > div .icon-refresh {
                                margin-left: 4px
                                
                            }
                         
                            

                            .contents.hsp .section .hsp-info .item .define-value dd > div:first-of-type {
                                max-width: 260px;
                                padding-right: 10px
                            }

                        .contents.hsp .section .hsp-info .item .define-value dd .date {
                            font-size: 14px;
                            line-height: 1.43;
                            font-weight: 400
                        }

                        .contents.hsp .section .hsp-info .item .define-value dd .value {
                            font-size: 14px;
                            color: hsla(0,0%,100%,.6);
                            line-height: normal;
                            font-weight: 400
                        }

                .contents.hsp .section .hsp-info .item .define-value .graph-wrap {
                    margin-top: 8px;
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    row-gap: 4px
                }

                    .contents.hsp .section .hsp-info .item .define-value .graph-wrap .percent {
                        line-height: 14px;
                        font-size: 12px;
                        color: #ff0
                    }

                    .contents.hsp .section .hsp-info .item .define-value .graph-wrap .graph {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        background-color: #000;
                        width: 100%
                    }

                        .contents.hsp .section .hsp-info .item .define-value .graph-wrap .graph .bar {
                            display: block;
                            height: 6px;
                            background-color: #ffe500
                        }

                .contents.hsp .section .hsp-info .item .define-value .total-avr {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-column-gap: 16px;
                    -moz-column-gap: 16px;
                    column-gap: 16px;
                    margin-top: 4px;
                    font-size: 17px
                }

                    .contents.hsp .section .hsp-info .item .define-value .total-avr > div {
                        text-align: right;
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-box-align: baseline;
                        -ms-flex-align: baseline;
                        align-items: baseline
                    }

                        .contents.hsp .section .hsp-info .item .define-value .total-avr > div span {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: baseline;
                            -ms-flex-align: baseline;
                            align-items: baseline;
                            color: #fff
                        }

                            .contents.hsp .section .hsp-info .item .define-value .total-avr > div span .point {
                                color: #fff;
                                font-size: 14px;
                                margin-left: 0
                            }

                            .contents.hsp .section .hsp-info .item .define-value .total-avr > div span:not(:first-child) {
                                margin-left: 20px
                            }

                        .contents.hsp .section .hsp-info .item .define-value .total-avr > div em {
                            margin-left: 4px;
                            font-size: 12px
                        }

                    .contents.hsp .section .hsp-info .item .define-value .total-avr .v-divider {
                        -ms-flex-item-align: auto;
                        align-self: auto;
                        height: 20px;
                        background-color: hsla(0,0%,100%,.3)
                    }

                .contents.hsp .section .hsp-info .item .currency-volume {
                    font-size: 14px
                }

        .contents.hsp .section .notice-wrap {
            padding-bottom: 80px
        }

            .contents.hsp .section .notice-wrap .meaning dt {
                font-size: 12px;
                line-height: 1.33;
                color: #fff
            }

            .contents.hsp .section .notice-wrap .meaning dd {
                margin: 16px 0;
                font-size: 12px;
                line-height: 1.67
            }

            .contents.hsp .section .notice-wrap .list-caution {
                line-height: 1.5;
                font-size: 12px;
                padding-left: 0;
                list-style: none
            }

                .contents.hsp .section .notice-wrap .list-caution li {
                    position: relative;
                    padding-left: 17px
                }

                    .contents.hsp .section .notice-wrap .list-caution li ~ li {
                        margin-top: 4px
                    }

                    .contents.hsp .section .notice-wrap .list-caution li:before {
                        content: "";
                        position: absolute;
                        top: 8px;
                        left: 8px;
                        border: 1px solid
                    }

    .contents.hsp .footer {
        margin-top: 0 !important;
        background-color: #00004c !important
    }