@import url("https://p.typekit.net/p.css?s=1&k=aba0ebl&ht=tk&f=139.173.175.176.10296&a=6570577&app=typekit&e=css");

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/l?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/d?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/a?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/l?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/d?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/3322cc/00000000000000007735e616/30/a?primer=9e9145798bfc6b7954a6cb7abc2ead67980260945baf1d129a2d2e98d0352745&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

:root {
    --primary: #1a2c38;
    --secondary: #111;
    --third: #222;
}

* {
    box-sizing: border-box;
    outline: none;
}

*, :after, :before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-size: inherit;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


::-webkit-scrollbar {
    width:6px;
    height:6px;
}

::-webkit-scrollbar-thumb {
    background: #2f4553;
    border-radius: 10px;
    width:6px;
    height:6px;
}

.scrollX {
    overflow-y:hidden;
}

body {
    margin:0;
    font-family: proxima-nova,sans-serif;
    background: #1a2c38;
    color: #b1bad3;
    box-sizing: border-box;
    line-height: 1;
}
.container {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 3vw;
}
a {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
a, button {
    outline: none;
    -webkit-user-select: none !important;
    user-select: none !important;
}

button, input, select, textarea {
    cursor: pointer;
    padding: 0;
    border: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.5;
    appearance: none;
}
button, a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
}
ul, ol, dl {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.text-small {
    font-size:.875rem;
}

.svg-icon {
    pointer-events: none;
    stroke-width: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 1em;
    height: 1em;
    color:#fff;
    fill:#fff;
}
.svg-icon[fill="currentColor"] {
    color: #b1bad3;
    fill: #b1bad3;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
}

.text-center {text-align: center !important;
    justify-content: center !important;
}
.text-left {
    text-align:left !important;
}
.text-right {
    text-align:right !important;
}
.bold {
    font-weight:600;
}
.hide-scrollbar {
    scrollbar-width: none
}
.white {
    color:#fff;
}
.blue {
    color: #1475e1;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none
}
[popup] {
    cursor: pointer;
}
.text-mute {
   color: #b1bad3;
   line-height: 1.5;
   font-size:.875rem;
    font-weight: 400;
}

#wrap {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    font-weight: 600;
    touch-action: manipulation;
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .2s,color .2s;
    flex-shrink: 0;
    border-radius: .25rem;
    color: #fff;
    background: #1475e1;
    padding: .9375rem 1.25rem;
    box-shadow: 0rem .0625rem .1875rem #00000033 , 0rem .0625rem .125rem #0000001f;
}
.button.secondary {
    background-color: #2f4553;
    font-size: .875rem;
    line-height: 1;
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.button:hover {
    background:#105eb4;
}
.button.secondary:hover {
    background:#557086;
}
.button.transparent {
    background: transparent;
    box-shadow: 0rem 0 0 #00000033;
}
.p0 {
    padding:0;
}
.hidden {
    display:none !important;
}

button[disabled],
.button[disabled],
.button.disabled {
    opacity: .8 !important;
    cursor: not-allowed !important;
}

.d-block {
    display:block;
}
.d-flex {
    display:flex;
}
.d-grid {
    display:grid;
}
.align-items-center{
    align-items: center;
}
.justify-content-center {
    justify-content: center;
}
.justify-space-between {
    justify-content: space-between;
}
.direction-row {
    flex-direction: row;
}
.direction-column {
    flex-direction: column;
}
/* Menu */
.sidemenu {
    word-wrap: break-word;
    position: relative;
    background: #0f212e;
    filter: drop-shadow(0 0 5px rgba(25,25,25,.25));
    display: flex;
    flex-direction: column;
    z-index: 900;
    flex-shrink: 0;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 240px;
    z-index: 2000;
    transition: all .3s ease;
}
.sidemenu.collapse {
    width: 60px;
}
.menu-btn {
    display: flex;
    padding: 0 1rem 0 0;
    touch-action: none;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);
    align-items: center;
}
.menu-btn button {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    min-width: 3.75rem;
    height: 3.75rem;
    border-radius: .25rem;
}
.menu-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}
.menu-content_inner {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    scrollbar-width: thin;
}
.sidemenu.collapse .menu-content_inner {
    padding:1rem .5rem;
}
.menu-section {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: #1a2c38;
    border-radius: .25rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.menu-item {
    /*cursor: pointer;*/
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: .5rem;
    height: 45px;
    padding: .8125rem 1rem;
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    transition: background-color .2s;
    width: 100%;
    transform: none!important;
    position: relative;
}
.menu-item .svg-icon {
    width: 0.875rem;
    height: 0.875rem;
    transition: color .2s;
    color: #b1bad3;
}

.menu-item:hover:not(.disabled), .menu-item.active:not(.disabled) {
    background-color: #213743;
}
.menu-item:hover:not(.disabled) svg, .menu-item.active:not(.disabled) svg {
    fill:#fff;
    color:#fff;
}
.sidemenu.collapse .menu-content_inner, .sidemenu.collapse .menu-section, .sidemenu.collapse .menu-content {
    overflow-y: visible;
    overflow-x: visible;
}
.sidemenu.collapse .menu-item span {
    display:none;
    position: absolute;
    background: #ddd;
    color: #000;
    padding: 7.55px 15px;
    border-radius: 0.2rem;
    top: -20px;
    left: -5px;
    z-index: 999999;
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}
.sidemenu.collapse .menu-item:hover span {
    display:block;
}

.sidemenu.collapse .menu-item span:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ddd;
    position:absolute;
    top:28px;
    left:23px;
}

.sidemenu.collapse .hide-collapse {
    display:none;
}

.submenu-section [toggle-slide] {
    cursor: pointer;
    
}
.submenu-section [toggle-slide]:after {
    content: "";
    background-color: #2f4553;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white' viewBox='0 0 64 64' class='svg-icon'%3E%3Cpath d='M32.271 49.763 9.201 26.692l6.928-6.93 16.145 16.145 16.144-16.144 6.93 6.929-23.072 23.07h-.005Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    position: absolute;
    right: 10px;
    transform: rotate(270deg);
    transition: all .2s;
}
.collapse .submenu-section [toggle-slide]:after {
    display: none;
}
.submenu-section .active[toggle-slide]:after {
    transform: rotate(0deg);
    background-color:#105eb4;
}

.menu-section .hr {
    background: #2f4553;
    height: 2px;
    width: 100%;
}

.submenu-section .submenu-wrap {
    background: #213743;
}
.submenu-section .submenu-wrap a:hover {
    background: #2f4553;
}

.collapse .menu-section:not(.has_submenu) div.menu-item, .collapse .menu-section:not(.has_submenu) div.hr {
    display:none;
}
.submenu-section {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.casino-btn {
    background: url("/assets/images/casino-btn-green.jpg");
    width: 78px;
    height: 39px;
    background-repeat: no-repeat;
    border-radius: .25rem;
    text-shadow: 0 1px 2px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.2);
    font-weight: bold;
    font-size: .875rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.casino-btn:not(.small):before {
    content: "CASINO";
}

.casino-btn.small {
    background: url(/assets/images/casino-btn-green-small.jpg);
    width: 44px;
    height: 44px;
}

.sidemenu.collapse .casino-btn:not(.small),
.sidemenu:not(.collapse) .casino-btn.small {
    display: none;
}

.sport-btn {
    background: url("/assets/images/sports-btn-orange.jpg");
    width: 78px;
    height: 39px;
    background-repeat: no-repeat;
    border-radius: .25rem;
    text-shadow: 0 1px 2px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.2);
    font-weight: bold;
    font-size: .875rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:5px;
}

.sport-btn:not(.small):before {
    content: "SPORTS";
}

.sport-btn.small {
    background: url(/assets/images/sports-btn-orange-small.jpg);
    width: 44px;
    height: 44px;
    margin-top:5px;
    margin-left:0;
}

.sidemenu.collapse .sport-btn:not(.small),
.sidemenu:not(.collapse) .sport-btn.small {
    display: none;
}

/* Header */
header.header {
    width: 100%;
    height: 60px;
    background: #1a2c38;
    align-items: center;
    display: flex;
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
    position: fixed;
    z-index: 1994;
    left: 0;
    top: 0;
    right: 0;
    padding: 0 0 0 50px;
}
.header-container {
    grid-template-columns: auto 1fr;
}
body.authenticated .header-container {
    grid-template-columns: 1fr auto 1fr;
    gap:1rem;
}
.header-container {
    position: relative;
    display: grid;
    width: 100%;
    align-items: center;
}

.header-container a:first-child img {
    width:149px !important;
    
}
.stack,
.stacked {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-end;
}

.g-0-25 {
    gap:.25rem;
}

.g-0-5 {
    gap:.5rem;
}
.g-1 {
    gap:1rem;
}
.g-1-5 {
    gap:1.5rem;
}
.g-2 {
    gap:2rem;
}

.cash {
    max-width: 8.5ch;
    display: block;
    color: #fff;
    font-size:.875rem;
}
.currency svg {
    height: 12px;
}
.error {
    color: #f2708a;
}

.success {
    color:#00b801;
}
/* Main wrap */
#app {
    display: flex;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    flex-direction: column;
    overflow-x:hidden;
}
body.menu-open #app {
    margin-left: 175px;
}

.menu-open header.header {
    padding:0 0 0 230px
}
/* Page */
content.content {
    margin: 60px 0 0;
}
.game content.content {
    margin: 100px 0 0;
}

/* search */
.search-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top:1.5rem;
}
.search-wrap .input-wrap {
    width: 100%;
    color: #fff;
    background: #0f212e;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
    border: 2px solid #2f4553;
    letter-spacing: 0;
    font-weight: 600;
    transition: all .25s;
    outline: 0;
    margin: 0;
    cursor: text;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: .875rem;
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 0 1rem;
}
.input-wrap:focus-within, .input-wrap:hover {
    color: #fff;
    border-color: #557086;
}
.search-icon {
    z-index: 2;
    color: #557086;
    font-size: 1.25rem;
    margin-bottom: -3px;
}
input, select {
    width: 100%;
    outline: 0;
    background: #0f212e;
    color: #fff;
    padding: .5rem;
    cursor: text;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #566671
}

input::-moz-placeholder {
    color: #566671
}

input:-ms-input-placeholder {
    color: #566671
}

input:-moz-placeholder {
    color: #566671
}

input:focus,input:hover {
    color: #fff
}
.cross-icon {
    background: 0 0;
    z-index: 2;
    font-size: 1.25rem;
    margin-right: -15px;
    padding: .5rem 1rem;
}
.cross-icon button {
    padding: 0;
    color:#b1bad3;
}
.cross-icon svg {
    width:14px;
    height: 14px;
}

.search-result {
    background: #0f212e;
    text-align: center;
    font-size:.875rem;
    padding: 1rem;
    color:#fff;
    border-radius:.25rem;
    margin:10px 0;
}

.search-games {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    box-shadow: 0 4px 6px -1px rgba(27, 23, 23, .2), 0 2px 4px -1px rgba(0, 0, 0, .12);
    gap:.5rem;
    overflow:hidden;
    user-select: none;
}

.search-games .game img {
    width: 137px;
    height: 184px;
    border-radius:.25rem;
}

/* Services */
.services {
    margin:1.25rem 0;
}
.service h2 {
    color:#fff;
    line-height: 1.5;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    font-size:1.125rem;
    gap:.5rem;
}
.service img {
    border-radius: .25rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);
    transition: all .25s;
    outline-offset:.125rem;
    height: 235px;
}
.service-title {
    font-size:1.125rem;
    font-weight:700;
    color:#fff;
    line-height: 1.5;
}
.service-content p {
    font-size:.875rem;
    color:#b1bad3;
    font-weight: 400;
    margin-top:.5rem;
    line-height: 1.5;
}

.service button {
    justify-content: center;
    font-size:.875rem;
}
.service:hover img {
    transform: translateY(-.25rem);
}
.service:hover h2 svg {
    color:#fff;
    fill:#fff;
}
/* Home Sponser */
.sponser-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    border-radius: .25rem;
    background: #0f212e;
    margin-top:1.5rem;
}
.sponser-section > * {
    display: flex;
    justify-content: center;
}
.sponser-section > *:first-child {
    justify-content: flex-start;
}
.sponser-section > *:last-child {
    justify-content: flex-end;
}
.sponser-section .sponser-img img {
    height: 80px;
    width: auto;
    border-radius: 0 .25rem .25rem 0;
}
.sponser-payments {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.sponser-payments svg {
    margin: 0 auto;
    max-height: 30px;
    height: 100%;
}

.sponser-section.payment-section {
    padding: 1.5rem;
}

.sponser-section.payment-section h2 {
    color: #fff;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 600;
    
}
/* Welcome */
.welcome {
    color: #fff;
    padding: 4rem 0 0;
    font-weight: 600;
    width: 100%;
    background: #0f212e;
    background-image: url(/assets/images/abstract-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
}
.welcome-wrap {
    width: 400px;
    max-width: 100%;
}

.grid-gapped {
    display: grid;
    grid-auto-flow: row;
    gap: 1rem;
}
.welcome-login {
    display: grid;
    grid-auto-flow: row;
    gap: 1rem;
    justify-content: center;
    text-align: center;
}
.welcome-login h1 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
}
.welcome-login button {
    width:320px;
    border-radius: 50px;
    justify-content: center;
}
.welcome h2 {
    font-size:1.25rem;
    font-weight: 600;
    line-height: 1.5;
}
.welcome-image {
    display: flex;
    background-image: url(/assets/images/welcome-top-en.png);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 200px;
    flex: 1;
}
.progress-header {
    margin:1rem 0 .5rem;
}
.progress-header, .progress-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    font-size:.875rem;
}
.progress-footer {
    color:#b1bad3;
    margin:.5rem 0 0;
}


.bar {
    position: relative;
    width: 100%;
    height: 1em;
    border-radius: 10px;
    background: #2f4553;
    overflow: hidden;
}
.progress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: #1fff20;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);
}
/* Navbar */
.category-tab-wrapper {
    margin-top:1.5rem;
}
.tabs-wrapper {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
    -moz-transform: none!important;
    scrollbar-width: thin;
}
.tabs-wrapper .slider-nav {
    display: flex;
    border-radius: 3rem;
    padding: 5px;
    flex-shrink: 0;
    background: #0f212e;
}
.tabs-wrapper .slider-nav.center {
    margin: 0 auto;
}
.tabs-wrapper .content-wrapper {
    display: flex;
}
.tabs-wrapper .content-wrapper a, .tabs-wrapper .content-wrapper button {
    color: #fff;
    border-radius: 4rem;
    font-size: .875rem;
    padding: .9375rem 1.25rem;
    justify-content: flex-start;
    appearance: none;
    margin: 0;
    line-height: inherit;
    cursor: pointer;
    font-weight: 600;
    touch-action: manipulation;
    position: relative;
    display: inline-flex;
    border: none;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .2s,color .2s;
    flex-shrink: 0;
    margin-left: 5px;
}
.tabs-wrapper .content-wrapper a:first-child, .tabs-wrapper .content-wrapper button:first-child {
    margin-left: 0;
}

.tabs-wrapper .content-wrapper a.active, .tabs-wrapper .content-wrapper a:hover, .tabs-wrapper .content-wrapper button.active, .tabs-wrapper .content-wrapper button:hover {
    background: #2f4553;
}
span.content-or-loader {
    display: inline-flex;
    position: relative;
    align-items: center;
    column-gap: 5px;
}
/* Slider */
.slider {
    display: flex;
    flex-direction: column;
    margin-bottom: -0.25em;
    width: 100%;
    margin-top:1.5rem;
}
.slider-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.link.variant-link:not(.icon-only) .svg-icon {
    transition: color var(--transition-fast);
    color: var(--color-surface-primary-on-surface-variant);
}
.slider .arrows {
    display: flex;
}
.slider .arrows>*:disabled {
    opacity: .5;
    transition: none!important;
    transition: none;
    transform: none;
    pointer-events: none;
}
.slider .arrows>* {
    box-sizing: content-box;
    border: none;
    border-radius: 2rem;
    border: 1px solid #2f4553;
    color: #2f4553;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #fff;
    padding:0;
    background:0;
}
.slider .arrows .arrow-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.5em;
    width: 3.5em;
}
.slider .arrows .backward {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
}
.slider .arrows .forward {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.slider .gallery {
    display: grid;
    grid-auto-flow: column;
    padding: 10px 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    grid-auto-columns: calc(15.38% - 15px);
    gap: 16px;
    
    scrollbar-width: none;
}
.slider .slide {
    scroll-snap-align: start;
    will-change: opacity;
    transition: all .3s;
}
.slide.faded.svelte-1yfsgqc {
    opacity: .2;
    cursor: pointer;
}
.slider .wrap {
    display: grid;
    position: relative;
    align-content: flex-start;
}
.slider.games .img-wrap {
    position: relative;
    will-change: transform;
    transition: .3s;
    width: 100%;
}
.slider.games .img-wrap:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 134.1463414634%;
}

.slider .link {
    transform: translate(0);
    border-radius: .5rem;
    overflow: hidden;
    display: block;
}
.image-focus {
    display: contents;
}
.game-card-wrap {
    position: relative;
    transition: .3s;
}
.slider.games .wrap img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 4px 6px -1px rgba(27, 23, 23, .2), 0 2px 4px -1px rgba(0, 0, 0, .12);
    overflow: hidden;
    outline-offset: .125rem;
    width: 100%;
    height: 100%;
}
.info-wrap {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    padding:1rem;
    pointer-events: none;
    transition: .3s;
}
.info-wrap:before {
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1475e1;
    border-radius: .5rem;
}
.game-info-container {
    z-index: 1;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.game-info-wrap {
    z-index: 1;
    display: flex;
    text-transform: capitalize;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    width: 100%;
}
.gameName {
    width: 100%;
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: .5rem;
}
.wrap-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #fff;
    z-index: 1;
    margin-bottom: 1rem;
}
.game-info-wrap {
    z-index: 1;
    display: flex;
    text-transform: capitalize;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    width: 100%;
}
.game-card-wrap:hover:not(.game-card-wrap:hover.is-mobile) {
    transform: translateY(-4%);
}
.slide .stack {
    font-size:.75rem;
    text-align: left;
    justify-content: flex-start;
    font-weight: 600;
    color:#b1bad3;
}

.slide.soon { position: relative; }
.slide.soon:before {
    content: "Coming Soon";
    background: rgba(0, 0, 0, .5);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 15px;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    border-radius: 0.5rem;
}
.slide.soon .stack {
    display: none;
}

.slide .stack span span span {
    color:#fff;
}
.pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 1;
    background: #1fff20;
    animation: pulse 1s infinite ease-out;
}
.slide .stack > span {
    display: flex;
    align-items: center;
    padding-top: 5px;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 #00e70166;
    }
    
    30% {
        box-shadow: 0 0 2px 2px #00e70166;
    }
    70% {
        box-shadow: 0 0 2px 2px #00e70166;
    }
    100% {
        box-shadow: 0 0 #00e70166;
    }
} 

/* Slider Providers */
img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-user-select: none;
    user-select: none;
}
.img-wrap.five-by-two {
    position: relative;
}
.img-wrap.five-by-two:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
}
.slider:not(.games) .img-wrap.five-by-two img {
    border-radius: var(--border-radius-0-5);
    box-shadow: var(--shadows-md);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.slider:not(.games) span.content-or-loader {
    display:block;
}

.title span.content-or-loader {
    display:inline-flex !important;
}

.title .with-icon-space {
    color: #fff;
    font-weight:bold;
    padding:5px 0;
    font-size: 1.125rem;
}

/* Table */
.table-wrapper {
    overflow-x: auto;
    overflow-anchor: none;
    max-width: 100%;
    position: relative;
}

.table {
    width: 100%;
    position: relative;
    z-index: 2;
    transform-style: preserve-3d;
    border-collapse: separate;
    overflow-x: scroll;
    table-layout: fixed;
    border-spacing: 0;
}

.table>thead {
    position: relative;
    transform: translateZ(1px);
}

.table td:first-child, .table th:first-child {
    text-align: left;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.table td, .table th {
    padding: 1rem;
    word-wrap: break-word;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    color: #b1bad3;
    font-size: .875rem;
}

.right-align {
    text-align: right!important;
}

.table>tbody {
    position: relative;
    animation-fill-mode: forwards!important;
    animation-duration: .35s!important;
    animation-timing-function: ease-out!important;
    will-change: transform;
}

.table tbody tr:nth-child(odd) {
    background: #213743;
}

.header-resize {
    display: flex;
    align-items: center;
    height: 1.7em;
}

.table .content-or-loader.truncate>span:not(.svg-icon) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    display: inline-block;
}
.table .content-or-loader>*+* {
    margin-left: .5rem;
}

.table .button {
    color: var(--color-surface-primary-on-surface);
    background: 0 0;
    box-shadow: var(--shadow-button-sm);
    outline: none;
    box-shadow: none;
    justify-content: flex-start;
    padding: 0;
    height: auto;
}

.table .wrap {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    line-height: 1.5;
    column-gap: 5px;

}

.ghost {
    color: #b1bad3;
}

.table .currency {
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
}

.variant-success {
    color: #00e701;
}

.variant-failed {
    color: red;
}

/* Footer */
footer {
    padding: 2rem 0;
    background: #071d2a; 
    width: 100%;
    margin: 25px 0 0;
}

footer .container {
    
    margin: 0 auto;
    display: grid;
    grid-gap: 2rem;
}

footer .grid {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit,minmax(14ch,1fr));
    width: 100%;
    margin: 0 auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

footer .column {
    display: grid;
    grid-gap: .5rem;
    align-content: flex-start;
}

footer .grid ul {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

footer p {
    color:#fff;
    font-size:1rem;
    font-weight: bold;
    line-height: 1.5;
}

footer a {
    font-size:.875rem;
    color: #b1bad3;
    font-weight: bold;
}

footer .hr {
    border-top: 2px solid #213743;
}

.logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

.logo-wrapper img {
    width: auto;
    height: 2.5rem;
    margin: 0 auto;
}

#logo {
    max-width: 66.95px;
    width: 66.95px;
}

#logo svg {
    color:#fff
}

.grid.spons {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: var(--spacing-1-5);
    grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
    justify-items: center;
}
.image-focus {
    display: contents;
}

.spons svg, .spons a {
    max-width: 120px;
    width: 100%;
}

.spons .image-focus a svg {
    border-radius: .25rem;
    transition: .2s;
    outline-offset: .125rem;
}

.spons .image {
    width: auto;
    height: 60px;
    border-radius: 0.125rem;
}

.spons .cls-2 {
    fill: #fff;
}

.spons .cls-3 {
    fill: #46c6f1;
}

.final-wrap {
    display:grid;
    grid-gap:1.25rem;
    justify-content: center;
    align-items: center;
    text-align:center;
}
.final-wrap svg {
    width:66.95px;
    max-width:100%;
    margin:0 auto;
    fill:white;
    color:white;
}

.final-wrap span, .final-wrap p {
    color:#b1bad3;
}

.regulation {
    color: #b1bad3;
    line-height: 150%;
    text-align: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 400;
}

.seal {
    width: 32px;
    border-radius: 0.125rem;
    margin:0 auto;
}

/* Mobile footer */

.mobile-footer {
    display: grid;
    justify-items: center;
    width: 100%;
    line-height: 1;
    padding: 0 1rem;
    background: #0f212e;
    box-shadow: 0 5px 5px #0a1c2766;
    height: 68px;
    grid-template-columns: repeat(4,1fr);
    position: fixed;
    bottom: 0;
    z-index: 2033;
}

.mobile-footer .button-wrap {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

.mobile-footer .button {
    padding: 0;
    height: auto;
    font-size: .75rem;
    color: #fff;
    background: transparent !important;
    border: 0 !important;
    margin: 0;
    box-shadow: 0 0 0 #000 !important;
}

.mobile-footer .button-wrap.active:before {
    content: "";
    position: absolute;
    top: 0;
    min-height: 4px;
    width: 60%;
    background-color: #4391e7;
}

.mobile-footer .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: .25rem;
    font-weight: 700;
    font-size: .75rem;
}

.mobile-footer .mobile-icon-style svg {
    width: 1rem;
    height: 1rem;
    color:#b1bad3;
    transition: color 2s;
}

/* Gallery */
.slider .gallery {
    grid-auto-columns: calc(16.18% - 22px);
    gap: 16px;
}

.providers.gallery {
    grid-auto-columns: calc(15.38% - 15px);
    gap: 16px;
}

/* Popup */
.popup {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10200;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(14,18,36,.7);
}

.popup-wrapper {
    color: #b1bad3;
    padding: 1rem;
    background: #1a2c38;
    width: 500px;
    max-width: 90%;
    border-radius: .5rem;
    position: relative;
    overflow-y: auto;
    max-height: 800px;
}

.popup-header {
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 15px;
}

.popup-content {
    margin: 1rem 0;
}

.form-group {
    margin: 0 0 1rem;
}
.form-group.mt-1 {
    margin: 1rem 0 1rem;
}

label.form-label {
    font-size: .875rem;
    margin: 0 0 5px;
    display: block;
}

.required label.form-label:after {
    content: "*";
    color: #ed4163;
    margin-left: .25rem;
}

.form-group input,
.form-group select {
    border: 2px solid #2f4553;
    border-radius: .25rem;
    transition: all .3s;
}

.form-group input:hover, .form-group input:focus,
.form-group select:hover, .form-group select:focus {
    border-color: #557086;
}


.button.popup-submit {
    width: 100%;
    justify-content: center;
    background: #00e701;
    box-shadow: 0rem .0625rem .1875rem #00000033 , 0rem .0625rem .125rem #0000001f;
    font-size: 1rem;
    padding: 1.25rem 1.75rem;
    color: #05080a;
    margin-bottom: 1rem;
}
.form-error {
    font-size: .675rem;
    color: #f2708a;
    padding: 5px 5px 0 0;
}
.popup-link {
    text-align: center;
    font-size: .875rem;
    margin: 0 0 .75rem;
}

.popup [popup] {
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.popup-header span {
    position: absolute;
    right: 25px;
    font-size: .875rem;
    color: #b1bad3;
    cursor: pointer;
    top: 15px;
    transition: color .3s;
}

.popup-header span:hover {
    color: #fff;
}

.button.popup-submit:hover {
    background: #1fff20;
}
.form-flex.form-group {
    display: flex;
    column-gap: 10px;
}
small {
    font-size: .75rem;
    margin: 5px 0 0;
    display: block;
}

/* Banner */
.group-banner-wrap {
    position: relative;
}
.group-banner-bg {
    position: absolute;
    top: 0;
    height: 100%;
    left: -100%;
    width: 300%;
    background: #213743;
}
.banner-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    line-height: 1;
}
.banner {
    width: 100%;
    height: 115px;
    display: flex;
    overflow: hidden;
}
.left {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    
}
.right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}
.right img {
    width: auto;
    height: 100%;
}
.banner h1 {
    font-size:1.25rem;
    color:#fff;
    line-height: 132%;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    
}

/* Inner page Filters */
content .header-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top:1.5rem;
}
.filter-by {
    display: flex;
    column-gap:1rem;
    color: #fff;
    line-height: 1.5;
    font-size:.875rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}
.filter-by > span {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.variant-highlighted .svg-icon {
    color: #b1bad3;
}

.dropdown {
    display: inline-block;
    position: relative;
    transition: background-color .2s;
    border-radius:.25rem;
    background-color: #0f212e;
}

.dropdown-items {
    background: #fff;
    position: absolute;
    border-radius: 0.25rem;
    top: 150%;
    left: 0;
    z-index: 9999;
    padding: .25rem 0;
    transform: translateX(-43%);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);
}
.dropdown-items:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    transform: rotate(45deg);
    top: -4px;
    z-index: 8042;
    left: 0;
    right: 0;
    margin: 0 auto;
}
a.drop-downitem {
    padding: .75rem;
    display: flex;
    color: #2f4553;
    font-size: .875rem;
    font-weight: 600;
    align-items: center;
    text-align: left;
    gap: 0.25rem;
    transition: background .2s;
}

a.drop-downitem:hover {
    background: #b1bad3;
}

a.drop-downitem svg {
    fill: #2f4553;
    color: #2f4553;
}



content .header-container .button {
    border-radius: .125rem;
    font-size: .875rem;
    padding: .8125rem 1rem !important;
    color: #fff;
    background: 0 0;
    box-shadow: none;
}

/* Games Static */
.slider.static .gallery {
    grid-auto-flow: unset;
    grid-auto-columns: unset;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 15px;
}


/* Game Responsive */
.parent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 3vw;
}
.game-wrapper:not(.enabled).responsive.svelte-y2runu {
    margin-top: 3vw;
}
.content-wrapper {
    position: relative;
}
.game-wrapper {
    --header-height: 60px;
    overflow: hidden;
    background: #0f212e;
    border-radius:.5rem;
}
.game-content {
    height: 100%;
    position: relative;
}
.game-content:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
}
.game-content > iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.game-footer {
    height: 63px;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #0f212e;
    border-bottom-left-radius:.5rem;
    border-bottom-right-radius:.5rem;
}
.game-footer .stack {
    padding-right: .5rem;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
    gap: 0;
}

.game-footer .stack button {
    color: #b1bad3;
    background: 0 0;
    outline: none;
    box-shadow: none;
    justify-content: flex-start;
    font-size:.875rem;
    padding: .8125rem 1rem;
}
.game-footer .stack .svg-icon {
    transition: color .2s;
    color: #b1bad3;
}
.hoverable {
    cursor: help;
    display: inline-flex;
}

.overlay {
    position: absolute;
    display: grid;
    padding: 1rem;
    grid-gap: .5rem;
    grid-auto-rows: max-content;
    align-content: center;
    justify-items: center;
    color: #b1bad3;
    background: rgba(14,18,36,.9);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Toast */
#toastBox {
    position: absolute;
    top: 70px;
    left: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0;
    z-index: 10240;
}

.toast {
    min-width: 200px;
    max-width: 100%;
    font-weight: 500;
    margin: 15px 0;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 0.25rem;
    transform: translateX(-100%);
    animation: moveLeft 0.4s linear forwards;
    background: #2f4553;
    padding: 20px 25px;
    overflow: hidden;
    font-size: .825rem;
    flex-direction: column;
}
.toast-title {
    font-size: .875rem;
    margin-bottom: 10px;
    font-weight:600;
    color:#fff;
}

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

.toast i {
    margin: 0 20px;
    font-size: 35px;
    color: green;
}

.toast.error i {
    color: red;
}

.toast.invalid i {
    color: orange;
}

.toast.info i {
    color: skyblue;
}

.toast.deposit i {
    color:#557086;
}

.toast::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0f212e;
    animation: anim 7s linear;
}

@keyframes anim {
    100% {
        width: 0;
    }
}

.toast.success::after {
    background:#1fff20;
}

.toast.error::after {
    background: red;
}

.toast.invalid::after {
    background: orange;
}

.toast.info::after {
    background: skyblue;
}
.toast.deposit::after {
    background:#557086;
}
/* Balance */
.balance-toggle {
    display: flex;
    background: #0f212e;
    border-radius: .25rem;
}
.coin-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.balance-toggle .dropdown button {
    color: #fff;
    background: #0f212e;
    box-shadow: none;
    font-size:.875rem;
    /*padding: .8125rem 1rem;*/
}

.balance-toggle .dropdown button:hover {
    background:#071824;
}

.currency {
    display: inline-flex;
    align-items: center;
    gap:.25rem;
}

.balance-toggle .content {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Wallet */
.qr-code {
    background:#fff;
    padding:0;
    border-radius:.25rem;
    box-shadow:0 4px 6px -1px rgba(27, 23, 23, .2), 0 2px 4px -1px rgba(0, 0, 0, .12);
    margin:0 auto;
    width:140px;
    height:140px;
    margin-top:1rem;
    overflow: hidden;
}
#nav-deposit {

}
.form-wrap-copy {
    display:flex;
    background:#2f4553;
    overflow:hidden;
    border-radius:.25rem;
}

.form-wrap-copy input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background:transparent;
    font-size:.875rem;
}
.form-wrap-copy button {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    font-size:.875rem;
}

.form-wrap-copy .colored {
    background:#0f212e;
}
/* Notifications */
aside.notifications {
    position: fixed;
    right: 0;
    z-index: 9999;
    width: 370px;
    background: #0f212e;
    filter: drop-shadow(0 0 5px rgba(25,25,25,.25));
    word-wrap: break-word;
    height:100%;
    transform: translateX(100%);
    transition: all .2s;
}
aside.notifications.open {
    transform: translateX(0%);
}
.wrapper-content {
    display: flex;
}
.title-header {
    display:inline-flex;
    padding:.5rem 1rem;
    color:#fff;
    line-height: 120%;
    font-size:.875rem;
    gap:.25rem;
    font-weight: 600;
    align-items: center;
}
.notification-list {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: .75rem 1rem;
    overflow-x: hidden;
    overscroll-behavior: contain;
    gap: .75rem;
}
.notification-list .scrollY {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.notification-header {
    background: #0f212e;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:60px;
    z-index: 2;
    position: relative;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);
    flex-shrink: 0;
    touch-action: none;
    padding-right: 6px;
}
.notification-header .hoverable {
    padding:0 10px;
}
.notification {
    display: flex;
    position: relative;
    background: #2f4553;
    border-radius: .25rem;
    min-width: 200px;
    max-width: calc(100vw - 2em);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);
    align-items: center;
    transition: all .3s;
    justify-content: space-between;
}
.notification .notification-icon {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    background: #213743;
    border-radius: .25rem 0 0 .25rem;
    margin: 0;
    padding:1rem 1.25rem;
    font-size:1rem;
    color:#00e701;
}
.notification .notification-body {
    width: 100%;
    display: grid;
    grid-auto-flow: row;
    gap:.125rem;
    padding:.75rem 1.25rem;
}
.notification .notification-body .title {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: unset;
}
.notification .notification-body .title span {
    color:#fff;
    font-size:.875rem;
    font-weight:600;
    line-height: 120%;
}
.override-child-weights {
    display: contents;
}
.override-child-weights span {
    color:#b1bad3;
    line-height: 120%;
    font-size: .75rem;
    font-weight:400;
}


/* loader */
.animation-container .animation-wrapper {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    padding:25px 0;
}

.animation-container .animation-scale {
    height: 1rem;
    width: 1rem;
    animation-timing-function: cubic-bezier(.5,1.8,.2,2.2);
    animation-iteration-count: infinite;
    animation-duration: .8s;
    transform-origin: center center;
    background-size: cover!important;
    will-change: transform,opacity
}

.animation-container .animation-scale.animation-scale-left-icons {
    animation-name: loader-left-icons;
    animation-delay: -.2s;
    transform-origin: right center
}

.animation-container .animation-scale.animation-scale-center-icons {
    animation-name: loader-center-icons;
    animation-delay: -.1s;
    transform-origin: center center
}

.animation-container .animation-scale.animation-scale-right-icons {
    animation-name: loader-right-icons;
    animation-delay: 0s;
    transform-origin: left center
}

.animation-container .animation-scale.no-animation-chromatic {
    animation-play-state: paused
}

@keyframes loader-left-icons {
    0%,30%,to {
        opacity: .85;
        transform: scale(.9);
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg4NV8xOTcwNykiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjIzNDIgMS4wNjYzOUMxNC44OTIgMS4wODgzOSAxNS40ODI0IDEuMzc1ODIgMTUuOTAzMyAxLjgyNjIySDE1LjkwMjhDMTUuOTYzMyAxLjg4OTcxIDE2LjAwMDMgMS45NzUxOSAxNi4wMDAzIDIuMDY5NjZDMTYuMDAwMyAyLjE3MDY0IDE1Ljk1NzggMi4yNjE2MiAxNS44ODk4IDIuMzI2MTFDMTUuODI4MyAyLjM4NzU5IDE1Ljc0MzggMi40MjYwOCAxNS42NDk5IDIuNDI2MDhIMTUuNjQ1OUMxNS41NDQ0IDIuNDI2MDggMTUuNDUyOSAyLjM4MjA5IDE1LjM4OTQgMi4zMTI2MUwxNS4zODg0IDIuMzExNjFDMTUuMDg0NSAxLjk4NDE4IDE0LjY1MDEgMS43NzkyMyAxNC4xNjc3IDEuNzc5MjNDMTMuNzk0OCAxLjc3OTIzIDEzLjQ1MDMgMS45MDIyIDEzLjE3NjkgMi4xMDYxNUMxMy43MDM4IDIuODA1OTkgMTMuOTEwMyAzLjY3OTI5IDEzLjMzMDQgNC4yMjU2N0wxMi45MzcgNC41NzIwOUwxMi45MTg1IDQuNTQwMDlDMTIuMjAxNyAzLjM5Mzg2IDExLjE4ODQgMi40NTEwNyA5Ljk0NDY3IDEuNzk5NzNMMTAuNTE4IDEuMjUzMzVDMTEuMTA0MyAwLjcwMDA1NCAxMS45OTc1IDAuOTg2ODM0IDEyLjY2MzcgMS41NzMwM0MxMy4wNjY5IDEuMjU0MzYgMTMuNTc2IDEuMDY0MzkgMTQuMTI5NyAxLjA2NDM5QzE0LjE2NTIgMS4wNjQzOSAxNC4yMDAyIDEuMDY0ODkgMTQuMjMwMiAxLjA2NjM5SDE0LjIzNDJaTTYuNDk4NSAxNS4wNDMxQzEwLjA4NzcgMTUuMDQzMSAxMi45OTcgMTIuMTMzOCAxMi45OTcgOC41NDQ2M0MxMi45OTcgNC45NTU0NyAxMC4wODc3IDIuMDQ2MTQgNi40OTg1IDIuMDQ2MTRDMi45MDkzMyAyLjA0NjE0IDAgNC45NTU0NyAwIDguNTQ0NjNDMCAxMi4xMzM4IDIuOTA5MzMgMTUuMDQzMSA2LjQ5ODUgMTUuMDQzMVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODg1XzE5NzA3Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
    }

    75% {
        opacity: .9;
        transform: scale(1.35) rotate(10deg);
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg4NV8xOTcxMykiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjIwMDEgMEgyLjc5OTg1TDAgMi43OTk4NVYxMy4yMDAxTDIuNzk5ODUgMTZIMTMuMjAwMUwxNiAxMy4yMDAxVjIuNzk5ODVMMTMuMjAwMSAwWk0xNC4xNzQ5IDEyLjAxNDlMMTEuOTkzMSAxNC4xOTY3SDMuOTkyNzdMMS44MTA5MyAxMi4wMTQ5VjQuMDE0NTlMMy45OTI3NyAxLjgzMjc1SDExLjk5MzFMMTQuMTc0OSA0LjAxNDU5VjEyLjAxNDlaTTguMDAwMiA1Ljk1NjQ2SDcuOTg1NDdDNy40ODM2IDUuOTU2NDYgNy4wNzYyIDYuMzYzMzcgNy4wNzYyIDYuODY1NzNDNy4wNzYyIDcuMzY4MTMgNy40ODMwNyA3Ljc3NSA3Ljk4NTQ3IDcuNzc1QzguNDg3MjcgNy43NzUgOC44OTQ3MyA3LjM2ODEzIDguODk0NzMgNi44NjU3M1Y2Ljg1ODY3QzguODkwOTMgNi4zNjUwMSA4LjQ5MzI3IDUuOTY1MTkgOC4wMDA3MyA1Ljk1NzAxSDguMDAwMlY1Ljk1NjQ2Wk00LjY5MTUzIDIuOTA5NTVIMTEuMzA5NkwxMy4wOTE2IDQuNjkxNTdWMTEuMzA5N0wxMS4zMDk2IDEzLjA5MTdINC42OTE1M0wyLjkwOTUxIDExLjMwOTdWNC42OTE1N0w0LjY5MTUzIDIuOTA5NTVaTTYuOTk2NjcgMTEuMzQ2N0M3LjAyNTUzIDExLjM0NjcgNy4wNTI4IDExLjM0MTMgNy4wNzY4IDExLjMzMTVMNy4xMDc0IDExLjMyMzhDOC45MDI0NyAxMC44MDc4IDEwLjIyMzEgOS4xNzA4NyAxMC4yNjIzIDcuMjE0ODdDMTAuMjYyMyA1Ljc1MzAzIDkuNDU1MDcgNC42NjkyIDguMDAwMjcgNC42NjkySDcuOTk5NzNDNi44MTAwNyA0LjY2OTIgNS44NDI5OSA1LjYyMTU4IDUuODE4NDUgNi44MDc0TDUuODE4OTkgNi44MDA4N0M1LjgxNTE3IDYuODUxMDcgNS44MTI5OSA2LjkwMTggNS44MTI5OSA2Ljk1MzA3QzUuODEyOTkgNy45OSA2LjY1MTM3IDguODMxNiA3LjY4NzczIDguODM2NTNINy42OTM3M0M4LjAxMDY3IDguODIyMzMgOC4zMTM0IDguNzU0MTMgOC41NzUyIDguNjQ3OEM4LjM3ODg3IDkuNjE0ODcgNy4xMzUyIDEwLjA0NDIgNi42OTE3MyAxMC4xODIyQzYuNTE3MTggMTAuMjQwNSA2LjQ4MDYzIDEwLjM0MjUgNi41MTcxOCAxMC40NTg3TDYuNzg2MDcgMTEuMTg1OEw2Ljc4NjY3IDExLjE4NzVDNi44MTIyNyAxMS4yNzkxIDYuODk2MjcgMTEuMzQ2NyA2Ljk5NjY3IDExLjM0NjdaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg4NV8xOTcxMyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    }
}

@keyframes loader-center-icons {
    0%,30%,to {
        opacity: .85;
        transform: scale(.9) rotate(0);
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg4NV8xOTcyMikiPgo8cGF0aCBkPSJNMTUuMzk5OSA4LjYwMDFMMTQuOTMzMiA4LjAwMDFMMTQuMzk5OSA1Ljg2Njc2VjUuNzMzNDNMMTQuNTMzMiA0LjYwMDFDMTUuMDY2NiA1LjYwMDEgMTUuMzMzMiA2LjczMzQzIDE1LjMzMzIgOC4wMDAxQzE1LjM5OTkgOC4yMDAxIDE1LjM5OTkgOC40MDAxIDE1LjM5OTkgOC42MDAxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0LjA2NjUgMy44MDAxN0wxMy44NjY1IDUuNDAwMTdMMTIuNTk5OCA1LjMzMzVMOS43MzMxNyAyLjYwMDE3TDkuNjY2NSAxLjYwMDE3TDExLjI2NjUgMS4zMzM1QzEyLjM5OTggMS45MzM1IDEzLjMzMzIgMi43MzM1IDE0LjA2NjUgMy44MDAxN1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03Ljk5OTk3IDE1LjQwMDFDNi4zMzMzIDE1LjQwMDEgNC43MzMzIDE0Ljg2NjcgMy41MzMzIDEzLjg2NjdMMy4xMzMzIDEzLjMzMzRMNC41MzMzIDExLjg2NjdMNi41OTk5NyAxMi4yMDAxTDguOTk5OTcgMTQuMzMzNEw3Ljk5OTk3IDE1LjQwMDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMS4zMzM1IDYuNjY2NzhMMS45MzM1IDQuMjY2NzhMNS4wNjY4MyAyLjUzMzQ1TDYuMjY2ODMgMy42MDAxMUw1LjUzMzUgNy4yMDAxMUwzLjUzMzUgOC40MDAxMUwxLjMzMzUgNi42NjY3OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi4xMzM2IDUuNzMzNTRWNS45MzM1NUwxMS42MDAyIDguMDAwMjFMOC4yMDAyMyA5LjAwMDIxTDYuNjAwMjMgNy42NjY4OEw2LjA2Njg5IDcuMjAwMjFMNi44NjY4OSAzLjgwMDIyTDkuNDY2OSAzLjEzMzU0TDEyLjEzMzYgNS43MzM1NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMS43MzMzIDEzLjIwMDFMOS40NjY2IDEzLjkzMzRMNy4yNjY2IDExLjkzMzRMOC4xOTk5NCA5LjYwMDExTDExLjc5OTkgOC41MzM0NUwxMy4xMzMzIDEwLjA2NjhMMTEuNzMzMyAxMy4yMDAxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwLjA2NjcgMC44NjY3NjRMOS4yMDAwMyAxLjAwMDFWMS4wNjY3Nkw2Ljg2NjcgMC42NjY3NjRDNy4yMDAwMyAwLjYwMDA5OCA3LjUzMzM3IDAuNjAwMDk4IDcuOTMzMzcgMC42MDAwOThDOC43MzMzNyAwLjYwMDA5OCA5LjQ2NjcgMC43MzM0MzEgMTAuMDY2NyAwLjg2Njc2NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjI2NjYzIDAuODAwMDQ5TDUuMzk5OTcgMS42MDAwNUwyLjEzMzMgMy40NjY3MUMzLjE5OTk3IDIuMTMzMzggNC41OTk5NyAxLjIwMDA1IDYuMjY2NjMgMC44MDAwNDlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMC42MDAwOTggNy45MzM1MkwxLjEzMzQzIDcuMjY2ODVMMy41MzM0MyA5LjIwMDE5TDQuMTMzNDMgMTEuNDY2OUwyLjgwMDEgMTIuOTMzNUwyLjIwMDEgMTIuNTMzNUMxLjI2Njc2IDExLjMzMzUgMC42NjY3NjQgOS43MzM1MiAwLjY2Njc2NCA4LjA2Njg1QzAuNjAwMDk4IDguMDAwMTkgMC42MDAwOTggNy45MzM1MiAwLjYwMDA5OCA3LjkzMzUyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEyLjUzMzMgMTMuODY2OEwxMi4yNjY2IDEzLjMzMzRMMTMuODY2NiA5LjczMzM4TDE0LjczMzMgOC44MDAwNUwxNS4xOTk5IDkuNDAwMDVDMTQuOTMzMyAxMS4yMDAxIDEzLjkzMzMgMTIuODAwMSAxMi41MzMzIDEzLjg2NjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg4NV8xOTcyMiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    }

    75% {
        opacity: .9;
        transform: scale(1.35) rotate(10deg);
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg4NV8xOTcxMCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMzgxNTMgMi4zMTk1N0M1LjE0Nzk1IDMuNDYxODUgNy41MjYyNyA0Ljk4MDI5IDkuNTg2NzMgNi44NDMzM0w5LjU4NjQ3IDYuODQzNkw5LjYwNzQ3IDYuODYyMDdMOS41ODY3MyA2Ljg0MzMzQzEwLjcxMDcgNS4xNjY4NCAxMC45MTcxIDIuODg1MjMgMTAuMTA1NCAwLjMxMDc2NEM5LjQ2MjI3IDAuMTIzMTU2IDguNzIzOCAwLjAxNTM4MDkgNy45NTk4NyAwLjAxNTM4MDlDNS43ODU0MyAwLjAxNTM4MDkgMy44MTQ5NSAwLjg5MDE0NyAyLjM4MTUzIDIuMzA2NjFWMi4zMTk1N1pNMTUuNzE0MyAxMC4wNzE5QzE1LjQ0MzkgMTEuMDU3OSAxNC45ODYzIDExLjk2NjUgMTQuMzk2NSAxMi43Mzc5VjEyLjczNzNDMTQuMDE3MyAxMi4wOTIyIDEzLjYxMTcgMTEuNDY3IDEzLjE5OTEgMTAuODU0OEwxMy4xNzYxIDEwLjg2ODNDMTMuOTIwMSAxMC4zOTc3IDE0Ljc4MTMgMTAuMDk2MyAxNS43MjczIDEwLjAxNjVMMTUuNzE0MyAxMC4wNzE5Wk0xMy40OTgxIDEzLjc4OTFDMTIuNzA2MiAxNC41NDc4IDExLjc1NDUgMTUuMTQxNyAxMC42NDQxIDE1LjUzMTlIMTAuNjQzNUwxMC42NDQ1IDE1LjUxNEMxMC43MzI0IDE0LjA2MzUgMTEuMjkzMiAxMi43NDAzIDEyLjE2NzQgMTEuNzA2OUwxMi4xMjA1IDExLjYzODZDMTIuNTkzNSAxMi4yOTI3IDEzLjAzMzUgMTIuOTcyOCAxMy40OTgxIDEzLjc4OTFaTTEzLjQ5ODEgMTMuNzg5MUwxMy41MDA2IDEzLjc4NjZMMTMuNDk4MSAxMy43ODkxWk0yLjAwMjg4IDEwLjc5NTRDMi41MzE3OCAxMC44NTkzIDMuMDcwMTUgMTAuODkyNyAzLjYxOTAxIDEwLjg5NTFIMy42MTk1MUwzLjYwMDA1IDEwLjg5NDFDMy43Mzg3NiAxMC45MDA3IDMuODc4OTcgMTAuOTA0MSA0LjAxOTY3IDEwLjkwNDFDNi4xODMxNSAxMC45MDQxIDguMTYxIDEwLjEwOTggOS42NjY4NyA4LjgwNkMxMC4yMzU3IDkuMzc5NCAxMC43NzI1IDkuOTg0MTMgMTEuMzA5OSAxMC42NjIxQzEwLjA4NDUgMTIuMDUwNyA5LjMzNDUzIDEzLjg2OCA5LjMxNDEzIDE1Ljg2NDhMOS4zNjE1MyAxNS44NTc4QzguOTE0OTMgMTUuOTM5NiA4LjQ1NDkzIDE1Ljk4MzEgNy45ODM0IDE1Ljk4NDVDNC40Nzk2MSAxNS45ODI1IDEuNTAzMyAxMy43MjM1IDAuNDE0MDAzIDEwLjUyNjNDMC45MzEwNCAxMC42NDA0IDEuNDYxNzcgMTAuNzMwMiAyLjA2OTI0IDEwLjgwMTlMMi4wMDI4OCAxMC43OTU0Wk0wLjQxNDAwMyAxMC41MjYzQzAuMzc2NDE1IDEwLjUxNzkgMC4zMzg4OTkgMTAuNTA5NSAwLjMwMTQzMiAxMC41MDFMMC40MTI3IDEwLjUyMjVMMC40MTQwMDMgMTAuNTI2M1pNMTEuMzA5OSAxMC42NjIxTDExLjMxNzUgMTAuNjUzN0wxMS4zMDk5IDEwLjY2MjFaTTkuNjY2ODcgOC44MDZMOS42NjU0IDguODA0NTNMOS42NjY4NyA4LjgwNlpNOC43MzUyNyA3Ljg1NTA3QzYuNjgzMDcgNS45OTc5MyA0LjI3MzU4IDQuNDg4NTggMS42MjkxIDMuNDQ2MjVMMS40NzA0MyAzLjM5MDg3QzAuNTUwODUgNC42NzAyIDAgNi4yNjgzNiAwIDcuOTk0NzNWOC4wMDEyN0MwLjAwMjk5Mzc1IDguMzg0NDcgMC4wMzE5MzMzIDguNzU3NjcgMC4wODUzMjIgOS4xMjM0TDAuMDc5ODMzMyA5LjA3OUMwLjY3MDEgOS4yNDA2NyAxLjM5NDU5IDkuMzgyODcgMi4xMzQwNSA5LjQ3NjY3TDIuMjE1MzcgOS40ODUxM0M0Ljk2OTYzIDkuNzg0NTMgNy4yMzg0IDkuMjEyMiA4LjczNTI3IDcuODU1MDdaTTEyLjMzMTcgOS43MTg2QzExLjc3NzYgOS4wMzgyIDExLjE4ODUgOC4zODc3MyAxMC41NjQ5IDcuNzY4NjdDMTEuODc1NyA1Ljk1MjQ4IDEyLjI0MTUgMy41NzA0NSAxMS42NDI3IDAuOTA5NTA3TDExLjY4NzEgMC45MzA0NkMxNC4yNDMzIDIuMjU2MTkgMTUuOTkyMSA0LjkyMzYzIDE2LjAwMDEgOC4wMDEyQzE2LjAwMDEgOC4xMDE4NyAxNS45OTIxIDguMjA4OTMgMTUuOTg0IDguMzE4NDdDMTUuOTc1NCA4LjQzMzI3IDE1Ljk2NjcgOC41NTA2NyAxNS45NjY3IDguNjY2MzNIMTUuOTU5N0MxNC42MjYgOC42OTI3MyAxMy4zODU1IDkuMDk4OTMgMTIuMzY3NyA5Ljc2NEwxMi4zMzE3IDkuNzE4NlpNMTAuNTY0OSA3Ljc2ODY3TDEwLjU2NDUgNy43NjgyQzEwLjU2NDYgNy43NjgzMyAxMC41NjQ4IDcuNzY4NTMgMTAuNTY0OSA3Ljc2ODY3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84ODVfMTk3MTAiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    }
}

@keyframes loader-right-icons {
    0%,30%,to {
        opacity: .85;
        transform: scale(.9);
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg4NV8xOTcxNikiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuOTI0ODcgMC41NTQ0NDNMMTQuOTUzNSA3LjU4MzA3TDE0Ljk1MyA3LjU4MzY3TDE0Ljk1NDcgNy41ODUzNEMxNS41OTc5IDguMTg5NTQgMTYgOS4wNDc4MSAxNiAxMC4wMDA0QzE2IDExLjgzMDMgMTQuNTE2OSAxMy4zMTM0IDEyLjY4NyAxMy4zMTM0QzExLjczNDkgMTMuMzEzNCAxMC44NzYxIDEyLjkxMTQgMTAuMjcwMiAxMi4yNjY0TDcuOTI0ODcgOS45MjExNEw1LjU4MTI3IDEyLjI2NDdDNC45ODgyNCAxMi44MjE0IDQuMTkwMjggMTMuMTYyNiAzLjMxMzAyIDEzLjE2MjZDMS40ODMxMyAxMy4xNjI2IDAgMTEuNjc5NSAwIDkuODQ5NjdDMCA4Ljk3MTg3IDAuMzQxMTg2IDguMTczODcgMC44OTYyNCA3LjU4MzA3TDcuOTI0ODcgMC41NTQ0NDNaTTcuOTI0NiAxMi4zMTg0TDExLjA1MTcgMTUuNDQ1NEg0Ljc5NzUzTDcuOTI0NiAxMi4zMTg0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84ODVfMTk3MTYiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
    }

    75% {
        opacity: .9;
        transform: scale(1.3) rotate(8deg);
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg4NV8xOTcxOSkiPgo8cGF0aCBkPSJNMTQuNTgxOCAzLjQyNTI2TDkuMjIxODkgMC4zMjcyNTRDOC44NzEyMyAwLjEyMTYyOSA4LjQ1MDE2IDAgOC4wMDAxNiAwQzcuNTUwMTYgMCA3LjEyOTA5IDAuMTIxNjI5IDYuNzY2OTYgMC4zMzM3OTlMNi43Nzg0MyAwLjMyNzc5OUwxLjQ1NTA3IDMuNDI1ODFDMS4wMjk2NSAzLjY1MDUyIDAuNzQxNjYxIDQuMDg0NjggMC43MjgwMjcgNC41ODc1NlY0LjU4OTE5VjExLjI0MzNDMC43MjgwMjcgMTEuMjQ0NSAwLjcyODAyNyAxMS4yNDU1IDAuNzI4MDI3IDExLjI0NjdDMC43MjgwMjcgMTEuODQ5MyAxLjA1NTI4IDEyLjM3NTcgMS41NDE3OSAxMi42NTc3TDEuNTQ5NDMgMTIuNjYyTDYuNzYzNjkgMTUuNjcyN0M3LjExNDM2IDE1Ljg3ODQgNy41MzU0MyAxNiA3Ljk4NTQzIDE2QzguNDM1NDMgMTYgOC44NTY0OSAxNS44Nzg0IDkuMjE4NjMgMTUuNjY2Mkw5LjIwNzE2IDE1LjY3MjJMMTQuNDIxNCAxMi42NjE1QzE0LjkyODIgMTIuMzgxNyAxNS4yNjc0IDExLjg1MjYgMTUuMjcyMyAxMS4yNDM5VjQuNTg5MTlDMTUuMjY2MyA0LjA5MTc3IDE0Ljk5MiAzLjY1OTI1IDE0LjU4ODQgMy40MjkwOEwxNC41ODE4IDMuNDI1ODFWMy40MjUyNlpNNC4xODkyOCAxMS4xODVDMy43ODk0OSAxMS4yMzU3IDMuMzk2NzggMTAuNjgzMiAzLjMxNjYxIDkuOTU2MTNDMy4yMzY0MyA5LjIyOTEzIDMuNDkxMTQgOC42MDM1MyAzLjg5MDkzIDguNTU5ODdDNC4yOTA3MyA4LjUxNjI3IDQuNjgzNDMgOS4wNjE2NyA0Ljc2MzYxIDkuNzg4NzNDNC44NDM3OSAxMC41MTU4IDQuNTk2MTcgMTEuMTQxNCA0LjE4OTI4IDExLjE4NVpNOC4wNTg0OSA1LjM2Njk3QzcuMjk0ODkgNS4zNjY5NyA2LjY3Njk2IDUuMDM5NzEgNi42NzY5NiA0LjYzOTkyQzYuNjc2OTYgNC4yNDAxMiA3LjI5NDg5IDMuOTEyODcgOC4wNTg0OSAzLjkxMjg3QzguODIyMDkgMy45MTI4NyA5LjQ0MDA5IDQuMjQwMTIgOS40NDAwOSA0LjYzOTkyQzkuNDQwMDkgNS4wMzk3MSA4LjgyMjA5IDUuMzM4MDYgOC4wNTg0OSA1LjMzODA2VjUuMzY2OTdaTTguMDU4NDkgMi43MTI5NEM3LjI5NDg5IDIuNzEyOTQgNi42NzY5NiAyLjM5Mjc3IDYuNjc2OTYgMS45ODU4OUM2LjY3Njk2IDEuNTc5IDcuMjk0ODkgMS4yNTg4NCA4LjA1ODQ5IDEuMjU4ODRDOC44MjIwOSAxLjI1ODg0IDkuNDQwMDkgMS41ODYwOSA5LjQ0MDA5IDEuOTg1ODlDOS40NDAwOSAyLjM4NTY4IDguODIyMDkgMi42ODQwMyA4LjA1ODQ5IDIuNjg0MDNWMi43MTI5NFpNMTEuMzk2NSAxMi43OTk1QzExLjI1MDkgMTMuNDgyOSAxMC44MjkzIDEzLjk3MDUgMTAuNDUxMyAxMy44ODMyQzEwLjA3MzMgMTMuNzk1OSA5Ljg4NDAzIDEzLjE1NjEgMTAuMDM2OCAxMi41MDE3QzEwLjE4OTUgMTEuODQ3MSAxMC42MDQgMTEuMzMwNiAxMC45ODIgMTEuNDEwOEMxMS4zNiAxMS40OTEgMTEuNTQ5MiAxMi4wODcxIDExLjM5NjUgMTIuNzcwNVYxMi43OTk1Wk0xMS4zOTY1IDkuMDk3NjdDMTEuMjUwOSA5Ljc4MTA3IDEwLjgyOTMgMTAuMjY4NyAxMC40NTEzIDEwLjE4ODVDMTAuMDczMyAxMC4xMDgzIDkuODg0MDMgOS40NjE0NyAxMC4wMzY4IDguNzk5MzNDMTAuMTg5NSA4LjEzNzIgMTAuNjA0IDcuNjI4MjcgMTAuOTgyIDcuNzE1NTNDMTEuMzYgNy44MDI4IDExLjU0OTIgOC4zODQ4IDExLjM5NjUgOS4wNjgyVjkuMDk3NjdaTTE0LjA1ODIgMTEuMjc5M0MxMy45MTI2IDExLjk2MjggMTMuNDgzOCAxMi40NTA0IDEzLjEwNTMgMTIuMzcwMkMxMi43MjY4IDEyLjI5IDEyLjU0NTIgMTEuNjQzMSAxMi42OTA4IDEwLjk4MUMxMi44MzY0IDEwLjMxODkgMTMuMjY1MiA5LjgxIDEzLjY0MzYgOS44OTcyN0MxNC4wMjIyIDkuOTg0NTMgMTQuMjAzOCAxMC41ODA3IDE0LjA1ODIgMTEuMjY0NlYxMS4yNzkzWk0xNC4wNTgyIDcuNTc4MTNDMTMuOTEyNiA4LjI2MTUzIDEzLjQ4MzggOC43NDkxMyAxMy4xMDUzIDguNjY4OTNDMTIuNzI2OCA4LjU4ODggMTIuNTQ1MiA3Ljk0MTkzIDEyLjY5MDggNy4yODc0QzEyLjgzNjQgNi42MzI4OSAxMy4yNjUyIDYuMTE2MzggMTMuNjQzNiA2LjE5NjU2QzE0LjAyMjIgNi4yNzY3MyAxNC4yMDM4IDYuODggMTQuMDU4MiA3LjU2MzkzVjcuNTc4MTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg4NV8xOTcxOSI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    }
}

/* Site loader */
.loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1a2c38;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader img {
    width: 127px;
    max-width: 100%;
}

/* Cards */
.card-container {
    grid-template-columns: auto 1fr;
    justify-content: flex-start;
    align-items: flex-start;
}

.table.striped>tbody tr:nth-child(odd) {
    background: #213743;
}
.card {
    background: #0f212e;
    border-radius: 0.5rem;
    font-size: .875rem;
}

.card-menu a.link {
    display: block;
    width: 100%;
    padding: .935rem 1.25rem;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.card-menu a.link:hover, .card-menu a.link.active {
    background:#071824;
}

.card-menu a.link.active:before {
    content: "";
    background: #1475e1;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.card-menu {
    min-width: 180px;
    max-width: 100%;
    position: sticky;
    overflow:hidden;
}
.card.card-content {
    padding: 1.25rem;
}

.card.small {
    display:inline-block;
    padding:.75rem 1rem;
    color:#fff;
}

.card.small a {
    color:#fff;
}

.page-title {
    color: #fff;
    font-weight: bold;
    padding: 1.5rem 0;
    font-size: 1.125rem;
}
.transaction-data {
    align-items: center;
    gap:.5rem;
}
.transaction-data .bold {
    color:#fff;
    padding-bottom:.25rem;
}

/* Statistic */
.statistics {
    margin: 1rem 0 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    gap: .5rem;
}

.statistics .box {
    background: #213743;
    padding: 1rem;
    border-radius: .5rem;
}

.statistics .box p {
    font-size: .875rem;
    margin: 0 0 .5rem;
}

.statistics .box h3 {
    color: #fff;
}

.statistics-header {
    margin: 1.5rem 0;
}
.statistics-header h2 {
    font-weight: 500;
}

/* Vip */
.vip-card {
    width:20rem;
    max-width:100%;
    height: 100%;
    height: 173px;
    margin: 1.25rem auto;
    background:url("../images/vip-card.png");
    padding: 1.25rem 1.5rem;
    display:flex;
    justify-content: center;
    flex-direction: column;
    color:#fff;
}


.vip-card h2 {
    font-size:1.25rem;
}

.accordions {
    display: flex;
    flex-direction: column;
    gap:1rem;
    margin-top:1.25rem;
}

.accordion {
    overflow:hidden;
    border-radius:.25rem;
    background:#213743;
    box-shadow:0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12), inset 0 1px rgba(255, 255, 255, .04);
}

.accordion-header {
    color:#fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: 0 0;
    padding:.75rem 1rem;
    cursor:pointer;
    font-weight: bold;
    font-size:.875rem;
    line-height: 1.5;
    
}

.accordion.active .arrow svg {
    transform: rotate(0) !important;
}

.accordion-content {
    border-top: 2px solid #2f4553;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding:.75rem 1rem;
}

.accordion-content ul {
    list-style-type: disc;
    list-style-position: inside;
    font-size:.8rem;
}
.accordion-content ul li {
    margin:.5rem 0;
}

#rakeback-group {
    text-align: center;
}

#rakeback-group h2 {
    font-size: 1rem;
    color: #fff;
    margin: 1.25rem 0;
}
#rakeback-group button {
    margin: 1.25rem 0 0;
}
#rakeback-group .currency {
    font-size: .875rem;
    font-weight: 600;
}

.rakeback-desc {
    color: #b1bad3;
    font-size: .875rem;
    margin: 1.25rem 0 0;
}

/* Chat */
.chat-button {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    font-size: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 4rem;
    background: #0f212e;
    box-shadow: 0rem 0.0625rem 0.1875rem #00000033, 0rem 0.0625rem 0.125rem #0000001f;
    color: #fff;
    cursor: pointer;
    z-index: 1000;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat-wrap {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 16px;
    overflow: hidden;
    z-index: 2147483000;
    width: 400px;
    height: min(704px, 100% - 40px);
    max-height: 600px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
}

.chat-header {
    background-color: #2f4452;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    justify-content: space-between;
}

.chat-header img {
    max-height: 32px;
    width: auto;
}

.chat-header svg {
    cursor:pointer;
}

.chat-footer {
    border-top: 1px solid rgb(47 68 82);
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-footer textarea {
    background: #fff;
    color: #2f4452;
    width: 80%;
    appearance: none;
    -webkit-appearance: none;
    resize: none;
    padding: 10px;
}

.chat-footer svg {
    cursor:pointer;
}
.chat-footer svg path {
    fill: rgb(47, 68, 82);
    color: rgb(47, 68, 82);
}


.chat-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 24px 24px;
    overflow-y: auto;
}

.chat-body .message {
    padding: 17px 20px;
    border-radius: 10px;
    position: relative;
    width: auto;
    max-width: 75%;
    color: rgb(255, 255, 255);
    background-color: rgb(47, 68, 82);
    display: flex;
    align-self: flex-end;
    flex-direction: column;
    row-gap: 1rem;
    font-size: 13px;
}

.chat-body .message.system {
    align-self: flex-start;
    background: #fff;
    color: #000;
    border: 1px solid #2f4452;
}

.chat-body .message.system .message-header {
    display: flex;
    align-items: center;
    column-gap:.5rem;
    color: rgb(115, 115, 118);
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-body .message.system .message-header img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.chat-welcome {
    font-size: 1.25rem;
    color: #000;
    font-weight: bold;
}
.alert-indicator {
    background: #1fff20;
    color: #fff;
    font-size: 13px;
    border-radius: 50%;
    top: -5px;
    right: 0px;
    width: 20px;
    height: 20px;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Load more */
.load-more {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    border: none;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    font-weight: 600;
    touch-action: manipulation;
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .2s,color .2s;
    flex-shrink: 0;
    border-radius: .25rem;
    background: #2f4553;
    color:#fff;
    box-shadow:0rem .0625rem .1875rem #00000033 , 0rem .0625rem .125rem #0000001f;
    font-size:.875rem;
    padding: .9375rem 1.25rem;
    margin: 0 auto;
}

.load-more:hover {
    background: #557086;
}


.term-label span {
    cursor:pointer;
    border-bottom:1px solid #fff;
}
.term-label input {
    width: 15px;
    height: 15px;
    appearance: auto;
    vertical-align: bottom;
}
#terms_content {
    padding: .5rem;
    margin: 15px 0 0;
    height: 100px;
    overflow-y: scroll;
}

/* Responsive */
@media(min-width:1240px) {
    .slider.static.category .gallery {
        grid-template-columns: repeat(8, 1fr);
    }
}
@media(min-width:1024px) {

}
@media(min-width:768px) {
    .mobile-footer {
        display:none;
    }
    .side-spacer {
        width:60px;
        height: 100%;
        flex-shrink: 0;
        background: transparent;
    }
    
}

@media(max-width:1024px) {
    .providers.gallery {
        grid-auto-columns: calc(18.18% - 15px);
        gap: 16px;
    } 
    
    div.bets table thead tr th:nth-child(2),
    div.bets table thead tr th:nth-child(3)
    {
        display:none !important;
    }
    
    div.bets table tbody tr td:nth-child(2),
    div.bets table tbody tr td:nth-child(3)
    {
        display:none !important;
    }
    
    /*.header-container {*/
    /*    width: 90%;*/
    /*}*/
    
    .slider.static .gallery {
        grid-template-columns: repeat(5, 1fr);
    }
    
    
    /* Home Page */
        /* Welcome */
        .welcome {
            padding: 2rem 0 0rem;
            overflow: hidden;
        }
        .welcome > .d-flex {
            flex-direction: column;
        }
        .welcome-image {
            flex: auto;
        }
        
        /* Services */
        .services {
            flex-direction: column;
            gap:1rem;
        }
        .service img {
            height: 135px;
        }
        
        /* Sponser */
        .sponser-section {
            flex-direction: row-reverse;
            padding:1rem 1.5rem;
        }
        .sponser-section:not(.payment-section) > *:last-child {
            display: none;
        }
        .sponser-section svg {
            width: 160px;
            max-width: 100%;
        }
        .sponser-section.payment-section {
            flex-direction: column;
            gap:.5rem;
        }
        .sponser-payments {
            padding:1rem 0;
            gap:1rem;
        }
        .sponser-payments svg {
            max-height: 22px;
        }
}


@media(max-width:768px) {
    body.menu-open #app {
        margin-left: 0;
    }
    
    header.header,
    .menu-open header.header {
       padding: 0;
    }
    .sidemenu.collapse {
        top: 100%;
        width:100%;
    }
    .sidemenu {
        top: 60px;
        width: 100%;
        height: calc(100% - 125px);
    }
    .menu-btn { 
        display:none;
    }
    .slider .gallery {
        grid-auto-columns: calc(25% - 5px);
        gap: 6px;
    }
    
    div.bets table thead tr th:nth-child(2),
    div.bets table thead tr th:nth-child(3),
    div.bets table thead tr th:nth-child(4),
    div.bets table thead tr th:nth-child(5)
    {
        display:none !important;
    }
    
    div.bets table tbody tr td:nth-child(2),
    div.bets table tbody tr td:nth-child(3),
    div.bets table tbody tr td:nth-child(4),
    div.bets table tbody tr td:nth-child(5)
    {
        display:none !important;
    }
    .slide .stack {
        font-size: 10px;
    }
    
    .header-container {
        width: 100%;
    }
    .slider.static .gallery {
        grid-template-columns: repeat(4, 1fr);
    }
    .header-container a:first-child img {
        width: 50px !important;
    }
    aside.notifications {
        width: 100%;
    }
    
    .card-container {
        display: flex;
        flex-direction: column;
    }
    
    .card.card-menu {
        min-width:100%;
    }
    .search-games {
        grid-template-columns: repeat(3, 1fr);
    }
    .hide-mobile {
        display:none;
    }
    
    .chat-button {
        display:none;
    }
    .chat-wrap {
        width: 100%;
        right: 0;
        top: auto;
        border-radius: 0;
        bottom: 68px;
        height: 100%;
        max-width: 100%;
    }
    
    .menu-content_inner .menu-section:first-child {
        flex-direction: row;
        gap: 0.75rem;
        align-items: center;
        background: transparent;
        justify-content: center;
    }
    .casino-btn.small, .sport-btn.small {
        display:block !important;
    }
    .casino-btn.small {
        background-image: url(/assets/images/casino-btn-green.jpg);
        width: 50%;
        height: 39px;
        background-repeat: no-repeat;
        background-color: #0f894c;
    }
    .sport-btn.small {
        background: url(/assets/images/sports-btn-orange.jpg);
        width: 50%;
        height: 39px;
        margin-top: 0;
        background-repeat: no-repeat;
        background-color: #db5700;
    }
    .casino-btn.small:before {
        content: "CASINO";
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        filter: drop-shadow(3px -2px 8px #000);

    }
    .sport-btn.small:before {
        content: "SPORT";
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        filter: drop-shadow(3px -2px 8px #000);

    }
}

@media(max-width:431px) {
    .authenticated #logo .hide-xs {
        display:none;
    }
    .slider .gallery {
        grid-auto-columns: calc(33.33% - 5px);
    }
    .slider.static .gallery {
        grid-template-columns: repeat(3, 1fr);
    }
    .search-games {
        grid-template-columns: repeat(2, 1fr);
    }
}