.exclusive {
            margin-bottom: .5rem;
        }

        .exclusive ul {
            align-items: start;
            display: grid;
            grid-gap: .75rem;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin: 1rem 0;
        }

        .exclusive ul a,
        .exclusive ul button {
            border-radius: 10px;
            cursor: pointer;
            display: block;
            height: 0;
            overflow: hidden;
            padding-bottom: 136.84211%;
            position: relative;
            width: 100%;
        }

        .exclusive ul img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
        }

        .exclusive ul div {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #c20c05;
            border-radius: 5px;
            color: #fff;
            height: 1.5rem;
            position: absolute;
            right: .5rem;
            top: .5rem;
            width: 1.5rem;
        }

        .card__body {
            max-width: 100%;
            overflow: hidden;
        }

        .carousel,
        .carousel__control {
            position: relative;
            align-items: center;
        }

        .carousel__prev {
            padding-left: .25rem;
        }

        .carousel__control--disabled {
            pointer-events: none;
            color: hsla(0, 0%, 100%, .38);
        }

        .carousel__container.transition {
            transition: transform .3s ease-out;
            will-change: transform;
        }

        .slot-carousel__group {
            width: 100%;
            display: grid;
            flex-shrink: 0;
            align-content: start;
            grid-auto-flow: column;
            grid-template-rows: repeat(3, minmax(0, 1fr));
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .search-header[data-v-7c97fce4] {
            display: grid;
            grid-gap: 1rem;
            padding: 1rem .5rem .5rem;
            align-items: center;
            grid-template-columns: auto 1fr;
            background-color: #060d18;
            width: calc(100% + 1rem);
            transform: translateX(-.5rem);
        }

        .search-header__label[data-v-7c97fce4] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-size: .75rem;
            font-weight: 700;
        }

        .slot-carousel__item span[data-v-117d2efa] {
            width: 100%;
            font-weight: 500;
            text-align: center;
            font-size: .625rem;
            margin-top: .125rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .slot-game-search form {
            display: grid;
            grid-gap: .75rem;
            align-items: center;
            grid-template-columns: 3fr 1fr;
        }

        .casino-game {
            position: relative;
            overflow: hidden;
            border-radius: 5px
        }

        .casino-game--maintenance {
            pointer-events: none
        }

        .casino-game a {
            cursor: pointer;
            position: relative;
            width: 100%
        }

        .casino-game a .casino-game__container {
            position: relative;
            height: 0;
            padding-bottom: 162.03209%;
            display: flex;
            align-items: flex-end;
            overflow: hidden;
            border-radius: 5px
        }

        .casino-game.casino-game--new.casino-game--special a .casino-game__container:before {
            border-color: #f6004d;
        }

        .casino-game--new a .casino-game__container:before {
            border: 2px solid #ff4343;
        }

        .casino-game--promo a.casino-game__container:before {
            border: 2px solid #139c44;
        }

        .casino-game--special a .casino-game__container:before {
            border: 2px solid #dfbb06;
        }

        .casino-game a .casino-game__container:before {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            content: "";
            width: 100%;
            height: 100%;
            pointer-events: none;
            border-radius: 5px;
            border: 2px solid #4a5059
        }

        .casino-game a .casino-game__container:after {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 50%;
            content: "";
            background: linear-gradient(0deg, #060d18, transparent 30%, transparent)
        }

        .sns-card button {
            position: relative;
            display: block;
            overflow: hidden;
        }

        .card__banner {
            padding: .5rem 1rem 0;
        }

        .sns-card button img {
            display: block;
            width: 100%;
        }

        .sns-card .pulse {
            position: relative;
            width: .75rem;
            height: .75rem;
        }

        .sns-card__ribbon>span {
            display: block;
            color: #fff;
            font-weight: 900;
            font-size: .5rem;
            letter-spacing: .05em;
        }

        .sns-card__ribbon {
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 2px;
            padding: .125rem .375rem .125rem .25rem;
            background-color: #fd3a52;
            display: grid;
            grid-gap: .125rem;
            align-items: center;
            justify-items: center;
            place-items: center;
            grid-template-columns: auto auto;
        }

        .sns-card .pulse__wave {
            width: 100%;
            height: 100%;
            background-color: hsla(0, 0%, 100%, .4);
            opacity: 0;
            z-index: 1;
            -webkit-animation: ripple 2s infinite;
            animation: ripple 2s infinite;
            transform: translate(-50%, -50%) scale(.5);
        }

        .sns-card .pulse:after,
        .sns-card .pulse__wave {
            position: absolute;
            top: 50%;
            left: 50%;
            border-radius: 50%;
        }

        .slot-game-search form {
            display: grid;
            grid-gap: .75rem;
            align-items: center;
            grid-template-columns: 3fr 1fr;
        }

        .search-header {
            display: grid;
            grid-gap: 1rem;
            padding: 1rem .5rem .5rem;
            align-items: center;
            grid-template-columns: auto 1fr;
            background-color: #060d18;
            width: calc(100% + 1rem);
            transform: translateX(-.5rem);
        }

        .casino-game a .casino-game__container>img {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            opacity: 0;
            will-change: opacity;
            transition: opacity .2s ease
        }

        .casino-game a .casino-game__container>img.placeholder {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }

        .casino-game a .casino-game__maintenance {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            padding: .5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: rgba(29, 43, 67, .8)
        }

        .casino-game a .casino-game__maintenance span {
            font-size: .75rem;
            text-align: center;
            font-weight: 500;
            margin-top: .25rem
        }

        .casino-game a .casino-game__maintenance img {
            position: relative
        }

        .casino-game--history-view {
            display: grid;
            grid-gap: 1rem;
            align-items: center;
            grid-template-columns: 2fr 3fr
        }

        @media(min-width:1024px) {
            .casino-game--history-view {
                grid-template-columns: 1fr 5fr
            }
        }

        .casino-game--dark a>.casino-game__container:before {
            border-color: #060d18
        }

        .casino-game--promo a>.casino-game__container:before {
            border: 2px solid #139c44
        }

        .casino-game--promo:not(.casino-game--history-view):after {
            position: absolute;
            right: 0;
            bottom: -1px;
            z-index: 3;
            content: attr(data-flag);
            text-transform: uppercase;
            font-weight: 700;
            font-style: italic;
            font-size: .5rem;
            padding: .25rem .5rem;
            background: 50%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/promo.svg)
        }

        .casino-game--new a .casino-game__container:before {
            border: 2px solid #ff4343
        }

        .casino-game--new:not(.casino-game--history-view):after {
            position: absolute;
            right: 0;
            bottom: -1px;
            z-index: 3;
            min-width: 3rem;
            content: attr(data-flag);
            text-transform: uppercase;
            font-weight: 700;
            font-style: italic;
            font-size: .5rem;
            text-align: center;
            padding: .25rem .5rem;
            background: 50%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/new.svg)
        }

        .casino-game--special a .casino-game__container:before {
            border: 2px solid #dfbb06
        }

        .sns {
            margin-bottom: 1rem;
        }

        .sns__top-banner {
            width: calc(100% + 1rem);
            transform: translateX(-.5rem);
        }

        .sns__top-banner img {
            display: block;
            width: 100%;
        }

        .sns-game--large .sns-game__container {
            padding-bottom: 56.25%;
        }

        .sns-game img {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            will-change: opacity;
            border-radius: 5px;
            transition: opacity .2s ease;
        }

        .sns-game__info {
            font-size: .75rem;
        }

        .sns ul[data-v-61cb62aa] {
            display: grid;
            grid-gap: 1rem;
        }

        .sns-game a[data-v-c0dbfd2c] {
            display: grid;
            cursor: pointer;
            grid-gap: .25rem;
        }

        button {
            border: none;
            outline: none;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-family: inherit;
            background-color: unset;
        }

        .sns__bottom-banner {
            display: block;
        }

        .sns__container {
            display: grid;
            grid-gap: 1rem;
        }

        .sns__bottom-banner img {
            display: block;
            width: 100%;
        }

        .casino-game--special:not(.casino-game--history-view):before {
            position: absolute;
            right: 0;
            top: -1px;
            z-index: 3;
            content: attr(data-flag);
            text-transform: uppercase;
            font-weight: 700;
            font-style: italic;
            font-size: .5rem;
            padding: .25rem .5rem;
            background: 50%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/456/dist/img/special.2e47c68.svg)
        }

        .casino-game.casino-game--new.casino-game--special a .casino-game__container:before {
            border-color: #f6004d
        }

        .casino-game.casino-game--new.casino-game--special:not(.casino-game--history-view):after {
            position: absolute;
            right: 0;
            top: -1px;
            bottom: unset;
            z-index: 3;
            color: #fff;
            content: attr(data-flag);
            text-transform: uppercase;
            font-weight: 700;
            font-style: italic;
            font-size: .5rem;
            padding: .25rem .5rem;
            background: 50%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/special-alt.svg)
        }

        .casino-game__provider {
            display: block;
            left: 0;
            bottom: 0;
            padding: .25rem .375rem;
            white-space: nowrap
        }

        .casino-game__name,
        .casino-game__provider {
            position: absolute;
            width: 100%;
            font-weight: 700;
            font-size: .5rem;
            color: #fff
        }

        .casino-game__name {
            display: none;
            top: 2rem;
            z-index: 2;
            padding: 0 .5rem;
            text-align: center
        }

        .casino-game__count {
            min-width: 1.5rem;
            font-weight: 700;
            font-size: .5rem;
            padding: 1px;
            text-align: center;
            color: #fff;
            border-radius: 5px;
            background-color: #060d18;
            border: 2px solid #4a5059;
            border-top: 4px solid #4a5059
        }

        .casino-game__count,
        .casino-game__language {
            position: absolute;
            z-index: 4;
            top: .25rem;
            left: .25rem
        }

        .casino-game__language {
            width: 1rem;
            height: 1rem;
            border-radius: 50%
        }

        .casino-game__language img {
            display: block;
            width: 100%;
            height: 100%
        }

        .casino-game__skeleton {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #1d2b43
        }

        .casino-game__skeleton:before {
            content: "";
            display: block;
            position: absolute;
            left: -150px;
            top: 0;
            height: 100%;
            width: 100%;
            -webkit-animation: skeleton 1s cubic-bezier(.4, 0, .2, 1) infinite;
            animation: skeleton 1s cubic-bezier(.4, 0, .2, 1) infinite;
            background: linear-gradient(90deg, transparent 0, #4a5059 50%, transparent)
        }

        .casino-game__placeholder {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: .5rem;
            background-color: #1d2b43;
            will-change: opacity;
            transition: opacity .2s ease
        }

        .casino-game__placeholder img {
            display: block;
            width: 3.5rem;
            height: 3.5rem;
            -o-object-fit: contain;
            object-fit: contain
        }

        @media(min-width:1024px) {
            .casino-game__placeholder img {
                width: 4rem;
                height: 4rem
            }
        }

        .casino-game__history {
            display: grid;
            grid-gap: .5rem;
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .casino-game__history>a {
            cursor: pointer
        }

        .casino-game__history h5 {
            grid-row: 1/2;
            grid-column: 1/-1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .casino-game__history p {
            grid-column: 1/2;
            font-size: .75rem
        }

        .casino-game__history a {
            grid-row: 2/5;
            grid-column: 2/3;
            align-self: end
        }

        @media(min-width:1024px) {
            .casino-game__history h5 {
                grid-column: 1/2
            }

            .casino-game__history a {
                grid-row: 1/5;
                justify-self: end;
                align-self: center
            }
        }

        .casino-game--d.casino-game--new:after,
        .casino-game--d.casino-game--promo:after {
            bottom: -2px;
            min-width: 80px;
            font-size: .75rem;
            padding: .375rem .75rem
        }

        .casino-game--d.casino-game--special:after {
            top: -2px;
            min-width: 80px;
            font-size: .75rem;
            text-align: center;
            padding: .375rem .75rem
        }

        .casino-game--d .casino-game__name,
        .casino-game--d .casino-game__provider {
            font-size: .675rem
        }

        .casino-game--d .casino-game__count {
            top: .5rem;
            left: .5rem;
            min-width: 2rem;
            padding: .125rem;
            font-size: .75rem
        }

        .casino-game--d .casino-game__language {
            top: .5rem;
            left: .5rem;
            width: 1.5rem;
            height: 1.5rem
        }

        .casino-game.casino-game--d.casino-game--special.casino-game--new:after {
            top: -2px;
            font-size: .75rem;
            padding: .375rem .75rem
        }

        .casino-content .casino-loading,
        .casino-content .games-grid {
            display: grid;
            grid-gap: .75rem;
            grid-template-rows: minmax(0, 1fr);
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .page-nav ul a.app-link--active,
        .page-nav ul button.app-link--active {
            color: #fff;
            background-color: #dfbb06;
        }

        .page-nav ul a span,
        .page-nav ul button span {
            font-size: .875rem;
        }

        .page-nav__badge {
            font-size: .75rem;
            color: #fff;
        }

        .page-nav ul li {
            scroll-snap-align: center;
        }

        .shadow-container.shadow--dark:before {
            left: 0;
            background: linear-gradient(90deg, #060d18 0, rgba(6, 13, 24, 0));
        }

        .shadow-container .shadow-observer {
            display: block;
            width: 1px;
            height: 1px;
            flex-shrink: 0;
        }

        .casino-content {
            position: relative;
            min-height: 15rem;
        }

        .casino-content .casino-loading,
        .casino-content .games-grid {
            display: grid;
            grid-gap: .75rem;
            grid-template-rows: minmax(0, 1fr);
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .page-nav {
            position: sticky;
            overflow: hidden;
            width: calc(100% + 1rem);
            transform: translateX(-.5rem);
            padding: .5rem 0;
            top: 90px;
            z-index: 9;
            background-color: #060d18
        }

        .page-nav__scroll-parent {
            width: 100%;
            overflow: hidden
        }

        .page-nav__scroll-parent[data-v-567cf2c6] {
            width: 100%;
            overflow: hidden;
        }

        .page-nav ul li[data-v-567cf2c6] {
            scroll-snap-align: center;
        }

        .page-nav ul {
            display: flex;
            grid-gap: .5rem;
            align-items: center;
            overflow: hidden;
            overflow-x: scroll;
            overflow-x: overlay;
            scroll-behavior: smooth;
            -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            -ms-overflow-style: none
        }

        .page-nav ul::-webkit-scrollbar {
            display: none
        }

        .page-nav ul li {
            scroll-snap-align: center
        }

        .page-nav ul a,
        .page-nav ul button {
            grid-gap: .25rem;
            gap: .25rem;
            font-size: 1rem
        }

        .page-nav ul a span,
        .page-nav ul button span {
            font-size: .875rem
        }

        .page-nav ul a.app-link--active,
        .page-nav ul button.app-link--active {
            color: #fff;
            background-color: #dfbb06
        }

        .page-nav__badge {
            font-size: .75rem;
            color: #fff
        }

        .page-nav--d {
            top: 54px
        }

        .arcade .card {
            padding: 1rem 0;
        }

        .casino {
            display: grid;
            margin-bottom: .5rem;
            grid-template-rows: auto auto auto 1fr;
            min-height: calc(100vh - 150px)
        }

        .casino__banner {
            margin-bottom: .5rem;
            width: calc(100% + 1rem);
            transform: translateX(-.5rem)
        }

        .casino__banner img {
            display: block;
            width: 100%
        }

        .casino__search {
            display: grid;
            align-content: center;
            grid-template-columns: 1fr auto auto;
            padding: .5rem;
            background-color: #1d2b43;
            transform: translateZ(0);
            position: sticky;
            top: 89px;
            z-index: 98
        }

        .casino__search h2 {
            display: flex;
            align-items: center;
            font-size: .875rem;
            font-weight: 900;
            grid-gap: .5rem;
            gap: .5rem
        }

        .casino__search h2 i {
            margin-right: .5rem
        }

        .casino__search>button {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            font-size: 1rem;
            padding: 0 .5rem;
            color: #fff;
            border-radius: 5px;
            border: 2px solid #4a5059;
            margin-left: .5rem
        }

        .casino__search>button.active {
            background-color: #4a5059
        }

        .casino .page-nav {
            top: 138px
        }

        .casino__providers {
            pointer-events: none;
            z-index: 999
        }

        .casino__providers,
        .casino__providers .backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .casino__providers .backdrop:before {
            display: block;
            content: "";
            width: 100%;
            background-color: rgba(0, 0, 0, .5);
            -webkit-tap-highlight-color: transparent
        }

        .casino__providers .backdrop:before,
        .casino__providers nav {
            position: absolute;
            top: 190.2px;
            height: calc(100dvh - 250.2px)
        }

        .casino__providers nav {
            right: 0;
            width: 220px;
            overflow-y: auto;
            overflow-y: overlay;
            transform: translateX(100%);
            background-color: #060d18;
            transition: transform 225ms cubic-bezier(.4, 0, .2, 1);
            scrollbar-width: none;
            -ms-overflow-style: none
        }

        .casino__providers nav::-webkit-scrollbar {
            display: none
        }

        .casino__providers.open {
            pointer-events: all
        }

        .casino__providers.open nav {
            transform: translateX(0)
        }

        .casino__providers ul {
            display: grid;
            grid-gap: 1px
        }

        .casino__providers label {
            display: grid;
            position: relative;
            width: 100%;
            cursor: pointer;
            color: #fff;
            background-color: #1d2b43;
            grid-template-columns: 2rem 1fr
        }

        .casino__providers label div {
            height: 100%;
            font-size: .875rem;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .casino__providers label span {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            font-weight: 700;
            font-size: .75rem;
            white-space: nowrap;
            padding: .625rem .5rem
        }

        .casino__providers label span em {
            border-radius: 8px;
            font-style: normal;
            padding: .125rem .5rem;
            background-color: #4a5059
        }

        .casino__providers label input {
            position: absolute;
            visibility: hidden
        }

        .casino__providers label.app-link--active {
            color: #dfbb06
        }

        .casino--d {
            grid-gap: .5rem;
            margin-top: .5rem
        }

        .casino--d .casino__banner {
            width: 100%;
            transform: unset;
            overflow: hidden;
            border-radius: 5px
        }

        .casino--d .casino__search {
            padding: .25rem .75rem;
            top: 54px
        }

        .casino--d .page-nav {
            top: 95px
        }

        .casino--d .casino__providers .backdrop:before,
        .casino--d .casino__providers nav {
            top: 54px;
            height: calc(100dvh - 54px)
        }

        .full-width {
            margin-left: -8px;
            margin-right: -8px
        }

        .sns-carousel__container {
            display: grid;
            grid-gap: .5rem;
            grid-auto-flow: column;
            grid-auto-columns: 40%;
        }

        .sns-carousel {
            width: 100%;
            overflow: hidden;
        }

        .sns-game__container {
            position: relative;
            height: 0;
            padding-bottom: 66.85083%;
        }

        .sns-game img {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            will-change: opacity;
            border-radius: 5px;
            transition: opacity .2s ease;
        }

        .sns-game__info {
            font-size: .75rem;
        }

        .sns-game__info em {
            color: #dfbb06;
            font-weight: 700;
            font-style: normal;
        }

        .sns-game__info u {
            text-decoration: none;
            color: hsla(0, 0%, 100%, .38);
        }

        .sns-game__info span {
            font-weight: 700;
            font-style: normal;
            color: hsla(0, 0%, 100%, .6);
        }

        .app-menu ul .app-menu__item a.app-link--active .app-menu--active {
            bottom: 0;
        }

        .app-menu ul .app-menu__item a.app-link--active {
            color: #dfbb06;
        }

        .game-item__skeleton::before {
            content: "";
            display: block;
            position: absolute;
            inset: 0;
            transform: translateX(-100%);
            background: linear-gradient(90deg, transparent 0, #4a5059 50%, transparent);
            -webkit-animation: skeleton 1.2s cubic-bezier(.4, 0, .2, 1) infinite;
            animation: skeleton 1.2s cubic-bezier(.4, 0, .2, 1) infinite;
            will-change: transform;
        }

        @keyframes skeleton {
            100% {
                transform: translateX(100%);
            }
        }

        .game-item__skeleton {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #1d2b43;
        }

        .game-item__img,
        .game-item__provider {
            position: absolute;
            top: 0;
            opacity: 1;
            will-change: opacity;
            transition: opacity .2s ease;
        }

        .register-form-1__fields .field__header {
            color: #dfbb06;
            text-transform: uppercase;
            margin-bottom: .5rem;
        }

        .register-form-1__fields .alert {
            grid-column: 1 / -1;
            margin-bottom: 1rem;
        }

        .page-header h3 {
            font-size: 1rem;
        }

        .game-item__name {
            display: block;
            width: 100%;
            font-weight: 700;
            font-size: .625rem;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: .25rem .5rem;
        }

        @media (max-width: 768px) {
            .game-item__skeleton::before {
                animation-duration: 1.1s;
                opacity: .6;
            }
        }

        .tingle-modal * {
            box-sizing: border-box
        }

        .tingle-modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            visibility: hidden;
            -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;
            overflow: hidden;
            background: rgb(0 0 0 / .8);
            opacity: 0;
            cursor: pointer;
            -webkit-transition: -webkit-transform 0.2s;
            transition: transform 0.2s;
            transition: transform 0.2s, -webkit-transform 0.2s
        }

        .tingle-modal--noClose .tingle-modal__close,
        .tingle-modal__closeLabel {
            display: none
        }

        .tingle-modal--confirm .tingle-modal-box {
            text-align: center
        }

        .tingle-modal--noOverlayClose {
            cursor: default
        }

        .tingle-modal__close {
            position: fixed;
            top: 10px;
            right: 28px;
            z-index: 1000;
            padding: 0;
            width: 5rem;
            height: 5rem;
            border: none;
            background-color: #fff0;
            color: #f0f0f0;
            font-size: 6rem;
            font-family: monospace;
            line-height: 1;
            cursor: pointer;
            -webkit-transition: color 0.3s;
            transition: color 0.3s
        }

        .tingle-modal__close:hover {
            color: #fff
        }

        .tingle-modal-box {
            position: relative;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-top: auto;
            margin-bottom: auto;
            width: 60%;
            border-radius: 4px;
            background: #fff;
            opacity: 1;
            cursor: auto;
            -webkit-transition: -webkit-transform 0.3s cubic-bezier(.175, .885, .32, 1.275);
            transition: transform 0.3s cubic-bezier(.175, .885, .32, 1.275);
            transition: transform 0.3s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform 0.3s cubic-bezier(.175, .885, .32, 1.275);
            -webkit-transform: scale(.8);
            -ms-transform: scale(.8);
            transform: scale(.8)
        }

        .tingle-modal-box__footer {
            padding: 1.5rem 2rem;
            width: auto;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            background-color: #f5f5f5;
            cursor: auto
        }

        .tingle-modal-box__footer::after {
            display: table;
            clear: both;
            content: ""
        }

        .tingle-modal-box__footer--sticky {
            position: fixed;
            bottom: -200px;
            z-index: 10001;
            opacity: 1;
            -webkit-transition: bottom 0.3s ease-in-out 0.3s;
            transition: bottom 0.3s ease-in-out 0.3s
        }

        .tingle-enabled {
            overflow: hidden;
            height: 100%
        }

        .tingle-modal--visible .tingle-modal-box__footer {
            bottom: 0
        }

        .tingle-enabled .tingle-content-wrapper {
            -webkit-filter: blur(15px);
            filter: blur(15px)
        }

        .tingle-modal--visible {
            visibility: visible;
            opacity: 1
        }

        .tingle-modal--visible .tingle-modal-box {
            -webkit-transform: scale(.92);
            -ms-transform: scale(.92);
            transform: scale(.92)
        }

        .tingle-modal--overflow {
            overflow-y: scroll;
            padding-top: 8vh
        }

        .tingle-btn {
            display: inline-block;
            margin: 0 .5rem;
            padding: 1rem 2rem;
            border: none;
            background-color: grey;
            box-shadow: none;
            color: #fff;
            vertical-align: middle;
            text-decoration: none;
            font-size: inherit;
            font-family: inherit;
            line-height: normal;
            cursor: pointer;
            -webkit-transition: background-color 0.4s;
            transition: background-color 0.4s
        }

        .tingle-btn--primary {
            background-color: #3498db
        }

        .tingle-btn--danger {
            background-color: #e74c3c
        }

        .tingle-btn--default {
            background-color: #34495e
        }

        .tingle-btn--pull-left {
            float: left
        }

        .tingle-btn--pull-right {
            float: right
        }

        @media (max-width: 540px) {
            .tingle-modal-box {
                width: auto;
                border-radius: 0
            }

            .tingle-modal-box__content {
                overflow-y: scroll
            }

            .tingle-modal--noClose {
                top: 0
            }

            .tingle-modal--noOverlayClose {
                padding-top: 0
            }

            .tingle-modal-box__footer .tingle-btn {
                display: block;
                float: none;
                margin-bottom: 1rem;
                width: 100%
            }

            .tingle-modal__close {
                top: 0;
                right: 0;
                left: 0;
                display: block !important;
                width: 100%;
                height: 60px;
                border: none;
                background-color: #2c3e50;
                box-shadow: none;
                color: #fff;
                line-height: 55px
            }

            .tingle-modal__closeLabel {
                display: inline-block;
                vertical-align: middle;
                font-size: 1.5rem;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
            }

            .tingle-modal__closeIcon {
                display: inline-block;
                margin-right: .5rem;
                vertical-align: middle;
                font-size: 4rem
            }
        }

        .tingle-modal-box__content {
            padding: 0 !important;
            overflow: hidden
        }

        .swal2-container,
        #overlay,
        #spinner,
        .tingle-modal {
            z-index: 999999999
        }

        .modal__root {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1050;
        }

        .modal__surface {
            width: 100%;
            max-width: 500px;
            margin: auto;
        }

        .login__container {
            background-color: #fff;
        }

        .login__form {
            width: 80vw;
            max-width: 350px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .login__message {
            width: 100%;
            font-style: italic;
            font-size: 0.75rem;
            margin-bottom: 1rem;
            color: #000;
        }

        .login__extra {
            margin-top: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .login__extra a {
            color: #000;
            padding: 0.25rem;
            font-weight: 500;
            text-decoration: underline;
        }

        .login__error {
            display: block;
            color: #ff4d4d;
            margin: 0.5rem 0;
            font-size: 0.875rem;
            text-transform: capitalize;
        }

        .bank-select {
            margin-bottom: 1rem;
        }

        .bank-select--disabled {
            pointer-events: none;
            color: hsla(0, 0%, 100%, 0.38);
        }

        .bank-select__label {
            display: block;
            font-size: 0.875rem;
            margin-bottom: 0.25rem;
        }

        .bank-select__body {
            display: grid;
            overflow: hidden;
            grid-gap: 0.5rem;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .bank-select__item {
            position: relative;
            overflow: hidden;
            height: 60px;
            background-color: #4a5059;
            border-radius: 5px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            transition: background-color 0.2s ease;
        }

        .bank-select__item--active .bank-select__icon {
            color: #139c44;
        }

        @media (hover: hover) and (min-width: 1024px) {
            .bank-select__item:hover {
                background-color: #3e434b;
            }
        }

        .bank-select__icon {
            position: absolute;
            left: 0.625rem;
            pointer-events: none;
        }

        .bank-select label {
            display: flex;
            height: 100%;
            cursor: pointer;
            padding: 0.5rem 0.5rem 0.5rem 2rem;
        }

        .bank-select label img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

        .bank-select__input {
            position: absolute;
            visibility: hidden;
        }

        .bank-select--d .bank-select__body {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .preset-amounts {
            margin-bottom: 1rem;
        }

        .preset-amounts .app-button {
            width: 100%;
            margin-bottom: 1rem;
        }

        .preset-amounts__label {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            font-size: 0.875rem;
            margin-bottom: 0.25rem;
        }

        .preset-amounts__label button {
            font-size: 1rem;
            color: #fff;
        }

        .preset-amounts__body {
            display: grid;
            grid-gap: 0.5rem;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        @media (max-width: 400px) {
            .preset-amounts__body {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        .bonus-panel {
            margin-bottom: 1rem;
        }

        .bonus-panel__select {
            overflow: hidden;
            margin-bottom: 0.5rem;
            border-radius: 5px;
            border: 1px solid hsla(0, 0%, 100%, 0.6);
        }

        .bonus-panel__current {
            display: grid;
            padding: 0.5rem;
            grid-gap: 0.25rem;
            align-items: center;
            border-radius: 5px;
            border: 1px solid #139c44;
            grid-template-columns: 1fr auto;
        }

        .bonus-panel__current>div,
        .bonus-panel__current>i,
        .bonus-panel__current h3,
        .bonus-panel__current h5 {
            grid-column: 1/2;
        }

        .bonus-panel__current a {
            grid-row: 1/4;
        }

        .bonus-panel__current--disabled {
            border-color: #fdd835;
        }

        .bonus-panel__details {
            grid-row: 3/4;
            font-size: 0.75rem;
            display: grid;
            grid-gap: 1rem;
            grid-template-columns: auto 1fr;
        }

        .bonus-panel__details i {
            color: #fdd835;
        }

        .bonus-panel__details p {
            display: flex;
            flex-direction: column;
        }

        .bonus-panel__details p span,
        .bonus-panel__details p strong {
            margin: 0.125rem 0;
        }

        .bonus-panel header {
            display: flex;
            align-items: center;
            position: relative;
        }

        .bonus-panel header i {
            position: absolute;
            left: 0.5rem;
            pointer-events: none;
        }

        .bonus-panel header i[class*="arrow-"] {
            left: unset;
            right: 0.5rem;
        }

        .bonus-panel header button {
            width: 100%;
            font-size: 0.875rem;
            color: #fff;
            padding: 0.375rem 1.5rem;
        }

        .bonus-panel header button:disabled,
        .bonus-panel header button:hover:disabled {
            cursor: not-allowed;
            color: hsla(0, 0%, 100%, 0.38);
            background-color: #4a5059;
        }

        .bonus-panel header.bonus-panel--disabled i {
            color: hsla(0, 0%, 100%, 0.38);
        }

        .bonus-panel input {
            position: absolute;
            visibility: hidden;
        }

        .bonus-panel__options {
            display: grid;
            grid-gap: 1px;
            overflow: hidden;
            transition: max-height 0.2s ease;
        }

        .bonus-panel__item {
            display: grid;
            padding: 0.5rem;
            grid-gap: 0.5rem;
            align-items: center;
            background-color: #1d2b43;
            grid-template-columns: auto 1fr auto;
        }

        .bank-select {
            margin-bottom: 1rem;
        }

        .bank-select--disabled {
            pointer-events: none;
            color: hsla(0, 0%, 100%, 0.38);
        }

        .bank-select__label {
            display: block;
            font-size: 0.875rem;
            margin-bottom: 0.25rem;
        }

        .bank-select__body {
            display: grid;
            overflow: hidden;
            grid-gap: 0.5rem;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .bank-select__item {
            position: relative;
            overflow: hidden;
            height: 60px;
            background-color: #4a5059;
            border-radius: 5px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            transition: background-color 0.2s ease;
        }

        .bank-select__item--active .bank-select__icon {
            color: #139c44;
        }

        @media (hover: hover) and (min-width: 1024px) {
            .bank-select__item:hover {
                background-color: #3e434b;
            }
        }

        .bank-select__icon {
            position: absolute;
            left: 0.625rem;
            pointer-events: none;
        }

        .bank-select label {
            display: flex;
            height: 100%;
            cursor: pointer;
            padding: 0.5rem 0.5rem 0.5rem 2rem;
        }

        .bank-select label img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

        .bank-select__input {
            position: absolute;
            visibility: hidden;
        }

        .bank-select--d .bank-select__body {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .wallet-detail {
            margin-bottom: 1rem;
        }

        .wallet-detail__label {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            font-size: 0.875rem;
            margin-bottom: 0.25rem;
        }

        .wallet-detail__body {
            position: relative;
            display: grid;
            grid-gap: 0.25rem;
            overflow: hidden;
            padding: 0.25rem 0;
            font-size: 0.75rem;
            justify-content: start;
            grid-template-columns: auto 1fr auto;
            border-radius: 5px;
            background-color: #4a5059;
        }

        .wallet-detail__body.wallet-detail__body--muted label,
        .wallet-detail__body.wallet-detail__body--muted span {
            color: hsla(0, 0%, 100%, 0.6);
        }

        .wallet-detail__btn-copy {
            position: absolute;
            right: 0.5rem;
            bottom: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .wallet-detail__btn-copy.has-qr {
            position: relative;
            left: 0.5rem;
            right: unset;
            bottom: unset;
            grid-row: 2/3;
            grid-column: 1/3;
            justify-self: start;
            align-self: center;
        }

        .wallet-detail__btn-copy.wallet-detail--copied {
            border: 1px solid #139c44;
        }

        .wallet-detail__btn-copy i {
            color: #139c44;
            margin-left: 0.25rem;
        }

        .wallet-detail__labels,
        .wallet-detail__values {
            display: flex;
            flex-direction: column;
        }

        .wallet-detail__labels label,
        .wallet-detail__labels span,
        .wallet-detail__values label,
        .wallet-detail__values span {
            display: flex;
            align-items: center;
            position: relative;
            white-space: nowrap;
            height: 24px;
            padding: 0.25rem 0.5rem;
        }

        .wallet-detail__labels label:after,
        .wallet-detail__values label:after {
            position: absolute;
            right: 0;
            content: ":";
        }

        .wallet-detail__values {
            font-weight: 700;
            letter-spacing: 1px;
            color: #fff;
        }

        .wallet-detail__qr {
            width: 100%;
            max-width: 8rem;
            grid-row: 1/3;
            grid-column: 3/4;
            align-self: center;
            justify-self: center;
            padding: 0.25rem 0.5rem;
        }

        .wallet-detail__qr img {
            display: block;
            width: 100%;
        }

        .no-scroll {
            overflow: hidden;
            height: 100%;
        }

        .account .form-heading {
            color: #dfbb06;
            margin: 0.5rem 0;
            text-transform: uppercase;
        }

        .account form {
            margin-bottom: 1rem;
        }

        .account .user-form {
            padding-bottom: 1rem;
        }

        .account .account__bank,
        .account .user-form {
            border-bottom: 1px solid rgba(213, 214, 213, 0.1);
        }

        .account .alert {
            margin-bottom: 1rem;
        }

        .account .btn--change-address {
            display: block;
            margin: 0 auto 1rem;
        }

        .account--d {
            margin-top: 0.5rem;
            padding: 2rem 3rem;
            background-color: #1d2b43;
            display: grid;
            align-items: start;
            grid-row-gap: 1rem;
            grid-column-gap: 1rem;
            grid-template-columns: repeat(9, minmax(0, 1fr));
        }

        .account--d .page-header {
            grid-column: 1/-1;
        }

        .account--d .form-heading {
            margin-top: 0;
        }

        .account--d .account__bank,
        .account--d form {
            padding: 1rem;
            margin-bottom: 0;
            background-color: #060d18;
            border-radius: 5px;
        }

        .account--d .account__bank .btn,
        .account--d form .btn {
            max-width: 20rem;
            margin: 0 auto;
        }

        .account--d .account__bank,
        .account--d .user-form {
            grid-column: 1/7;
            border-bottom: none;
        }

        .account--d .reset-password-form {
            grid-row: 2/3;
            grid-column: 7/10;
        }

        .account--d .account--editable,
        .account--d .account--locked,
        .account--d .account__bank {
            display: grid;
            grid-column-gap: 1rem;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .account--d .account__bank .form-heading {
            grid-column: 1/-1;
        }

        .account--d .input-confirm {
            width: unset;
            grid-column: 1/-1;
            justify-self: start;
        }

        .account--d .btn--change-address {
            grid-column: 1/-1;
        }

        .date-select .date-select__wrapper {
            width: 100%;
        }

        .date-select .date-select__calendar {
            border: none;
            margin-top: 0.5rem;
            border-radius: 5px;
            background-color: #4a5059;
        }

        .date-select .date-select__calendar .prev:after {
            border-right-color: #fff;
        }

        .date-select .date-select__calendar .next:after {
            border-left-color: #fff;
        }

        .date-select .date-select__calendar .next:not(.disabled):hover,
        .date-select .date-select__calendar .prev:not(.disabled):hover,
        .date-select .date-select__calendar .up:not(.disabled):hover {
            background: unset;
        }

        .date-select .date-select__calendar .cell {
            border: none;
            font-size: 0.875rem;
            height: 34px;
            line-height: 34px;
        }

        .date-select .date-select__calendar .cell.selected {
            background: unset;
            color: #dfbb06;
        }

        .date-select .date-select__calendar .cell.disabled {
            color: hsla(0, 0%, 100%, 0.38);
        }

        .date-select .date-select__calendar .cell:not(.blank):not(.disabled).day:hover,
        .date-select .date-select__calendar .cell:not(.blank):not(.disabled).month:hover,
        .date-select .date-select__calendar .cell:not(.blank):not(.disabled).year:hover {
            border: none;
            color: #dfbb06;
        }

        .input__placeholder {
            position: relative;
            overflow: hidden;
            margin-bottom: 1rem;
        }

        .input__placeholder label {
            display: block;
            font-size: 0.875rem;
            margin-bottom: 0.25rem;
        }

        .input__placeholder .input__root {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .input__placeholder .input__root .input {
            color: hsla(0, 0%, 100%, 0.38);
            border-color: hsla(0, 0%, 100%, 0.38);
            min-width: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .input__placeholder .input__root .input--inverse {
            color: #000;
            background-color: #f0f0f0;
            border-color: transparent;
        }

        .input__placeholder .input__root .input__icon {
            position: absolute;
            left: 0.5rem;
        }

        .input__placeholder .input__root button {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            padding: 0.375rem 0.5rem;
        }

        .input__placeholder .input__root button.copied i {
            color: #139c44;
        }

        .history__content {
            margin: 0.5rem 0;
        }

        .history__group {
            margin-bottom: 2rem;
        }

        .history__group li {
            margin: 0.75rem 0;
        }

        .history__group:last-child {
            margin-bottom: 0;
        }

        .history .alert {
            margin: 1rem 0;
        }

        .history--d {
            margin-top: 0.5rem;
            padding: 2rem 3rem;
            background-color: #1d2b43;
        }

        .bonuses {
            min-height: calc(100vh - 150px);
        }

        .bonuses .pagination {
            margin: 0.5rem 0;
        }

        .bonuses__nav {
            margin-top: 0.5rem;
        }

        .bonuses__nav ul {
            display: flex;
            overflow: hidden;
            border-radius: 5px;
        }

        .bonuses__nav ul li {
            flex: 1 1 33.33333%;
            margin-right: 1px;
        }

        .bonuses__nav ul li:last-child {
            margin-right: 0;
        }

        .bonuses__nav ul li .btn {
            width: 100%;
            border-radius: 0;
        }

        .bonuses__nav ul li.bonuses__nav--active .btn {
            color: #dfbb06;
            background-color: #060d18;
        }

        @media (min-width: 1024px) {
            .bonuses__nav ul {
                display: inline-flex;
            }
        }

        .bonuses__content {
            overflow: hidden;
            margin-top: 0.5rem;
        }

        .bonuses--d {
            min-height: unset;
            margin-top: 0.5rem;
            padding: 2rem 3rem;
            background-color: #1d2b43;
        }

        .bonuses--d .bonuses__content {
            overflow: hidden;
            border-radius: 5px;
        }

        .bonuses--d .bonuses__content header {
            padding: 0.5rem;
            font-weight: 500;
            font-size: 0.875rem;
            background-color: #c98b07;
            display: grid;
            grid-gap: 0.25rem;
            justify-items: center;
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }

        .bonuses--d .bonuses__content header .bonus-item__name {
            grid-column: span 2;
        }

        .promotions {
            margin: 0.5rem 0;
        }

        @media (min-width: 1024px) {
            .promotions {
                margin-bottom: 1rem;
            }
        }

        .promotions .promotions-nav {
            margin-bottom: 1rem;
        }

        .promotions .promotions-nav ul {
            display: flex;
            overflow: auto;
            -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
        }

        .promotions .promotions-nav ul::-webkit-scrollbar {
            display: none;
        }

        .promotions .promotions-nav li {
            flex: 1 1 20%;
            padding: 0 0.25rem;
            scroll-snap-align: center;
        }

        .promotions .promotions-nav li:first-child {
            padding-left: 0;
        }

        .promotions .promotions-nav li:last-child {
            padding-right: 0;
        }

        .promotions .promotions-nav li .app-link--exact-active {
            background-color: #dfbb06;
        }

        .promotion {
            font-size: 0.75rem;
            overflow: hidden;
            border-radius: 5px;
            background-color: #1d2b43;
        }

        .promotion img {
            width: 100%;
        }

        .promotion h2 {
            padding: 0.25rem;
            text-align: center;
            text-transform: uppercase;
        }

        .promotion p {
            margin: 0.25rem 0;
        }

        .promotion p:first-child {
            margin-top: 0;
        }

        .promotion__end {
            padding: 0.375rem 0.5rem;
            font-size: 0.75rem;
            color: hsla(0, 0%, 100%, 0.6);
            background-color: #1d2b43;
            border-bottom: 1px solid #060d18;
        }

        .promotion__content {
            padding: 0.5rem;
        }

        .promotion__content table {
            width: 100%;
            border: none;
            margin: 0 auto;
            text-align: center;
            border-collapse: collapse;
        }

        .promotion__content table td,
        .promotion__content table th {
            border: 1px solid #fff;
            padding: 0.5rem 0.25rem;
        }

        .promotion__content ol,
        .promotion__content ul {
            list-style-position: inside;
        }

        .promotion--d {
            font-size: 0.875rem;
        }

        .promotion--d .promotion__content {
            padding: 1rem 5rem;
            margin: 0 auto;
        }

        .promotion--d .promotion__content td,
        .promotion--d .promotion__content th {
            padding: 0.5rem 1rem;
        }

        .withdraw .withdraw-content {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        .withdraw--d {
            display: grid;
            align-items: start;
            padding: 2rem 3rem;
            margin-top: 0.5rem;
            grid-column-gap: 2rem;
            background-color: #1d2b43;
            grid-template-columns: repeat(9, minmax(0, 1fr));
        }

        .withdraw--d .page-header {
            grid-column: 1/-1;
        }

        .withdraw--d .side-nav {
            grid-column: 1/3;
        }

        .withdraw--d .withdraw-content {
            grid-column: 3/-1;
        }

        .activity {
            margin: 0.5rem 0;
        }

        .activity__nav {
            width: calc(100% + 1rem);
            transform: translateX(-0.5rem);
        }

        @media (min-width: 1024px) {
            .activity__nav {
                width: auto;
                transform: unset;
            }
        }

        .activity__nav ul {
            display: flex;
            overflow-x: scroll;
            overflow-x: overlay;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-behavior: smooth;
            -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
        }

        .activity__nav ul::-webkit-scrollbar {
            display: none;
        }

        .activity__nav ul li {
            scroll-snap-align: start;
        }

        .activity__nav ul li:last-child {
            margin-right: 0;
        }

        .activity__nav ul li .btn {
            width: 100%;
            border-radius: 0;
        }

        .activity__nav ul li.activity__nav--active .btn {
            color: #dfbb06;
            background-color: #060d18;
        }

        @media (min-width: 1024px) {
            .activity__nav ul {
                display: inline-flex;
            }
        }

        .activity aside {
            padding: 0.5rem;
            background-color: #060d18;
        }

        .activity__content {
            overflow: hidden;
            margin-top: 0.5rem;
            border-radius: 5px;
            background-color: #060d18;
        }

        @media (min-width: 1024px) {
            .activity__content {
                margin-top: 1rem;
            }
        }

        .activity__content__header {
            padding: 0.5rem;
            font-weight: 500;
            font-size: 0.875rem;
            color: #fff;
            background-color: #c98b07;
            display: grid;
            grid-gap: 0.5rem;
            justify-items: center;
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }

        .activity__content__header--coupon {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }

        .activity__item {
            display: grid;
            padding: 0.5rem;
            font-size: 0.875rem;
            grid-row-gap: 0.5rem;
            align-items: center;
            justify-items: start;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .activity__item:nth-child(2n) {
            background-color: #1d2b43;
        }

        .activity__item--coupon .activity__item__type {
            justify-self: end;
        }

        .activity__item__created,
        .activity__item__date,
        .activity__item__updated {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-family: Avenir, "Helvetica Neue", Arial, sans-serif;
            font-weight: 300;
        }

        .activity__item__amount,
        .activity__item__date,
        .activity__item__gain,
        .activity__item__provider,
        .activity__item__service,
        .activity__item__updated {
            justify-self: end;
        }

        @media (min-width: 1024px) {
            .activity__item {
                grid-gap: 0.5rem;
                justify-items: center;
            }

            .activity__item--casino,
            .activity__item--payment {
                grid-template-columns: repeat(6, minmax(0, 1fr));
            }

            .activity__item--coupon {
                grid-template-columns: repeat(7, minmax(0, 1fr));
            }

            .activity__item--coupon .activity__item__type,
            .activity__item__amount,
            .activity__item__date,
            .activity__item__gain,
            .activity__item__provider,
            .activity__item__service,
            .activity__item__updated {
                justify-self: center;
            }
        }

        .activity__load {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 0.5rem;
        }

        @media (min-width: 1024px) {
            .activity__load {
                margin-top: 1rem;
            }
        }
        .toasted-container.app-toast.top-left {
    padding: 0 .5rem;
    left: unset;
    top: calc(90px + .5rem);
    position: fixed;
    z-index: 9999;
}

.toasted-container.app-toast.top-left.app-toast--d {
    top: calc(54px + .5rem);
}

.toasted-container.app-toast.top-left.app-toast--d .toasted.app-toast {
    max-width: 300px;
}

.toasted-container.app-toast.top-left.app-toast--d .toasted.app-toast:first-child {
    margin-top: 0;
}

.toasted-container.app-toast .toasted.app-toast {
    position: relative;
    display: grid;
    overflow: hidden;
    grid-column-gap: .5rem;
    min-height: 60px;
    max-width: calc(100vw - 50px);
    grid-template-columns: 4rem 1fr 2rem;
    padding: 0;
    font-weight: 400;
    line-height: normal;
    font-size: .875rem;
    color: #fff;
    border-radius: 5px;
    background-color: #4a5059;
    filter: drop-shadow(.1rem .1rem .1rem #060d18);
    margin-bottom: .5rem;
}

.toasted-container.app-toast .toasted.app-toast:after {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: .25rem;
    background-color: rgba(223, 187, 6, .5);
    -webkit-animation: countdown 4s linear forwards;
    animation: countdown 4s linear forwards;
}

.toasted-container.app-toast .toasted.app-toast>i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 4rem;
    padding: .5rem;
    font-size: 1.25rem;
    color: #fff;
    background-color: #4a5059;
}

.toasted-container.app-toast .toasted.app-toast>i:before {
    filter: drop-shadow(.1rem .1rem .1rem #060d18);
}

.toasted-container.app-toast .toasted.app-toast a.action {
    justify-self: center;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
}

.toasted-container.app-toast .toasted.app-toast>span {
    display: block;
    padding: .5rem 0;
    font-size: .75rem;
    align-self: center;
}

.toasted-container.app-toast .toasted.app-toast.toast--success {
    background-color: #1d2b43;
}

.toasted-container.app-toast .toasted.app-toast.toast--success i {
    color: #139c44;
}

.toasted-container.app-toast .toasted.app-toast.toast--error,
.toasted-container.app-toast .toasted.app-toast.toast--info {
    background-color: #1d2b43;
}

.toasted-container.app-toast .toasted.app-toast.toast--error i {
    color: #ff4d4d;
}

.page-enter-active,
.page-leave-active {
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
}

.page-enter,
.page-leave-to {
    opacity: 0;
}

@keyframes countdown {
    from { width: 100%; }
    to { width: 0; }
}