:root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: hsla(0, 0%, 100%, .7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff}.Toastify__toast-container--top-left { top: 1em; left: 1em}.Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translateX(-50%)}.Toastify__toast-container--top-right { top: 1em; right: 1em}.Toastify__toast-container--bottom-left { bottom: 1em; left: 1em}.Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%)}.Toastify__toast-container--bottom-right { bottom: 1em; right: 1em}@media only screen and (max-width:480px) { .Toastify__toast-container { width: 100vw; padding: 0; left: 0; margin: 0 } .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right { top: 0; transform: translateX(0) } .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right { bottom: 0; transform: translateX(0) } .Toastify__toast-container--rtl { right: 0; left: auto }}.Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05); display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: pointer; direction: ltr}.Toastify__toast--rtl { direction: rtl}.Toastify__toast-body { margin: auto 0; flex: 1 1 auto; padding: 6px; display: flex; align-items: center}.Toastify__toast-body>div:last-child { flex: 1 1}.Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end: 10px; width: 20px; flex-shrink: 0; display: flex}.Toastify--animate { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .7s; animation-duration: .7s}.Toastify--animate-icon { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: .3s}@media only screen and (max-width:480px) { .Toastify__toast { margin-bottom: 0; border-radius: 0 }}.Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error)}.Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark)}.Toastify__progress-bar--info { background: var(--toastify-color-progress-info)}.Toastify__progress-bar--success { background: var(--toastify-color-progress-success)}.Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning)}.Toastify__progress-bar--error { background: var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning { background: var(--toastify-color-transparent)}.Toastify__close-button { background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: .7; transition: .3s ease; align-self: flex-start}.Toastify__close-button--light { color: #000; opacity: .3}.Toastify__close-button>svg { fill: currentColor; height: 16px; width: 14px}.Toastify__close-button:focus,.Toastify__close-button:hover { opacity: 1}@-webkit-keyframes Toastify__trackProgress { 0% { transform: scaleX(1) } to { transform: scaleX(0) }}@keyframes Toastify__trackProgress { 0% { transform: scaleX(1) } to { transform: scaleX(0) }}.Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: .7; transform-origin: left}.Toastify__progress-bar--animated { -webkit-animation: Toastify__trackProgress linear 1 forwards; animation: Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled { transition: transform .2s}.Toastify__progress-bar--rtl { right: 0; left: auto; transform-origin: right}.Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border-radius: 100%; border: 2px solid; border-right: 2px solid var(--toastify-spinner-color); -webkit-animation: Toastify__spin .65s linear infinite; animation: Toastify__spin .65s linear infinite}@-webkit-keyframes Toastify__bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) } 75% { transform: translate3d(10px, 0, 0) } 90% { transform: translate3d(-5px, 0, 0) } to { transform: none }}@keyframes Toastify__bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) } 75% { transform: translate3d(10px, 0, 0) } 90% { transform: translate3d(-5px, 0, 0) } to { transform: none }}@-webkit-keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) } to { opacity: 0; transform: translate3d(2000px, 0, 0) }}@keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) } to { opacity: 0; transform: translate3d(2000px, 0, 0) }}@-webkit-keyframes Toastify__bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; transform: translate3d(25px, 0, 0) } 75% { transform: translate3d(-10px, 0, 0) } 90% { transform: translate3d(5px, 0, 0) } to { transform: none }}@keyframes Toastify__bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; transform: translate3d(25px, 0, 0) } 75% { transform: translate3d(-10px, 0, 0) } 90% { transform: translate3d(5px, 0, 0) } to { transform: none }}@-webkit-keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) } to { opacity: 0; transform: translate3d(-2000px, 0, 0) }}@keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) } to { opacity: 0; transform: translate3d(-2000px, 0, 0) }}@-webkit-keyframes Toastify__bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; transform: translate3d(0, -20px, 0) } 75% { transform: translate3d(0, 10px, 0) } 90% { transform: translate3d(0, -5px, 0) } to { transform: translateZ(0) }}@keyframes Toastify__bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; transform: translate3d(0, -20px, 0) } 75% { transform: translate3d(0, 10px, 0) } 90% { transform: translate3d(0, -5px, 0) } to { transform: translateZ(0) }}@-webkit-keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) } to { opacity: 0; transform: translate3d(0, -2000px, 0) }}@keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) } to { opacity: 0; transform: translate3d(0, -2000px, 0) }}@-webkit-keyframes Toastify__bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; transform: translate3d(0, 25px, 0) } 75% { transform: translate3d(0, -10px, 0) } 90% { transform: translate3d(0, 5px, 0) } to { transform: none }}@keyframes Toastify__bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; transform: translate3d(0, 25px, 0) } 75% { transform: translate3d(0, -10px, 0) } 90% { transform: translate3d(0, 5px, 0) } to { transform: none }}@-webkit-keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) } to { opacity: 0; transform: translate3d(0, 2000px, 0) }}@keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) } to { opacity: 0; transform: translate3d(0, 2000px, 0) }}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left { -webkit-animation-name: Toastify__bounceInLeft; animation-name: Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right { -webkit-animation-name: Toastify__bounceInRight; animation-name: Toastify__bounceInRight}.Toastify__bounce-enter--top-center { -webkit-animation-name: Toastify__bounceInDown; animation-name: Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center { -webkit-animation-name: Toastify__bounceInUp; animation-name: Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left { -webkit-animation-name: Toastify__bounceOutLeft; animation-name: Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right { -webkit-animation-name: Toastify__bounceOutRight; animation-name: Toastify__bounceOutRight}.Toastify__bounce-exit--top-center { -webkit-animation-name: Toastify__bounceOutUp; animation-name: Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center { -webkit-animation-name: Toastify__bounceOutDown; animation-name: Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 }}@keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 }}@-webkit-keyframes Toastify__zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 }}@keyframes Toastify__zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 }}.Toastify__zoom-enter { -webkit-animation-name: Toastify__zoomIn; animation-name: Toastify__zoomIn}.Toastify__zoom-exit { -webkit-animation-name: Toastify__zoomOut; animation-name: Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn { 0% { transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateX(-5deg) } to { transform: perspective(400px) }}@keyframes Toastify__flipIn { 0% { transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateX(-5deg) } to { transform: perspective(400px) }}@-webkit-keyframes Toastify__flipOut { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 }}@keyframes Toastify__flipOut { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 }}.Toastify__flip-enter { -webkit-animation-name: Toastify__flipIn; animation-name: Toastify__flipIn}.Toastify__flip-exit { -webkit-animation-name: Toastify__flipOut; animation-name: Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight { 0% { transform: translate3d(110%, 0, 0); visibility: visible } to { transform: translateZ(0) }}@keyframes Toastify__slideInRight { 0% { transform: translate3d(110%, 0, 0); visibility: visible } to { transform: translateZ(0) }}@-webkit-keyframes Toastify__slideInLeft { 0% { transform: translate3d(-110%, 0, 0); visibility: visible } to { transform: translateZ(0) }}@keyframes Toastify__slideInLeft { 0% { transform: translate3d(-110%, 0, 0); visibility: visible } to { transform: translateZ(0) }}@-webkit-keyframes Toastify__slideInUp { 0% { transform: translate3d(0, 110%, 0); visibility: visible } to { transform: translateZ(0) }}@keyframes Toastify__slideInUp { 0% { transform: translate3d(0, 110%, 0); visibility: visible } to { transform: translateZ(0) }}@-webkit-keyframes Toastify__slideInDown { 0% { transform: translate3d(0, -110%, 0); visibility: visible } to { transform: translateZ(0) }}@keyframes Toastify__slideInDown { 0% { transform: translate3d(0, -110%, 0); visibility: visible } to { transform: translateZ(0) }}@-webkit-keyframes Toastify__slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(110%, 0, 0) }}@keyframes Toastify__slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(110%, 0, 0) }}@-webkit-keyframes Toastify__slideOutLeft { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(-110%, 0, 0) }}@keyframes Toastify__slideOutLeft { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(-110%, 0, 0) }}@-webkit-keyframes Toastify__slideOutDown { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, 500px, 0) }}@keyframes Toastify__slideOutDown { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, 500px, 0) }}@-webkit-keyframes Toastify__slideOutUp { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, -500px, 0) }}@keyframes Toastify__slideOutUp { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, -500px, 0) }}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left { -webkit-animation-name: Toastify__slideInLeft; animation-name: Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right { -webkit-animation-name: Toastify__slideInRight; animation-name: Toastify__slideInRight}.Toastify__slide-enter--top-center { -webkit-animation-name: Toastify__slideInDown; animation-name: Toastify__slideInDown}.Toastify__slide-enter--bottom-center { -webkit-animation-name: Toastify__slideInUp; animation-name: Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left { -webkit-animation-name: Toastify__slideOutLeft; animation-name: Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right { -webkit-animation-name: Toastify__slideOutRight; animation-name: Toastify__slideOutRight}.Toastify__slide-exit--top-center { -webkit-animation-name: Toastify__slideOutUp; animation-name: Toastify__slideOutUp}.Toastify__slide-exit--bottom-center { -webkit-animation-name: Toastify__slideOutDown; animation-name: Toastify__slideOutDown}@-webkit-keyframes Toastify__spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) }}@keyframes Toastify__spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) }}/*!* animate.css - https://animate.style/* Version - 4.1.1* Licensed under the MIT license - http://opensource.org/licenses/MIT** Copyright (c) 2020 Animate.css*/:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1}.animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both}.animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}.animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat)}.animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat)*2); animation-iteration-count: calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat)*3); animation-iteration-count: calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay)}.animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay)*2); animation-delay: calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay)*3); animation-delay: calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay)*4); animation-delay: calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay)*5); animation-delay: calc(var(--animate-delay)*5)}.animate__animated.animate__faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration)/2); animation-duration: calc(var(--animate-duration)/2)}.animate__animated.animate__fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration)*.8); animation-duration: calc(var(--animate-duration)*.8)}.animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2)}.animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration)*3); animation-duration: calc(var(--animate-duration)*3)}@media(prefers-reduced-motion:reduce),print { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important } .animate__animated[class*=Out] { opacity: 0 }}@-webkit-keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) scaleY(1.05) } 80% { transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) scaleY(.95) } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02) }}@keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) scaleY(1.05) } 80% { transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) scaleY(.95) } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02) }}.animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; transform-origin: center bottom}@-webkit-keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 }}@keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 }}.animate__flash { -webkit-animation-name: flash; animation-name: flash}@-webkit-keyframes pulse { 0% { transform: scaleX(1) } 50% { transform: scale3d(1.05, 1.05, 1.05) } to { transform: scaleX(1) }}@keyframes pulse { 0% { transform: scaleX(1) } 50% { transform: scale3d(1.05, 1.05, 1.05) } to { transform: scaleX(1) }}.animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}@-webkit-keyframes rubberBand { 0% { transform: scaleX(1) } 30% { transform: scale3d(1.25, .75, 1) } 40% { transform: scale3d(.75, 1.25, 1) } 50% { transform: scale3d(1.15, .85, 1) } 65% { transform: scale3d(.95, 1.05, 1) } 75% { transform: scale3d(1.05, .95, 1) } to { transform: scaleX(1) }}@keyframes rubberBand { 0% { transform: scaleX(1) } 30% { transform: scale3d(1.25, .75, 1) } 40% { transform: scale3d(.75, 1.25, 1) } 50% { transform: scale3d(1.15, .85, 1) } 65% { transform: scale3d(.95, 1.05, 1) } 75% { transform: scale3d(1.05, .95, 1) } to { transform: scaleX(1) }}.animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand}@-webkit-keyframes shakeX { 0%, to { transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0) }}@keyframes shakeX { 0%, to { transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0) }}.animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX}@-webkit-keyframes shakeY { 0%, to { transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0) } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0) }}@keyframes shakeY { 0%, to { transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0) } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0) }}.animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY}@-webkit-keyframes headShake { 0% { transform: translateX(0) } 6.5% { transform: translateX(-6px) rotateY(-9deg) } 18.5% { transform: translateX(5px) rotateY(7deg) } 31.5% { transform: translateX(-3px) rotateY(-5deg) } 43.5% { transform: translateX(2px) rotateY(3deg) } 50% { transform: translateX(0) }}@keyframes headShake { 0% { transform: translateX(0) } 6.5% { transform: translateX(-6px) rotateY(-9deg) } 18.5% { transform: translateX(5px) rotateY(7deg) } 31.5% { transform: translateX(-3px) rotateY(-5deg) } 43.5% { transform: translateX(2px) rotateY(3deg) } 50% { transform: translateX(0) }}.animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake}@-webkit-keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } to { transform: rotate(0deg) }}@keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } to { transform: rotate(0deg) }}.animate__swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing}@-webkit-keyframes tada { 0% { transform: scaleX(1) } 10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { transform: scaleX(1) }}@keyframes tada { 0% { transform: scaleX(1) } 10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { transform: scaleX(1) }}.animate__tada { -webkit-animation-name: tada; animation-name: tada}@-webkit-keyframes wobble { 0% { transform: translateZ(0) } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { transform: translateZ(0) }}@keyframes wobble { 0% { transform: translateZ(0) } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { transform: translateZ(0) }}.animate__wobble { -webkit-animation-name: wobble; animation-name: wobble}@-webkit-keyframes jello { 0%, 11.1%, to { transform: translateZ(0) } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { transform: skewX(-.1953125deg) skewY(-.1953125deg) }}@keyframes jello { 0%, 11.1%, to { transform: translateZ(0) } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { transform: skewX(-.1953125deg) skewY(-.1953125deg) }}.animate__jello { -webkit-animation-name: jello; animation-name: jello; transform-origin: center}@-webkit-keyframes heartBeat { 0% { transform: scale(1) } 14% { transform: scale(1.3) } 28% { transform: scale(1) } 42% { transform: scale(1.3) } 70% { transform: scale(1) }}@keyframes heartBeat { 0% { transform: scale(1) } 14% { transform: scale(1.3) } 28% { transform: scale(1) } 42% { transform: scale(1.3) } 70% { transform: scale(1) }}.animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration)*1.3); animation-duration: calc(var(--animate-duration)*1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}@-webkit-keyframes backInDown { 0% { transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 }}@keyframes backInDown { 0% { transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 }}.animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown}@-webkit-keyframes backInLeft { 0% { transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 }}@keyframes backInLeft { 0% { transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 }}.animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft}@-webkit-keyframes backInRight { 0% { transform: translateX(2000px) scale(.7); opacity: .7 } 80% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 }}@keyframes backInRight { 0% { transform: translateX(2000px) scale(.7); opacity: .7 } 80% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 }}.animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight}@-webkit-keyframes backInUp { 0% { transform: translateY(1200px) scale(.7); opacity: .7 } 80% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 }}@keyframes backInUp { 0% { transform: translateY(1200px) scale(.7); opacity: .7 } 80% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 }}.animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp}@-webkit-keyframes backOutDown { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: translateY(700px) scale(.7); opacity: .7 }}@keyframes backOutDown { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: translateY(700px) scale(.7); opacity: .7 }}.animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown}@-webkit-keyframes backOutLeft { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: translateX(-2000px) scale(.7); opacity: .7 }}@keyframes backOutLeft { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: translateX(-2000px) scale(.7); opacity: .7 }}.animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft}@-webkit-keyframes backOutRight { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: translateX(2000px) scale(.7); opacity: .7 }}@keyframes backOutRight { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: translateX(2000px) scale(.7); opacity: .7 }}.animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight}@-webkit-keyframes backOutUp { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: translateY(-700px) scale(.7); opacity: .7 }}@keyframes backOutUp { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: translateY(-700px) scale(.7); opacity: .7 }}.animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp}@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 20% { transform: scale3d(1.1, 1.1, 1.1) } 40% { transform: scale3d(.9, .9, .9) } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03) } 80% { transform: scale3d(.97, .97, .97) } to { opacity: 1; transform: scaleX(1) }}@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 20% { transform: scale3d(1.1, 1.1, 1.1) } 40% { transform: scale3d(.9, .9, .9) } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03) } 80% { transform: scale3d(.97, .97, .97) } to { opacity: 1; transform: scaleX(1) }}.animate__bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -webkit-animation-name: bounceIn; animation-name: bounceIn}@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3) } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(.9) } 75% { transform: translate3d(0, -10px, 0) scaleY(.95) } 90% { transform: translate3d(0, 5px, 0) scaleY(.985) } to { transform: translateZ(0) }}@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3) } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(.9) } 75% { transform: translate3d(0, -10px, 0) scaleY(.95) } 90% { transform: translate3d(0, 5px, 0) scaleY(.985) } to { transform: translateZ(0) }}.animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown}@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) scaleX(3) } 60% { opacity: 1; transform: translate3d(25px, 0, 0) scaleX(1) } 75% { transform: translate3d(-10px, 0, 0) scaleX(.98) } 90% { transform: translate3d(5px, 0, 0) scaleX(.995) } to { transform: translateZ(0) }}@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) scaleX(3) } 60% { opacity: 1; transform: translate3d(25px, 0, 0) scaleX(1) } 75% { transform: translate3d(-10px, 0, 0) scaleX(.98) } 90% { transform: translate3d(5px, 0, 0) scaleX(.995) } to { transform: translateZ(0) }}.animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft}@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(3000px, 0, 0) scaleX(3) } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) scaleX(1) } 75% { transform: translate3d(10px, 0, 0) scaleX(.98) } 90% { transform: translate3d(-5px, 0, 0) scaleX(.995) } to { transform: translateZ(0) }}@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(3000px, 0, 0) scaleX(3) } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) scaleX(1) } 75% { transform: translate3d(10px, 0, 0) scaleX(.98) } 90% { transform: translate3d(-5px, 0, 0) scaleX(.995) } to { transform: translateZ(0) }}.animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight}@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5) } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(.9) } 75% { transform: translate3d(0, 10px, 0) scaleY(.95) } 90% { transform: translate3d(0, -5px, 0) scaleY(.985) } to { transform: translateZ(0) }}@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5) } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(.9) } 75% { transform: translate3d(0, 10px, 0) scaleY(.95) } 90% { transform: translate3d(0, -5px, 0) scaleY(.985) } to { transform: translateZ(0) }}.animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp}@-webkit-keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; transform: scale3d(.3, .3, .3) }}@keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; transform: scale3d(.3, .3, .3) }}.animate__bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -webkit-animation-name: bounceOut; animation-name: bounceOut}@-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0) scaleY(.985) } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(.9) } to { opacity: 0; transform: translate3d(0, 2000px, 0) scaleY(3) }}@keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0) scaleY(.985) } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(.9) } to { opacity: 0; transform: translate3d(0, 2000px, 0) scaleY(3) }}.animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown}@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) scaleX(.9) } to { opacity: 0; transform: translate3d(-2000px, 0, 0) scaleX(2) }}@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) scaleX(.9) } to { opacity: 0; transform: translate3d(-2000px, 0, 0) scaleX(2) }}.animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft}@-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) scaleX(.9) } to { opacity: 0; transform: translate3d(2000px, 0, 0) scaleX(2) }}@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) scaleX(.9) } to { opacity: 0; transform: translate3d(2000px, 0, 0) scaleX(2) }}.animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight}@-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0) scaleY(.985) } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(.9) } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3) }}@keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0) scaleY(.985) } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(.9) } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3) }}.animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp}@-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 }}@keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 }}.animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn}@-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown}@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig}@-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft}@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig}@-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight}@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig}.animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp}@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig}@-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft}@-webkit-keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight}@-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0) } to { opacity: 1; transform: translateZ(0) }}@keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0) } to { opacity: 1; transform: translateZ(0) }}.animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight}@-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 }}@keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 }}.animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut}@-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, 100%, 0) }}@keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, 100%, 0) }}.animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown}@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, 2000px, 0) }}@keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, 2000px, 0) }}.animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig}@-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-100%, 0, 0) }}@keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-100%, 0, 0) }}.animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft}@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-2000px, 0, 0) }}@keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-2000px, 0, 0) }}.animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig}@-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%, 0, 0) }}@keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%, 0, 0) }}.animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight}@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(2000px, 0, 0) }}@keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(2000px, 0, 0) }}.animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig}@-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, -100%, 0) }}@keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, -100%, 0) }}.animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp}@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, -2000px, 0) }}@keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, -2000px, 0) }}.animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(-100%, -100%, 0) }}@keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(-100%, -100%, 0) }}.animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(100%, -100%, 0) }}@keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(100%, -100%, 0) }}.animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(100%, 100%, 0) }}@keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(100%, 100%, 0) }}.animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(-100%, 100%, 0) }}@keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(-100%, 100%, 0) }}.animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft}@-webkit-keyframes flip { 0% { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }}@keyframes flip { 0% { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }}.animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip}@-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateX(-5deg) } to { transform: perspective(400px) }}@keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateX(-5deg) } to { transform: perspective(400px) }}.animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX}@-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateY(-5deg) } to { transform: perspective(400px) }}@keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateY(-5deg) } to { transform: perspective(400px) }}.animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY}@-webkit-keyframes flipOutX { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 }}@keyframes flipOutX { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 }}.animate__flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important}@-webkit-keyframes flipOutY { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { transform: perspective(400px) rotateY(90deg); opacity: 0 }}@keyframes flipOutY { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { transform: perspective(400px) rotateY(90deg); opacity: 0 }}.animate__flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY}@-webkit-keyframes lightSpeedInRight { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { transform: skewX(20deg); opacity: 1 } 80% { transform: skewX(-5deg) } to { transform: translateZ(0) }}@keyframes lightSpeedInRight { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { transform: skewX(20deg); opacity: 1 } 80% { transform: skewX(-5deg) } to { transform: translateZ(0) }}.animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}@-webkit-keyframes lightSpeedInLeft { 0% { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0 } 60% { transform: skewX(-20deg); opacity: 1 } 80% { transform: skewX(5deg) } to { transform: translateZ(0) }}@keyframes lightSpeedInLeft { 0% { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0 } 60% { transform: skewX(-20deg); opacity: 1 } 80% { transform: skewX(5deg) } to { transform: translateZ(0) }}.animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}@-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1 } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 }}@keyframes lightSpeedOutRight { 0% { opacity: 1 } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 }}.animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}@-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0 }}@keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0 }}.animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}@-webkit-keyframes rotateIn { 0% { transform: rotate(-200deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}@keyframes rotateIn { 0% { transform: rotate(-200deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}.animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; transform-origin: center}@-webkit-keyframes rotateInDownLeft { 0% { transform: rotate(-45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}@keyframes rotateInDownLeft { 0% { transform: rotate(-45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}.animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; transform-origin: left bottom}@-webkit-keyframes rotateInDownRight { 0% { transform: rotate(45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}@keyframes rotateInDownRight { 0% { transform: rotate(45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}.animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; transform-origin: right bottom}@-webkit-keyframes rotateInUpLeft { 0% { transform: rotate(45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}@keyframes rotateInUpLeft { 0% { transform: rotate(45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}.animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; transform-origin: left bottom}@-webkit-keyframes rotateInUpRight { 0% { transform: rotate(-90deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}@keyframes rotateInUpRight { 0% { transform: rotate(-90deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 }}.animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; transform-origin: right bottom}@-webkit-keyframes rotateOut { 0% { opacity: 1 } to { transform: rotate(200deg); opacity: 0 }}@keyframes rotateOut { 0% { opacity: 1 } to { transform: rotate(200deg); opacity: 0 }}.animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; transform-origin: center}@-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1 } to { transform: rotate(45deg); opacity: 0 }}@keyframes rotateOutDownLeft { 0% { opacity: 1 } to { transform: rotate(45deg); opacity: 0 }}.animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; transform-origin: left bottom}@-webkit-keyframes rotateOutDownRight { 0% { opacity: 1 } to { transform: rotate(-45deg); opacity: 0 }}@keyframes rotateOutDownRight { 0% { opacity: 1 } to { transform: rotate(-45deg); opacity: 0 }}.animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; transform-origin: right bottom}@-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1 } to { transform: rotate(-45deg); opacity: 0 }}@keyframes rotateOutUpLeft { 0% { opacity: 1 } to { transform: rotate(-45deg); opacity: 0 }}.animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; transform-origin: left bottom}@-webkit-keyframes rotateOutUpRight { 0% { opacity: 1 } to { transform: rotate(90deg); opacity: 0 }}@keyframes rotateOutUpRight { 0% { opacity: 1 } to { transform: rotate(90deg); opacity: 0 }}.animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; transform-origin: right bottom}@-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { transform: translate3d(0, 700px, 0); opacity: 0 }}@keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { transform: translate3d(0, 700px, 0); opacity: 0 }}.animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); -webkit-animation-name: hinge; animation-name: hinge; transform-origin: top left}@-webkit-keyframes jackInTheBox { 0% { opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { transform: rotate(-10deg) } 70% { transform: rotate(3deg) } to { opacity: 1; transform: scale(1) }}@keyframes jackInTheBox { 0% { opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { transform: rotate(-10deg) } 70% { transform: rotate(3deg) } to { opacity: 1; transform: scale(1) }}.animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox}@-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; transform: translateZ(0) }}@keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; transform: translateZ(0) }}.animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn}@-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg) }}@keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg) }}.animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut}@-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 }}@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 }}.animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn}@-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}@keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}.animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown}@-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}@keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}.animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft}@-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}@keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}.animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight}@-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}@keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}.animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp}@-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 }}@keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 }}.animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut}@-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}.animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; transform-origin: center bottom}@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0) }}@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0) }}.animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; transform-origin: left center}@-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0) }}@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0) }}.animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; transform-origin: right center}@-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }}.animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; transform-origin: center bottom}@-webkit-keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible } to { transform: translateZ(0) }}@keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible } to { transform: translateZ(0) }}.animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown}@-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible } to { transform: translateZ(0) }}@keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible } to { transform: translateZ(0) }}.animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft}@-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible } to { transform: translateZ(0) }}@keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible } to { transform: translateZ(0) }}.animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight}@-webkit-keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible } to { transform: translateZ(0) }}@keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible } to { transform: translateZ(0) }}.animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp}@-webkit-keyframes slideOutDown { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, 100%, 0) }}@keyframes slideOutDown { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, 100%, 0) }}.animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown}@-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(-100%, 0, 0) }}@keyframes slideOutLeft { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(-100%, 0, 0) }}.animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft}@-webkit-keyframes slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(100%, 0, 0) }}@keyframes slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(100%, 0, 0) }}.animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight}@-webkit-keyframes slideOutUp { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, -100%, 0) }}@keyframes slideOutUp { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, -100%, 0) }}.animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp}* { box-sizing: border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block}body { font-family: Montserrat, sans-serif; background: radial-gradient(550px at 50% 400px, #191927 0, #12121e 100%); color: #fff; background-repeat: no-repeat; background-color: #12121e}body.no_scroll { overflow: hidden}ol,ul { list-style: none}blockquote,q { quotes: none}blockquote:after,blockquote:before,q:after,q:before { content: ""; content: none}table { border-collapse: collapse; border-spacing: 0}.svg_holder { position: absolute; width: 0; height: 0}.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important}a { color: #fff; text-decoration: none}a:focus { outline: none}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover { border: 0; -webkit-text-fill-color: hsla(0, 0%, 100%, .8); -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s}textarea { flex-grow: 1; color: #86868e; height: 100px; width: 100%; background: rgba(0, 0, 0, .2); border: 1px solid transparent; border-radius: 10px; resize: none; font-size: .875em; padding: 10px}textarea::-webkit-scrollbar { width: 0; background: transparent}textarea:focus { outline: none; border: 1px solid #212235}html:not(.is_mobile) .ReactModalPortal::-webkit-scrollbar,html:not(.is_mobile) .react-responsive-modal-container::-webkit-scrollbar,html:not(.is_mobile)::-webkit-scrollbar { width: 6px; height: 6px}html:not(.is_mobile) .ReactModalPortal::-webkit-scrollbar-track,html:not(.is_mobile) .react-responsive-modal-container::-webkit-scrollbar-track,html:not(.is_mobile)::-webkit-scrollbar-track { background: #12121e}html:not(.is_mobile) .ReactModalPortal::-webkit-scrollbar-thumb,html:not(.is_mobile) .react-responsive-modal-container::-webkit-scrollbar-thumb,html:not(.is_mobile)::-webkit-scrollbar-thumb { background: #1a1c2d}html:not(.is_mobile) .ReactModalPortal::-webkit-scrollbar-thumb:hover,html:not(.is_mobile) .react-responsive-modal-containerl::-webkit-scrollbar-thumb:hover,html:not(.is_mobile)::-webkit-scrollbar-thumb:hover { background: #22243b}html:not(.is_mobile) .cs__menu-list::-webkit-scrollbar { width: 4px; height: 4px}html:not(.is_mobile) .cs__menu-list::-webkit-scrollbar-track { background: #434c73}html:not(.is_mobile) .cs__menu-list::-webkit-scrollbar-thumb,html:not(.is_mobile) .cs__menu-list::-webkit-scrollbar-thumb:hover { background: #6575b0}html:not(.is_mobile) .boxes::-webkit-scrollbar { width: 0; height: 0}.page { display: flex; flex-direction: column; min-height: 100vh}.page .sections.section_full>div:first-child { margin-top: 0}@media(min-width:1440px) { body { font-size: 16px }}@media(min-width:1281px)and (max-width:1439px) { body { font-size: 14px }}@media(min-width:1025px)and (max-width:1280px) { body { font-size: 12px }}@media(min-width:768px)and (max-width:1024px) { body { font-size: 12px }}@media(min-width:481px)and (max-width:767px) { body { font-size: 12px }}@media(max-width:480px) { body { font-size: 12px }}.react-responsive-modal-container,.react-responsive-modal-modal,.react-responsive-modal-overlay { -webkit-animation-fill-mode: forwards !important; animation-fill-mode: forwards !important}[class*=" icon_"],[class^=icon_] { speak: never; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}.icon_cookies:before { content: ""}.icon_new_tab:before { content: ""}.icon_device_macbook:before { content: ""}.icon_device_android:before { content: ""}.icon_device_desktop:before { content: ""}.icon_device_iphone:before { content: ""}.icon_device_ipad:before { content: ""}.icon_cashback:before { content: ""}.icon_trophy:before { content: ""}.icon_rewards:before { content: ""}.icon_task:before { content: ""}.icon_bell:before { content: ""}.icon_day:before { content: ""}.icon_tree:before { content: ""}.icon_pumpkin:before { content: ""}.icon_triangle:before { content: ""}.icon_roll:before { content: ""}.icon_adblock:before { content: ""}.icon_ticket:before { content: ""}.icon_times:before { content: ""}.icon_discord:before { content: ""}.icon_vpn:before { content: ""}.icon_danger_circle:before { content: ""}.icon_success_circle:before { content: ""}.icon_warning_circle:before { content: ""}.icon_google:before { content: ""}.icon_twitter:before { content: ""}.icon_user_circle:before { content: ""}.icon_new_user_circle:before { content: ""}.icon_password_user_circle:before { content: ""}.icon_earn:before { content: ""}.icon_shop:before { content: ""}.icon_surveys:before { content: ""}.icon_angle:before { content: ""}.icon_logout:before { content: ""}.icon_user:before { content: ""}.icon_star:before { content: ""}.icon_users:before { content: ""}.icon_rss:before { content: ""}.icon_smile:before { content: ""}.icon_affiliates:before { content: ""}.icon_leaderboard:before { content: ""}.icon_hamburger:before { content: ""}.icon_chat:before { content: ""}.icon_coins:before { content: ""}.icon_clock:before { content: ""}.icon_crown:before { content: ""}.icon_wallet:before { content: ""}.icon_angle_right:before { content: ""}.icon_arrows:before { content: ""}.icon_minus:before { content: ""}.icon_plus:before { content: ""}.icon_paypal:before { content: ""}.icon_coins_pile:before { content: ""}.icon_dolar:before { content: ""}.icon_support_people:before { content: ""}.icon_unlimited:before { content: ""}.icon_mobile2:before { content: ""}.icon_open:before { content: ""}.icon_info_circle:before { content: ""}.icon_support:before { content: ""}.icon_calendar:before { content: ""}.icon_upload:before { content: ""}.icon_survey_star_empty:before { content: ""}.icon_survey_star_half:before { content: ""}.icon_survey_star_full:before { content: ""}.icon_cancel_circle:before { content: ""}.icon_block:before { content: ""}.icon_cross:before { content: ""}.icon_box_closed:before { content: ""}.icon_box_open:before { content: ""}.icon_box:before { content: ""}.icon_instagram:before { content: ""}.icon_arrow_left:before { content: ""}.icon_apple:before { content: ""}.icon_android:before { content: ""}.icon_mobile:before { content: ""}.icon_play:before { content: ""}.icon_rate:before { content: ""}.icon_robot:before { content: ""}.icon_twitch:before { content: ""}.text_gold { background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text}.text_blue,.text_gold { -webkit-text-fill-color: transparent}.text_blue { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text}.text_red { color: #eb5757}.text_green { color: #57eb77}.text_purple { color: #c057eb}.text_gray { color: #86868e}.text_blue_simple { color: #9aa9e2}.text_gold_simple { color: #a9a9ca}.text_white { color: #fff !important}.text_center { text-align: center}.no_drag { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none}.no_select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}.shine { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 300px; background: #fff; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1) 50%, hsla(0, 0%, 100%, 0))}@-webkit-keyframes shine { 0% { transform: translateX(-100%) } 20% { transform: translateX(100%) } to { transform: translateX(100%) }}@keyframes shine { 0% { transform: translateX(-100%) } 20% { transform: translateX(100%) } to { transform: translateX(100%) }}ul { padding: 1em 2em}ul li+li { padding-top: 1em}small { font-size: .875em}.section ul li:before { /* content: "•"; */ color: #434c73; font-weight: 700; display: inline-block; width: 1em; margin-left: -1em}ol { list-style: none; counter-reset: counter}ol li+li { padding-top: .6em}ol li { counter-increment: counter}ol li .text { padding-top: .1em}ol li:before { content: counter(counter); background: rgba(154, 169, 226, .2); border-radius: 50%; width: 1.6em; height: 1.6em; display: inline-flex; align-items: center; justify-content: center; margin-right: 1em; font-size: .875em}dl { list-style: none}dl li+li { padding-top: .6em}dl li .text { padding-top: .1em}dl li:before { content: "."; background: rgba(154, 169, 226, .2); border-radius: 50%; width: 1.6em; height: 1.6em; display: inline-flex; align-items: center; justify-content: center; margin-right: 1em; font-size: .875em}em { padding: .5em 0; display: block}h2 { font-size: 1.375em; margin: 20px 0; background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.panel_body iframe { background: #fff}.loader_ring { display: inline-block; width: 50px; height: 50px}.loader_ring:after { content: " "; display: block; width: 30px; height: 30px; margin: 4px; border-radius: 50%; border-color: #6575b0 transparent; border-style: solid; border-width: 4px; -webkit-animation: loader_ring 1.2s linear infinite; animation: loader_ring 1.2s linear infinite}@-webkit-keyframes loader_ring { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) }}@keyframes loader_ring { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) }}.tags { display: flex; flex-wrap: wrap; margin: -4px}.tags>div { padding: 4px}.tags .badge { padding: 1em 1.2em; text-transform: uppercase; background: #191a28; transition: background-color .2s}.trustpilot { min-height: 40px}main { display: flex; flex-direction: column; min-height: 100vh; transition: padding .2s}@media(min-width:1600px) { .wall_main, main { padding-top: 80px }}@media(min-width:1440px)and (max-width:1599px) { .wall_main, main { padding-top: 75px }}@media(min-width:1599px) { body #app_wrapper.chat_open footer, body #app_wrapper.chat_open main { padding-right: 300px } body #app_wrapper.stats_open main { padding-top: 182px }}@media(min-width:1440px)and (max-width:1599px) { body #app_wrapper.chat_open footer, body #app_wrapper.chat_open main { padding-right: 260px } body #app_wrapper.stats_open main { padding-top: 176px }}@media(min-width:1281px)and (max-width:1439px) { .wall_main, main { padding-top: 70px } body #app_wrapper.chat_open footer, body #app_wrapper.chat_open main { padding-right: 240px } body #app_wrapper.stats_open main { padding-top: 168px }}@media(min-width:1025px)and (max-width:1280px) { .wall_main, main { padding-top: 70px } body #app_wrapper.chat_open footer, body #app_wrapper.chat_open main { padding-right: 220px } body #app_wrapper.stats_open main { padding-top: 164px }}@media(min-width:768px)and (max-width:1024px) { .wall_main, main { padding-top: 65px } body #app_wrapper.stats_open main { padding-top: 158px }}@media(min-width:481px)and (max-width:767px) { .wall_main, main { padding-top: 60px } body #app_wrapper.stats_open main { padding-top: 214px }}@media(max-width:480px) { .wall_main, main { padding-top: 60px } body #app_wrapper.stats_open main { padding-top: 204px }}.star_box { padding: 1em 2em; border: 1px solid #212235; background: #191a28; display: grid; grid-gap: .5em; gap: .5em; grid-template-columns: repeat(5, -webkit-min-content); grid-template-columns: repeat(5, min-content); justify-content: center; border-radius: 10px; width: -webkit-min-content; width: -moz-min-content; width: min-content; margin-left: auto; margin-right: auto}button { background: transparent; padding: 0; border: 0; align-items: inherit; font-size: 1em}button:focus { outline: 0}.buttons { display: flex; flex-wrap: wrap}.buttons.buttons_center { justify-content: center; align-items: center}.buttons.buttons_right { justify-content: flex-end; align-items: flex-end}.buttons_grid { display: grid; grid-gap: 20px; gap: 20px}.buttons_grid.cnt_1 { grid-template-columns: repeat(1, 1fr)}.buttons_grid.cnt_2 { grid-template-columns: repeat(2, 1fr)}.buttons_grid.cnt_3 { grid-template-columns: repeat(3, 1fr)}.hexagon_button { display: grid; grid-template-columns: -webkit-min-content auto -webkit-min-content; grid-template-columns: min-content auto min-content; height: 3em}.hexagon_button:disabled { opacity: .6}.hexagon_button:disabled .text { cursor: default}.hexagon_button svg { height: 3em; cursor: pointer}.hexagon_button svg path { transition: fill .5s ease}.hexagon_button .svg_left { margin-right: -2px}.hexagon_button .svg_right { margin-left: -2px}.hexagon_button .text { white-space: nowrap; display: flex; align-items: center; justify-content: center; padding: 0 10px; cursor: pointer; font-weight: 600; flex-grow: 2; transition: background-color .5s; z-index: 2}.hexagon_button.btn_qua { width: 25%}.hexagon_button.btn_half { width: 50%}.hexagon_button.btn_full { width: 100%}.hexagon_button.btn_small { height: 2em}.hexagon_button.btn_small .text { padding: 0 5px}.hexagon_button.btn_large { height: 4em}.hexagon_button.btn_large .text { padding: 0 15px}.hexagon_button.btn_gold svg { fill: #a9a9ca}.hexagon_button.btn_gold .text { background: linear-gradient(180deg, #a9a9ca, #a9a9ca); color: rgba(0, 0, 0, .8)}/* .hexagon_button.btn_gold:hover:not(:disabled) svg { fill: #a9a9ca}.hexagon_button.btn_gold:hover:not(:disabled) .text { background: #a9a9ca} */.hexagon_button.btn_gold:active svg { fill: #a9a9ca}.hexagon_button.btn_gold:active .text { background: #a9a9ca}.hexagon_button.btn_blue svg { fill: url(#gradient_blue)}.hexagon_button.btn_blue .text { background: linear-gradient(180deg, #9aa9e2, #6575b0); color: hsla(0, 0%, 100%, .8)}.hexagon_button.btn_blue:hover:not(:disabled) svg { fill: url(#gradient_blue_hover)}.hexagon_button.btn_blue:hover:not(:disabled) .text { background: linear-gradient(180deg, #96a6e6, #5f72b6)}.hexagon_button.btn_blue:active svg { fill: url(#gradient_blue_active)}.hexagon_button.btn_blue:active .text { background: linear-gradient(180deg, #94a0d3, #5e6da3)}.hexagon_button.btn_red svg { fill: url(#gradient_red)}.hexagon_button.btn_red .text { background: linear-gradient(180deg, #eb5757, #b34f4f); color: hsla(0, 0%, 100%, .8)}.hexagon_button.btn_red:hover:not(:disabled) svg { fill: url(#gradient_red_hover)}.hexagon_button.btn_red:hover:not(:disabled) .text { background: linear-gradient(180deg, #f05050, #b34f4f)}.hexagon_button.btn_red:active svg { fill: url(#gradient_red_active)}.hexagon_button.btn_red:active .text { background: linear-gradient(180deg, #d65454, #a34c4c)}.hexagon_button.btn_green svg { fill: url(#gradient_green)}.hexagon_button.btn_green .text { background: linear-gradient(180deg, #57eb77, #53cc6d); color: hsla(0, 0%, 100%, .8)}.hexagon_button.btn_green:hover:not(:disabled) svg { fill: url(#gradient_green_hover)}.hexagon_button.btn_green:hover:not(:disabled) .text { background: linear-gradient(180deg, #40f066, #48d467)}.hexagon_button.btn_green:active svg { fill: url(#gradient_green_active)}.hexagon_button.btn_green:active .text { background: linear-gradient(180deg, #5ae077, #52bd69)}.hexagon_button.btn_dark svg { fill: #212235}.hexagon_button.btn_dark .text { background: #212235; color: hsla(0, 0%, 100%, .8)}.hexagon_button.btn_dark:hover:not(:disabled) svg { fill: #1a1b2a}.hexagon_button.btn_dark:hover:not(:disabled) .text { background: #1a1b2a}.hexagon_button.btn_dark:active svg { fill: #202236}.hexagon_button.btn_dark:active .text { background: #202236}@media(min-width:768px) { .hexagon_button { min-width: 200px } .hexagon_button.btn_qua { min-width: 380px }}@media(max-width:767px) { .hexagon_button.btn_qua { min-width: 200px }}input { background: transparent; padding: 0; border: 0; align-items: inherit; font-size: 1em}input:focus { outline: 0}input:focus-visible { outline: none}input::-moz-placeholder { color: rgba(154, 169, 226, .7); opacity: 1}input:-ms-input-placeholder { opacity: 1}input::placeholder { color: rgba(154, 169, 226, .7); opacity: 1}input:-ms-input-placeholder { color: rgba(154, 169, 226, .7)}input::-ms-input-placeholder { color: rgba(154, 169, 226, .7)}input[type=datetime-local]::-webkit-calendar-picker-indicator { filter: invert(.6)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover { -webkit-background-clip: text}input:-webkit-autofill { border: 0; background-color: transparent !important}input:autofill { border: 0; background-color: transparent !important}.hexagon_input { height: 3em; display: grid; grid-template-columns: -webkit-min-content auto -webkit-min-content; grid-template-columns: min-content auto min-content}.hexagon_input svg { height: 3em; fill: rgba(0, 0, 0, .1); cursor: text; flex-shrink: 0}.hexagon_input .input { flex-grow: 2; background: rgba(0, 0, 0, .1); cursor: text}.hexagon_input .input input { min-width: 0; width: 100%; height: 100%; color: #ddd; display: flex; align-items: center}.hexagon_input .form_control { background: rgba(0, 0, 0, .1); position: relative; display: flex; align-items: center}.hexagon_input.input_full { width: 100%}.hexagon_input.input_half { width: 50%}.phone_input { display: flex; align-items: center; background: #6575b0; padding: .7em .6em; border-radius: 10px}.phone_input .image { position: relative; width: 25px; height: 15px; margin-right: .6em}.dropdown,.dropdown .flag { position: relative}.dropdown .dropdown_current { display: flex; align-items: center; padding: 5px 10px; cursor: pointer; white-space: nowrap; transition: color .3s ease-out}.dropdown.locale_dropdown .dropdown_list .element>span { padding: 5px 10px}.dropdown .dropdown_list { cursor: auto; display: none; position: absolute; background: #1e2036; min-width: 100%; z-index: 60}.dropdown .dropdown_list ul { margin: 0; padding: 0; list-style-type: none}.dropdown .dropdown_list ul li { list-style: none; margin: 0; padding: 0}.dropdown .dropdown_list ul li:before { content: ""; font-weight: 700; display: none; width: auto; margin-left: 0}.dropdown .dropdown_list ul .line { padding: 1px 0; background: #1c1d30}.dropdown .dropdown_list ul .element { display: flex; cursor: pointer; align-items: center; white-space: nowrap; font-size: .938em; transition: background-color .3s ease-out}.dropdown .dropdown_list ul .element .icon { display: flex; align-items: center; justify-content: center; background: rgba(25, 26, 41, .5); width: 3.2em; height: 3.2em}.dropdown .dropdown_list ul .element .text { padding: 12px}.dropdown .dropdown_list ul .element:hover { background: rgba(25, 26, 41, .5)}.dropdown.active .dropdown_current { color: #fff; background: #1e2036; box-shadow: 3px 5px 9px 0 rgba(1, 1, 2, .1)}.dropdown.active .dropdown_list { display: block; box-shadow: 3px 5px 9px 0 rgba(1, 1, 2, .1)}.hexagon_dropdown { height: 3em; position: relative; display: inline-grid; grid-template-columns: -webkit-min-content auto -webkit-min-content; grid-template-columns: min-content auto min-content}.hexagon_dropdown svg { height: 3em; fill: rgba(0, 0, 0, .1); transition: fill .1s ease; cursor: pointer}.hexagon_dropdown:hover svg { fill: #32334f}.hexagon_dropdown:hover .custom_select .cs__control { background: #32334f}.hexagon_dropdown .custom_select { flex-grow: 2}.hexagon_dropdown .custom_select .cs__control { height: 100%; border-radius: 0; background: rgba(0, 0, 0, .1); border: 0; z-index: 2; box-shadow: none; cursor: pointer; min-height: 0}.hexagon_dropdown .custom_select .cs__control .cs__indicator-separator { width: 0}.hexagon_dropdown .custom_select .cs__control .cs__placeholder { color: rgba(154, 169, 226, .7)}.hexagon_dropdown .custom_select .cs__control .cs__single-value { color: #fff; line-height: 1.2em}.hexagon_dropdown .custom_select .cs__control .cs__indicator { padding: 0}.hexagon_dropdown .custom_select .cs__control .cs__indicator svg { width: 1.125em; height: 1.125em; fill: rgba(154, 169, 226, .7); transition: transform .2s}.hexagon_dropdown .custom_select .cs__menu { background: #434c73; border-radius: 10px; white-space: nowrap; overflow: hidden; width: auto; min-width: 100%}.hexagon_dropdown .custom_select .cs__menu .cs__option { cursor: pointer}.hexagon_dropdown .custom_select .cs__menu .cs__option.cs__option--is-selected { background: #96a6e1}.hexagon_dropdown .custom_select .cs__menu .cs__option.cs__option--is-focused:not(.cs__option--is-selected) { background: #6575b0}.hexagon_dropdown.is_open { z-index: 65}.hexagon_dropdown.is_open svg { fill: #434c73}.hexagon_dropdown.is_open .custom_select .cs__control { background: #434c73}.hexagon_dropdown.is_open .custom_select .cs__control .cs__indicator svg { transform: rotate(180deg)}.hexagon_dropdown.full_width { width: 100%}.hexagon_dropdown.half_width { width: 50%}.hexagon_dropdown .space_option { display: flex; justify-content: space-between}.hexagon_dropdown .image_option { display: flex; align-items: center}.hexagon_dropdown .image_option .image { height: 1em; width: 1.4em; position: relative; margin-right: 10px}@media(min-width:1600px) { .hexagon_dropdown { min-width: 300px }}@media(min-width:1440px)and (max-width:1599px) { .hexagon_dropdown { min-width: 280px }}@media(min-width:1440px) { .dropdown .flag { width: 32px; height: 32px }}@media(min-width:1281px)and (max-width:1439px) { .dropdown .flag { width: 30px; height: 30px } .hexagon_dropdown { min-width: 260px }}@media(min-width:1025px)and (max-width:1280px) { .dropdown .flag { width: 25px; height: 25px } .hexagon_dropdown { min-width: 240px }}@media(max-width:1024px) { .dropdown .flag { width: 20px; height: 20px } .hexagon_dropdown { min-width: 200px }}.hexagon_switch { position: relative; display: inline-block; margin: 0 2px}.hexagon_switch.disabled { opacity: .5}.hexagon_switch input { opacity: 0; width: 0; height: 0}.slider { position: absolute; cursor: pointer; left: 0; right: 0; background-color: rgba(154, 169, 226, .1); border-radius: 10px; transition: .4s}input:checked+.slider { background-color: rgba(154, 169, 226, .5)}input:checked+.slider:before { transform: translateX(26px)}.slider .svg { position: absolute; transition: .4s}.slider .svg svg { width: 100%; height: 100%}.slider .svg svg .switch_gradient { fill: url(#gradient_dark)}.slider .svg svg .switch_arrow { transition: .2s; fill: #5a6182}.slider .svg svg .switch_arrow_shadow { transition: .2s; fill: #232637}input:checked+.slider .svg { transform: translateX(28px)}input:checked+.slider .svg svg { width: 100%; height: 100%}input:checked+.slider .svg svg .switch_gradient { fill: url(#gradient_green)}input:checked+.slider .svg svg .switch_arrow { fill: #fff}input:checked+.slider .svg svg .switch_arrow_shadow { fill: #0c412c}@media(min-width:1025px) { .hexagon_switch { width: 60px; height: 36px } .slider { top: 10px; bottom: 10px } .slider .svg { top: -10px; left: -2px; width: 36px; height: 36px } input:checked+.slider .svg { transform: translateX(28px) }}@media(max-width:1024px) { .hexagon_switch { width: 40px; height: 26px } .slider { top: 8px; bottom: 8px } .slider .svg { top: -8px; left: -2px; width: 26px; height: 26px } input:checked+.slider .svg { transform: translateX(20px) }}.hexagon_div { height: 3em; position: relative; display: grid; grid-template-columns: -webkit-min-content auto -webkit-min-content; grid-template-columns: min-content auto min-content}.hexagon_div svg { height: 3em; cursor: text; fill: rgba(0, 0, 0, .2); transition: fill .1s ease; flex-shrink: 0}.hexagon_div .text { background: rgba(0, 0, 0, .2); align-items: center; display: flex; flex-grow: 2; justify-content: center}.hexagon_div.hexagon_stats,.hexagon_div.hexagon_stats svg { height: 5em}.hexagon_div.hexagon_stats .with_icon { display: flex; align-items: center}.hexagon_div.hexagon_stats .with_icon .icon { font-size: 1.875em; margin-right: 20px}.hexagon_div.hexagon_stats .with_icon .box { align-items: flex-start}.hexagon_div.hexagon_stats .with_icon .box .stat_bottom { text-align: left}.hexagon_div.hexagon_stats .box { display: flex; flex-direction: column; align-items: center}.hexagon_div.hexagon_stats .box .stat_top { font-size: 1.5em}.hexagon_div.hexagon_stats .box .stat_bottom { margin-top: .5em; text-transform: uppercase; font-size: .75em; text-align: center}.hexagon_group { display: inline-flex}.hexagon_group .text { flex-grow: 2; justify-content: center}.hexagon_group .hexagon_div { width: 50%}.hexagon_group .hexagon_div:first-child { margin-right: -25px; z-index: 2; flex-grow: 2}.hexagon_group .hexagon_div:first-child svg { fill: #1e1f30}.hexagon_group .hexagon_div:first-child .text { background: #1e1f30; padding-right: 10px}.hexagon_group .hexagon_div:last-child { margin-left: -25px; flex-grow: 2}.hexagon_group .hexagon_div:last-child svg { fill: url(#gradient_blue)}.hexagon_group .hexagon_div:last-child .text { background: linear-gradient(180deg, #9aa9e2, #6575b0); padding-left: 30px}.hexagon_group .hexagon_div:last-child .text .stat_bottom { color: #fff}.hexagon_group.full_width { width: 100%}.hexagon_avatar { position: relative}.hexagon_avatar .avatar_inner { display: grid}.hexagon_avatar .avatar_inner .avatar_box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 12% 6%; filter: url(#round)}.hexagon_avatar .avatar_inner .avatar_box .avatar_image { width: 100%; height: 100%; /* -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); */ /* clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%) */}.hexagon_avatar .avatar_inner .avatar_box .avatar_image>span { transform: scale(.87); margin-top: 4% !important}.alert_page+.sections.section_full>div:first-child { margin-top: 0}.sections { display: flex; flex-direction: column; flex-grow: 2}.sections.section_full>div:first-child { margin-top: 25px}.sections .section_box:not(.no_bg) { background: rgba(101, 117, 176, .05); flex-grow: 2}.sections .section_box.bg_dark { background: #1e1f30}.sections .section_box.bg_dark2 { background: rgba(84, 98, 146, .1)}.sections .section_box.bg_dark3 { background: #191a28}.sections .section_box.bg_stats { background: rgba(154, 169, 226, .05) !important}.sections .section_box .section { max-width: 1580px; margin: 0 auto}.sections .section_box .section .section_info { display: flex; flex-direction: column}.sections .section_box .section .section_info .title { font-size: 1.5em}.sections .section_box .section .section_info .title i { margin-right: .3em}.sections .section_box .section .section_info .title.wall_info { display: flex; align-items: center}.sections .section_box .section .section_info .title.wall_info .badge { margin-left: 1em; font-size: .625em}.sections .section_box .section .section_info .subtitle { color: #86868e; font-size: 1em; margin: 0}.sections .section_box .section .section_buttons { display: flex; flex-wrap: wrap; justify-content: center;}.sections .section_box .section.section_center { display: flex; justify-content: center; text-align: center}.sections .section_box.fill { flex: 1 1}@media(min-width:1440px) { .sections .section_box { padding: 40px 0 } .sections .section_box .section { padding: 0 40px } .sections .section_box .section .section_info { padding-bottom: 20px } .sections .section_box .section .section_info .title+.subtitle { padding-top: 10px } .sections .section_box .section .section_buttons { gap: 20px } .sections .section_box .section+.section { padding-top: 40px } .col .panel+.section_info { margin-top: 40px }}@media(min-width:1281px)and (max-width:1439px) { .sections .section_box { padding: 35px 0 } .sections .section_box .section { padding: 0 35px } .sections .section_box .section .section_info { padding-bottom: 17.5px } .sections .section_box .section .section_info .title+.subtitle { padding-top: 10px } .sections .section_box .section .section_buttons { gap: 17.5px } .sections .section_box .section+.section { padding-top: 35px } .col .panel+.section_info { margin-top: 35px }}@media(min-width:1025px)and (max-width:1280px) { .sections .section_box { padding: 30px 0 } .sections .section_box .section { padding: 0 30px } .sections .section_box .section .section_info { padding-bottom: 15px } .sections .section_box .section .section_info .title+.subtitle { padding-top: 10px } .sections .section_box .section .section_buttons { gap: 15px } .sections .section_box .section+.section { padding-top: 30px } .col .panel+.section_info { margin-top: 30px }}@media(min-width:768px)and (max-width:1024px) { .sections .section_box { padding: 25px 0 } .sections .section_box .section { padding: 0 25px } .sections .section_box .section .section_info { padding-bottom: 25px } .sections .section_box .section .section_info .title+.subtitle { padding-top: 10px } .sections .section_box .section .section_buttons { gap: 25px } .sections .section_box .section+.section { padding-top: 25px } .col .panel+.section_info { margin-top: 25px }}@media(min-width:481px)and (max-width:767px) { .sections .section_box { padding: 20px 0 } .sections .section_box .section { padding: 0 20px } .sections .section_box .section .section_info { padding-bottom: 20px } .sections .section_box .section .section_info .title+.subtitle { padding-top: 10px } .sections .section_box .section .section_buttons { gap: 20px } .sections .section_box .section+.section { padding-top: 20px } .col .panel+.section_info { margin-top: 20px }}@media(max-width:480px) { .sections .section_box { padding: 15px 0 } .sections .section_box .section { padding: 0 15px } .sections .section_box .section .section_info { padding-bottom: 15px } .sections .section_box .section .section_info .title+.subtitle { padding-top: 10px } .sections .section_box .section .section_buttons { gap: 15px } .sections .section_box .section+.section { padding-top: 15px } .col .panel+.section_info { margin-top: 15px }}.benefits { display: grid}.benefits .panel { display: flex; flex-direction: column; align-items: center; width: 100%; background: #212235}.benefits .panel i { display: block; font-size: 2.5em}.benefits .panel .text { text-align: center; margin-top: 20px; line-height: 1.2em}.benefits .panel small { font-size: .75em; display: block}@media(min-width:1440px) { .benefits { grid-template-columns: repeat(4, 1fr); grid-gap: 40px } .benefits .panel { padding: 20px }}@media(min-width:1281px)and (max-width:1439px) { .benefits { grid-template-columns: repeat(4, 1fr); grid-gap: 35px } .benefits .panel { padding: 17.5px }}@media(min-width:1025px)and (max-width:1280px) { .benefits { grid-template-columns: repeat(4, 1fr); grid-gap: 30px } .benefits .panel { padding: 15px }}@media(min-width:768px)and (max-width:1024px) { .benefits { grid-template-columns: repeat(4, 1fr); grid-gap: 25px } .benefits .panel { padding: 12.5px }}@media(min-width:481px)and (max-width:767px) { .benefits { grid-template-columns: repeat(3, 1fr); grid-gap: 20px } .benefits .panel { padding: 10px }}@media(max-width:480px) { .benefits { grid-template-columns: repeat(2, 1fr); grid-gap: 15px } .benefits .panel { padding: 7.5px }}.surveys { display: grid}.surveys.promo_surveys .panel { background: #2b2c45; box-shadow: 0 0 .4em #9aa9e2}.surveys.promo_surveys .panel:hover:not(.disabled):not(.locked) { background: #353654}.surveys.promo_surveys .panel .shine { -webkit-animation: shine 4s infinite; animation: shine 4s infinite}.surveys .panel { display: flex; align-items: center; width: 100%; background: #212235; cursor: pointer; position: relative; min-height: 70px; transition: background-color .2s; justify-content: center; overflow: hidden}.surveys .panel.disabled { opacity: .4; cursor: default}.surveys .panel.disabled .disabled_reason { display: block}.surveys .panel.locked { cursor: default; background: rgba(33, 34, 53, .4)}.surveys .panel.locked .image { opacity: .4}.surveys .panel.locked .min_lvl { display: flex}.surveys .panel .extra { position: absolute; right: 10px; top: 10px; display: flex; justify-content: center; align-items: center}.surveys .panel .extra .badge { font-weight: 500}.surveys .panel .extra .badge .offer { font-weight: 600}.surveys .panel .extra .badge+.badge,.surveys .panel .extra .badge+.flag { margin-left: .5em}.surveys .panel .extra .flag { position: relative; width: 2em; height: 1.2em}.surveys .panel .extra .flag img { overflow: hidden; border-radius: 4px}.surveys .panel.active,.surveys .panel:hover:not(.disabled):not(.locked) { background: #2b2c45}.surveys .panel .image { position: relative}.surveys .panel .disabled_reason { display: none; position: absolute; right: 5px; top: 5px; background: rgba(30, 31, 48, .2); font-size: .75em; padding: 5px 10px; border-radius: 5px; z-index: 2}.surveys .panel .min_lvl { display: none; position: absolute; right: .75em; top: .75em}.surveys .panel .min_lvl span { font-size: .75em; background: rgba(30, 31, 48, .8); padding: .75em 1em; border-radius: 5px; z-index: 2}.surveys .panel .popularity { position: absolute; bottom: 0; left: 0; right: 0}.surveys .panel .popularity .popularity_bar { width: 100%; height: 4px; background: #25263c; z-index: 2; position: relative}.surveys .panel .popularity .popularity_bar .popularity_bar_inner { position: absolute; height: 100%; background: #68719a}.surveys .panel .popularity .popularity_text { position: absolute; right: 0; bottom: -1.5em}.surveys .panel .popularity .popularity_text .hexagon_div { font-size: .75em; height: 3.8em}.surveys .panel .popularity .popularity_text .hexagon_div .text { align-items: baseline; padding-top: 2px; padding-right: 5px; background: #25263c; color: #86868e}.surveys .panel .popularity .popularity_text .hexagon_div svg { fill: #25263c}@media(min-width:1440px) { .surveys { grid-template-columns: repeat(5, 1fr); grid-gap: 20px } .surveys .panel { padding: 32px 20px } .surveys .panel .image { min-width: 190px; min-height: 60px }}@media(min-width:1281px)and (max-width:1439px) { .surveys { grid-template-columns: repeat(5, 1fr); grid-gap: 17.5px } .surveys .panel { padding: 28px 17.5px } .surveys .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:1025px)and (max-width:1280px) { .surveys { grid-template-columns: repeat(4, 1fr); grid-gap: 15px } .surveys .panel { padding: 24px 15px } .surveys .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:768px)and (max-width:1024px) { .surveys { grid-template-columns: repeat(3, 1fr); grid-gap: 25px } .surveys .panel { padding: 25px } .surveys .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:481px)and (max-width:767px) { .surveys { grid-template-columns: repeat(2, 1fr); grid-gap: 20px } .surveys .panel { padding: 20px } .surveys .panel .image { min-width: 176px; min-height: 53px }}@media(max-width:480px) { .surveys { grid-template-columns: repeat(2, 1fr); grid-gap: 15px } .surveys .panel { padding: 22.5px 15px } .surveys .panel .image { min-width: 100px; min-height: 30px }}.withdraw { display: grid}.withdraw .panel { display: flex; align-items: center; width: 100%; cursor: pointer; position: relative; min-height: 70px; opacity: .8; transition: opacity .2s; justify-content: center}.withdraw .panel.disabled { opacity: .4; cursor: default}.withdraw .panel.disabled .disabled_reason { display: block}.withdraw .panel:hover:not(.disabled) { opacity: 1}.withdraw .panel .image { position: relative}.withdraw .panel .disabled_reason { display: none; top: 5px; background: rgba(30, 31, 48, .2)}.withdraw .panel .disabled_reason,.withdraw .panel .minimum { position: absolute; right: 5px; font-size: .75em; padding: 5px 10px; border-radius: 5px; z-index: 2}.withdraw .panel .minimum { left: 5px; text-align: center; bottom: .5em}@media(min-width:1440px) { .withdraw { grid-template-columns: repeat(5, 1fr); grid-gap: 20px } .withdraw .panel { padding: 32px 20px } .withdraw .panel .image { min-width: 190px; min-height: 60px }}@media(min-width:1281px)and (max-width:1439px) { .withdraw { grid-template-columns: repeat(5, 1fr); grid-gap: 17.5px } .withdraw .panel { padding: 28px 17.5px } .withdraw .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:1025px)and (max-width:1280px) { .withdraw { grid-template-columns: repeat(4, 1fr); grid-gap: 15px } .withdraw .panel { padding: 24px 15px } .withdraw .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:768px)and (max-width:1024px) { .withdraw { grid-template-columns: repeat(3, 1fr); grid-gap: 25px } .withdraw .panel { padding: 25px } .withdraw .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:481px)and (max-width:767px) { .withdraw { grid-template-columns: repeat(2, 1fr); grid-gap: 20px } .withdraw .panel { padding: 20px } .withdraw .panel .image { min-width: 176px; min-height: 53px }}@media(max-width:480px) { .withdraw { grid-template-columns: repeat(2, 1fr); grid-gap: 15px } .withdraw .panel { padding: 22.5px 15px } .withdraw .panel .image { min-width: 100px; min-height: 30px }}.promo_loader { display: flex; align-items: center; justify-content: center; flex-direction: column}.promo { display: grid}.promo .panel { display: flex; align-items: center; cursor: pointer; position: relative; transition: background-color .2s; border-radius: 30px; overflow: hidden}.promo .panel.transparent { background-color: transparent}.promo .panel .image { position: relative; height: 100%; width: 100%; overflow: hidden; border-radius: 30px}.promo .panel .platform:not(:empty) { position: absolute; top: -1px; right: -1px; padding: 10px 10px 8px 8px; background: rgba(30, 31, 48, .6); border-top-right-radius: 30px; border-bottom-left-radius: 10px; text-shadow: 0 0 10px #191a29}.promo .panel .info { position: absolute; left: -1px; right: -1px; bottom: -1px; padding: 10px; background: rgba(30, 31, 48, .8); font-size: .75em; transition: background-color .2s; text-align: center; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; justify-content: center}.promo .panel .info .title { font-size: .875em; margin-bottom: .2em}.promo .panel .info .coins { font-size: 1.125em}.promo .panel .info .subtitle { font-size: .75em; color: #86868e}.promo .panel .extra { position: absolute; right: 10px; top: 10px}.promo .panel .extra .badge { border-radius: 5px}.promo .panel:hover .platform { display: none}.promo .panel:hover .info { background: rgba(35, 36, 56, .9); top: -1px; border-top-left-radius: 30px; border-top-right-radius: 30px; font-size: 1em; gap: .2em}.promo .panel:hover .info .coins { font-size: .875em}.promo .panel:hover .info .title { font-size: .75em}.promo .panel.big_1 { grid-column-start: 1; grid-column-end: 3}.promo .panel.big_2 { grid-column-start: 3; grid-column-end: 5}.promo_modal .panel_body .box { display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; grid-template-rows: -webkit-max-content; grid-template-rows: max-content}.promo_modal .panel_body .box .image { position: relative; border-radius: 30px; overflow: hidden; background: #141520; border: 2px solid rgba(154, 169, 226, .5)}.promo_modal .panel_body .box .steps .text_blue { margin-bottom: .6em}.promo_modal .panel_body .box .steps.requirements dl li:before { content: "!"}.promo_modal .panel_body .box .steps.hints dl li:before { content: "?"}.promo_modal .panel_body .box .info { display: grid; grid-template-rows: -webkit-max-content; grid-template-rows: max-content}.promo_modal .panel_body .box .info .title { font-size: 1.5em}.promo_modal .panel_body .box .info .subtitle { text-transform: lowercase; color: #86868e; font-size: .875em}.promo_modal .panel_body .box .info .subtitle:first-letter { text-transform: uppercase}.promo_modal .panel_body .box .info .description { font-size: .938em}.promo_modal .panel_body .box .info .description ul { list-style: none; padding: 1em 0}.promo_modal .panel_body .box .info .description ul li+li { padding-top: .6em}.promo_modal .panel_body .box .info .description ul li:before { content: "-"; background: rgba(154, 169, 226, .2); border-radius: 50%; width: 1.6em; height: 1.6em; display: inline-flex; align-items: center; justify-content: center; margin-right: 1em; font-size: .875em}.promo_modal .panel_body .box .info .earn { margin-top: auto}.promo_modal .panel_body .box .info .earn .badge { display: inline-block; font-size: 1.25em}.promo_modal .panel_body .box .info .earn .text_blue { margin-bottom: .6em}.promo_modal .panel_body .box .info .buttons { margin-top: auto; display: grid}@media(min-width:1440px) { .promo { grid-gap: 40px 20px } .promo_modal .panel_body .box { gap: 40px } .promo_modal .panel_body .box .small_info .image { width: 200px; height: 200px } .promo_modal .panel_body .box .info { padding-left: 40px } .promo_modal .panel_body .box .info .buttons { gap: 20px; grid-template-columns: repeat(4, 1fr) } .promo_modal .panel_body .box .info .earn { padding-top: 20px } .promo_modal .panel_body .box .small_info { gap: 40px }}@media(min-width:1281px)and (max-width:1439px) { .promo { grid-gap: 35px 17.5px } .promo_modal .panel_body .box { gap: 35px } .promo_modal .panel_body .box .image { width: 180px; height: 180px } .promo_modal .panel_body .box .info { padding-left: 35px } .promo_modal .panel_body .box .info .earn { padding-top: 17.5px } .promo_modal .panel_body .box .small_info { gap: 35px }}@media(min-width:1025px)and (max-width:1280px) { .promo { grid-gap: 30px 15px } .promo_modal .panel_body .box { gap: 30px } .promo_modal .panel_body .box .image { width: 160px; height: 160px } .promo_modal .panel_body .box .info { padding-left: 30px } .promo_modal .panel_body .box .info .earn { padding-top: 15px } .promo_modal .panel_body .box .small_info { gap: 30px }}@media(min-width:1025px) { .promo_loader { height: 130px } .promo { grid-template-columns: repeat(auto-fill, 130px) } .promo .panel .image { min-height: 130px }}@media(min-width:768px)and (max-width:1024px) { .promo_loader { height: 120px } .promo { grid-template-columns: repeat(auto-fill, 120px); grid-gap: 25px } .promo .panel .image { min-height: 120px } .promo_modal .panel_body .box { gap: 25px } .promo_modal .panel_body .box .image { width: 120px; height: 120px } .promo_modal .panel_body .box .info { padding-left: 25px } .promo_modal .panel_body .box .info .earn { padding-top: 25px } .promo_modal .panel_body .box .small_info { gap: 25px }}@media(min-width:767px) { .promo_modal .panel_body .box .info { border-left: 1px dashed rgba(154, 169, 226, .5) } .promo_modal .panel_body .box .small_info { display: grid; grid-template-columns: -webkit-max-content; grid-template-columns: max-content; grid-template-rows: -webkit-max-content; grid-template-rows: max-content }}@media(max-width:767px) { .promo_modal .panel_body .box { grid-template-columns: 1fr } .promo_modal .panel_body .box .info { border-top: 1px dashed rgba(154, 169, 226, .5) }}@media(min-width:481px)and (max-width:767px) { .promo_loader { height: 110px } .promo { grid-template-columns: repeat(auto-fill, 110px); grid-gap: 20px } .promo .panel .image { min-height: 110px } .promo_modal .panel_body .box { gap: 20px } .promo_modal .panel_body .box .image { width: 110px; height: 110px } .promo_modal .panel_body .box .info, .promo_modal .panel_body .box .info .earn { padding-top: 20px } .promo_modal .panel_body .box .small_info { display: flex; align-items: center } .promo_modal .panel_body .box .small_info .data { padding-left: 20px }}@media(max-width:480px) { .promo_loader { height: 100px } .promo { grid-template-columns: repeat(auto-fill, 100px); grid-gap: 15px } .promo .panel { min-height: 60px } .promo .panel .image { min-height: 100px } .promo .panel.big_1 { grid-column-start: 1; grid-column-end: 3 } .promo .panel.big_2 { grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3 } .promo_modal .panel_body .box { gap: 15px } .promo_modal .panel_body .box .image { width: 100px; height: 100px } .promo_modal .panel_body .box .info { border-top: 1px dashed rgba(154, 169, 226, .5); padding-top: 15px } .promo_modal .panel_body .box .info .earn { padding-top: 15px } .promo_modal .panel_body .box .small_info { display: grid; grid-gap: 15px; gap: 15px }}.landing_image { display: flex; justify-content: center; overflow: hidden; position: relative; align-items: flex-end}.landing_image .image { width: 3840px; width: auto; position: absolute; display: flex; left: 0; right: 0; top: 0; bottom: 0}.landing_image .image img { display: flex}.landing_image .logotype { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%}@media(min-width:1440px) { .landing_image, .landing_image .image img { height: 300px } .landing_image .logotype { width: 380px; height: 302px }}@media(min-width:1281px)and (max-width:1439px) { .landing_image, .landing_image .image img { height: 250px } .landing_image .logotype { width: 330px }}@media(min-width:1025px)and (max-width:1280px) { .landing_image, .landing_image .image img { height: 200px } .landing_image .logotype { width: 280px }}@media(min-width:768px)and (max-width:1024px) { .landing_image { height: 180px } .landing_image .image img { height: 160px } .landing_image .logotype { width: 220px }}@media(min-width:481px)and (max-width:767px) { .landing_image { height: 160px } .landing_image .image img { height: 120px } .landing_image .logotype { width: 200px }}@media(max-width:480px) { .landing_image { height: 140px } .landing_image .image img { height: 100px } .landing_image .logotype { width: 180px }}.get_started .steps { display: grid}.get_started .steps .step { display: grid; position: relative}.get_started .steps .step .image_box { background: #1e1f30; border-radius: 10px; position: relative; display: flex; align-items: center; justify-content: center}.get_started .steps .step .image_box .bg { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .1; filter: blur(8px); -webkit-filter: blur(8px)}.get_started .steps .step .image_box .image { z-index: 2; position: relative}.get_started .steps .step .text { display: flex; flex-direction: column; justify-content: center}.get_started .steps .step .text .section_info { padding-bottom: 0}.get_started .steps .step .text .subtitle { width: 100%; max-width: 700px; font-size: 1.125em}@media(min-width:1440px) { .get_started .steps, .get_started .steps .step { grid-gap: 40px } .get_started .steps .step .image_box { padding: 20px 40px } .get_started .steps .step .image_box .image { width: 300px; height: 180px }}@media(min-width:1281px)and (max-width:1439px) { .get_started .steps, .get_started .steps .step { grid-gap: 35px } .get_started .steps .step .image_box { padding: 17.5px 35px } .get_started .steps .step .image_box .image { width: 284px; height: 170px }}@media(min-width:1025px)and (max-width:1280px) { .get_started .steps, .get_started .steps .step { grid-gap: 30px } .get_started .steps .step .image_box { padding: 12.5px 25px } .get_started .steps .step .image_box .image { width: 268px; height: 160px }}@media(min-width:1025px) { .get_started .steps .step .image_box.arrows_top:after { top: -28px; right: 0 } .get_started .steps .step .image_box.arrows_bottom:after { bottom: -28px; left: 0 } .get_started .steps .step .image_box:after { content: ""; position: absolute; color: #1e1f30 }}@media(min-width:768px)and (max-width:1024px) { .get_started .steps, .get_started .steps .step { grid-gap: 25px } .get_started .steps .step .image_box { padding: 25px } .get_started .steps .step .image_box .image { width: 234px; height: 140px }}@media(min-width:768px) { .get_started .steps .step { grid-template-columns: -webkit-min-content 2fr; grid-template-columns: min-content 2fr } .get_started .steps .step.second { direction: rtl } .get_started .steps .step.second .text { direction: ltr; text-align: right; align-items: end }}@media(max-width:767px) { .get_started .steps .step { grid-template-columns: 1fr } .get_started .steps .step .image_box { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .get_started .steps .step .text { background: #1e1f30; border-bottom-left-radius: 19px; border-bottom-right-radius: 10px; font-size: .875em }}@media(min-width:481px)and (max-width:767px) { .get_started .steps { grid-gap: 35px } .get_started .steps .step .text { padding: 0 35px 35px } .get_started .steps .step .image_box { padding: 35px } .get_started .steps .step .image_box .image { width: 200px; height: 120px }}@media(max-width:480px) { .get_started .steps { grid-gap: 15px } .get_started .steps .step .text { padding: 0 15px 15px } .get_started .steps .step .image_box { padding: 15px } .get_started .steps .step .image_box .image { width: 166px; height: 100px }}.cards { display: grid}.cards .panel { display: flex; align-items: center; width: 100%; background: #212235; cursor: pointer; position: relative; min-height: 70px; transition: background-color .2s; opacity: .8; justify-content: center}.cards .panel.not_selected { opacity: .5}.cards .panel.selected { opacity: 1}.cards .panel.selected .amount { background: rgba(30, 31, 48, .8)}.cards .panel .image { position: relative}.cards .panel .amount { position: absolute; right: .5em; top: .5em; background: rgba(0, 0, 0, .2); padding: .5em .6em; border-radius: 5px; font-weight: 500}@media(min-width:1440px) { .cards { grid-template-columns: repeat(4, 1fr); grid-gap: 40px } .cards .panel { padding: 40px 20px } .cards .panel .image { min-width: 190px; min-height: 60px }}@media(min-width:1281px)and (max-width:1439px) { .cards { grid-template-columns: repeat(4, 1fr); grid-gap: 35px } .cards .panel { padding: 35px 17.5px } .cards .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:1025px)and (max-width:1280px) { .cards { grid-template-columns: repeat(4, 1fr); grid-gap: 30px } .cards .panel { padding: 30px 15px } .cards .image { min-width: 176px; min-height: 53px }}@media(min-width:768px)and (max-width:1024px) { .cards { grid-template-columns: repeat(3, 1fr); grid-gap: 25px } .cards .panel { padding: 25px 12.5px } .cards .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:481px)and (max-width:767px) { .cards { grid-template-columns: repeat(2, 1fr); grid-gap: 20px } .cards .panel { padding: 20px 10px } .cards .panel .image { min-width: 176px; min-height: 53px }}@media(max-width:480px) { .cards { grid-template-columns: repeat(2, 1fr); grid-gap: 15px } .cards .panel { padding: 15px 7.5px } .cards .panel .image { min-width: 100px; min-height: 30px }}.sections .section_header .header { display: flex; z-index: 150; align-items: center}.sections .section_header .header .left { display: flex; align-items: center}.sections .section_header .header .left .logo,.sections .section_header .header .left .logotype { position: relative}.sections .section_header .header .center { display: flex}.sections .section_header .header .right { display: grid; grid-template-columns: repeat(2, auto); align-items: center; margin-left: auto}.sections .section_header .header .right .login_buttons { display: grid; grid-template-columns: repeat(2, 1fr)}.sections .section_header .header .right .login_buttons .btn_header { overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 1.125em; position: relative; text-transform: uppercase; cursor: pointer; transition: shine .3s; border-radius: 10px; font-size: .875em; min-width: 6em}.sections .section_header .header .right .login_buttons .btn_header i { margin-right: 10px; font-size: 1.625em}.sections .section_header .header .right .login_buttons .btn_header:hover .shine { -webkit-animation: shine 2s; animation: shine 2s}.sections .section_header .header .right .login_buttons .register_button { color: #000; background: linear-gradient(90deg, rgba(255, 231, 113, .9), rgba(246, 176, 64, .9))}.sections .section_header .header .right .login_buttons .login_button { background: linear-gradient(90deg, rgba(154, 169, 226, .5), rgba(101, 117, 176, .5))}.sections .section_header .header .inner { height: 100%; align-items: center; display: flex; justify-content: center}.sections .section_header .header .inner .icon { font-size: 1.625em}.sections .section_header .header .inner .text .top { text-transform: uppercase}.sections .section_header .header .inner .user_avatar { display: flex; z-index: 10}.sections .section_header .header .inner .user_info { z-index: 10; flex-grow: 2}.sections .section_header .header .inner .user_info .username_box { display: flex; align-items: center}.sections .section_header .header .inner .user_info .username_box .username { font-size: 1.125em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}.sections .section_header .header .inner .user_info .username_box .level { margin-left: 10px; padding: 2px 4px; border-radius: 4px}.sections .section_header .header .inner .user_info .balance { display: flex; align-items: center; margin-top: .2em}.sections .section_header .header .inner .user_info .balance i { margin-right: .4em}.sections .section_header .header .inner .user_info .currency { color: #9aa9e2}@media(min-width:1600px) { .sections .section_header .header .left { margin-right: 40px } .sections .section_header .header .left .logo { width: 225px; height: 50px }}@media(min-width:1440px)and (max-width:1599px) { .sections .section_header .header .left { margin-right: 40px } .sections .section_header .header .left .logo { width: 205px; height: 45px }}@media(min-width:1440px) { .sections .section_header .header .right, .sections .section_header .header .right .inner { gap: 20px } .sections .section_header .header .right .inner .username_box .username { max-width: 102px } .sections .section_header .header .right .inner svg { width: 55px; height: 55px } .sections .section_header .header .right .login_buttons { gap: 20px }}@media(min-width:1281px)and (max-width:1439px) { .sections .section_header .header .left { margin-right: 35px } .sections .section_header .header .left .logo { width: 180px; height: 40px } .sections .section_header .header .right, .sections .section_header .header .right .inner { gap: 17.5px } .sections .section_header .header .right .inner .username_box .username { max-width: 100px } .sections .section_header .header .right .inner svg { width: 50px; height: 50px } .sections .section_header .header .right .login_buttons { gap: 17.5px }}@media(min-width:1025px)and (max-width:1280px) { .sections .section_header .header .left { margin-right: 30px } .sections .section_header .header .left .logo { width: 180px; height: 40px } .sections .section_header .header .right, .sections .section_header .header .right .inner { gap: 15px } .sections .section_header .header .right .inner .username_box .username { max-width: 100px } .sections .section_header .header .right .inner svg { width: 50px; height: 50px } .sections .section_header .header .right .login_buttons { gap: 15px }}@media(min-width:768px)and (max-width:1024px) { .sections .section_header .header .left { margin-right: 25px } .sections .section_header .header .left .logo { width: 160px; height: 35px } .sections .section_header .header .right { gap: 25px } .sections .section_header .header .right .inner { gap: 12.5px } .sections .section_header .header .right .inner .username_box .username { max-width: 80px } .sections .section_header .header .right .inner svg { width: 45px; height: 45px } .sections .section_header .header .right .login_buttons { gap: 25px }}@media(min-width:481px)and (max-width:767px) { .sections .section_header .header .left { margin-right: 20px } .sections .section_header .header .left .logo { width: 160px; height: 35px } .sections .section_header .header .right { gap: 20px } .sections .section_header .header .right .inner { gap: 10px } .sections .section_header .header .right .inner .username_box .username { max-width: 70px } .sections .section_header .header .right .inner svg { width: 45px; height: 45px } .sections .section_header .header .right .login_buttons { gap: 20px }}@media(min-width:481px) { .sections .section_header .header .logotype { display: none }}@media(max-width:480px) { .sections .section_header .header .left { margin-right: 15px } .sections .section_header .header .left .logotype { width: 35px; height: 35px } .sections .section_header .header .right { gap: 15px } .sections .section_header .header .right .inner { gap: 7.5px } .sections .section_header .header .right .inner .username_box .username { max-width: 60px } .sections .section_header .header .right .inner svg { width: 40px; height: 40px } .sections .section_header .header .right .login_buttons { gap: 15px }}.blog { display: grid}.blog .panel { display: grid; cursor: pointer; position: relative; transition: all .2s; overflow: hidden; border: 1px dashed rgba(154, 169, 226, .2)}.blog .panel:hover { border: 1px solid rgba(154, 169, 226, .4); filter: brightness(120%)}.blog .panel:hover .image { transform: scale(1.05)}.blog .panel .image_box { overflow: hidden}.blog .panel .image { position: relative; width: 100%; aspect-ratio: 1/1; transition: transform .2s}.blog .panel .info { background: #212235}.blog .panel .info .title { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.125em; -webkit-line-clamp: 1}.blog .panel .info .description,.blog .panel .info .title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}.blog .panel .info .description { -webkit-line-clamp: 2; margin-top: .8em}.blog .panel .info .details { margin-top: 1em; display: flex; justify-content: space-between; font-size: .875em}@media(min-width:1440px) { .blog { grid-template-columns: repeat(4, 1fr); grid-gap: 40px } .blog .info { padding: 20px }}@media(min-width:1281px)and (max-width:1439px) { .blog { grid-template-columns: repeat(4, 1fr); grid-gap: 35px } .blog .info { padding: 17.5px }}@media(min-width:1025px)and (max-width:1280px) { .blog { grid-template-columns: repeat(4, 1fr); grid-gap: 30px } .blog .info { padding: 15px }}@media(min-width:768px)and (max-width:1024px) { .blog { grid-template-columns: repeat(3, 1fr); grid-gap: 25px } .blog .info { padding: 25px }}@media(min-width:481px)and (max-width:767px) { .blog { grid-template-columns: repeat(2, 1fr); grid-gap: 20px } .blog .info { padding: 20px }}@media(min-width:481px) { .blog .panel { grid-template-columns: auto }}@media(max-width:480px) { .blog { grid-template-columns: repeat(1, 1fr); grid-gap: 15px } .blog .panel { grid-template-columns: -webkit-min-content 1fr; grid-template-columns: min-content 1fr } .blog .panel .image_box .image { height: 115px; width: 115px } .blog .panel .info { padding: 15px; overflow: hidden }}.challenges { display: grid}.challenges .panel { overflow: hidden}.challenges .panel.unfinished { background: #1d1e2e}.challenges .panel.unfinished .progress .progress_top span { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.challenges .panel.unfinished .progress .progress_bar .bar_active { background: linear-gradient(180deg, #9aa9e2, #6575b0)}.challenges .panel.unfinished .progress .progress_bottom { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.challenges .panel.finished .progress .progress_top span { background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.challenges .panel.finished .progress .progress_bar .bar_active { background: linear-gradient(180deg, #a9a9ca, #a9a9ca)}.challenges .panel.finished .progress .progress_bottom { background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.challenges .panel.max_lvl { background: #1d1e2e}.challenges .panel.max_lvl .progress .progress_top span { color: #86868e}.challenges .panel.max_lvl .progress .progress_bar .bar_active { background: #86868e}.challenges .panel.max_lvl .progress .progress_bottom { color: #86868e}.challenges .panel .tooltip_cha { padding: 0}.challenges .panel .cha_info table { width: 100%}.challenges .panel .cha_info table th { text-align: left; background-color: #3f4260; padding: .7em; border-top-left-radius: 2px; border-top-right-radius: 2px}.challenges .panel .cha_info table td { padding: .7em}.challenges .panel hr { opacity: .5}.challenges .panel .__react_component_tooltip { min-width: 200px}.challenges .panel .info { font-size: .875em}.challenges .panel .row_small { height: 100%}.challenges .panel .row_small .desc { flex-grow: 1; font-size: .875em}.challenges .panel .comming_soon { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #212235; opacity: .8; z-index: 10; display: flex; align-items: center; justify-content: center}.challenges .panel .panel_header { text-transform: uppercase; font-size: 1.125em; display: flex; justify-content: space-between}.challenges .panel .progress { overflow: hidden; position: relative}.challenges .panel .progress .progress_top { display: flex; justify-content: space-between}.challenges .panel .progress .progress_bar { height: 6px; border-radius: 10px; background: rgba(0, 0, 0, .3); position: relative; overflow: hidden; margin: 10px 0}.challenges .panel .progress .progress_bar .bar_active { height: 100%}.challenges .panel .progress .progress_bottom { display: flex; justify-content: space-between}.challenges .panel .progress .progress_bottom .label { font-size: .875em}.challenges .panel.disabled { opacity: .4}@media(min-width:1440px) { .challenges { grid-template-columns: repeat(4, 1fr); grid-gap: 20px } .challenges .panel { padding: 32px 20px } .challenges .panel .image { min-width: 190px; min-height: 60px }}@media(min-width:1281px)and (max-width:1439px) { .challenges { grid-template-columns: repeat(4, 1fr); grid-gap: 17.5px } .challenges .panel { padding: 28px 17.5px } .challenges .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:1025px)and (max-width:1280px) { .challenges { grid-template-columns: repeat(3, 1fr); grid-gap: 15px } .challenges .panel { padding: 24px 15px } .challenges .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:768px)and (max-width:1024px) { .challenges { grid-template-columns: repeat(3, 1fr); grid-gap: 25px } .challenges .panel { padding: 25px } .challenges .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:481px)and (max-width:767px) { .challenges { grid-template-columns: repeat(2, 1fr); grid-gap: 20px } .challenges .panel { padding: 20px } .challenges .panel .image { min-width: 176px; min-height: 53px }}@media(max-width:480px) { .challenges { grid-template-columns: repeat(1, 1fr); grid-gap: 15px } .challenges .panel { padding: 15px } .challenges .panel .image { min-width: 100px; min-height: 30px }}.tasks { display: grid}.tasks .panel { overflow: hidden}.tasks .panel.unfinished { background: #1d1e2e}.tasks .panel.unfinished .progress .progress_top span { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.tasks .panel.unfinished .progress .progress_bar .bar_active { background: linear-gradient(180deg, #9aa9e2, #6575b0)}.tasks .panel.unfinished .progress .progress_bottom { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.tasks .panel.finished .progress .progress_top span { color: #86868e}.tasks .panel.finished .progress .progress_bar .bar_active { background: #86868e}.tasks .panel.finished .progress .progress_bottom { color: #86868e}.tasks .panel.finished .progress input { opacity: .5}.tasks .panel .row_small { height: 100%}.tasks .panel .row_small .desc { flex-grow: 1; font-size: .875em}.tasks .panel .panel_header { /* text-transform: uppercase; */ font-size: 1.125em; /* display: flex; */ /* justify-content: space-between */}.tasks .panel .progress { overflow: hidden; position: relative}.tasks .panel .progress .progress_top { display: flex; justify-content: space-between}.tasks .panel.disabled { opacity: .4}@media(min-width:1440px) { .tasks { grid-template-columns: repeat(1, 1fr); grid-gap: 20px } .tasks .panel { padding: 32px 20px } .tasks .panel .image { min-width: 190px; min-height: 60px }}@media(min-width:1281px)and (max-width:1439px) { .tasks { grid-template-columns: repeat(1, 1fr); grid-gap: 17.5px } .tasks .panel { padding: 28px 17.5px } .tasks .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:1025px)and (max-width:1280px) { .tasks { grid-template-columns: repeat(1, 1fr); grid-gap: 15px } .tasks .panel { padding: 24px 15px } .tasks .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:768px)and (max-width:1024px) { .tasks { grid-template-columns: repeat(1, 1fr); grid-gap: 25px } .tasks .panel { padding: 25px } .tasks .panel .image { min-width: 176px; min-height: 53px }}@media(min-width:481px)and (max-width:767px) { .tasks { grid-template-columns: repeat(1, 1fr); grid-gap: 20px } .tasks .panel { padding: 20px } .tasks .panel .image { min-width: 176px; min-height: 53px }}@media(max-width:480px) { .tasks { grid-template-columns: repeat(1, 1fr); grid-gap: 15px } .tasks .panel { padding: 15px } .tasks .panel .image { min-width: 100px; min-height: 30px }}.surveys_landing { display: grid}.surveys_landing .panel { display: flex; align-items: center; width: 100%; background: #212235; cursor: pointer; position: relative; min-height: 70px; transition: background-color .2s; justify-content: center}.surveys_landing .panel.disabled { opacity: .4; cursor: default}.surveys_landing .panel.disabled .disabled_reason { display: block}.surveys_landing .panel .extra { position: absolute; right: 10px; top: 10px}.surveys_landing .panel .extra .badge { font-weight: 500}.surveys_landing .panel.active,.surveys_landing .panel:hover:not(.disabled) { background: #2b2c45}.surveys_landing .panel .image { position: relative}@media(min-width:1440px) { .surveys_landing { grid-template-columns: repeat(8, 1fr); grid-gap: 20px } .surveys_landing .panel { padding: 16px 10px } .surveys_landing .panel .image { min-width: 130px; min-height: 42px }}@media(min-width:1281px)and (max-width:1439px) { .surveys_landing { grid-template-columns: repeat(7, 1fr); grid-gap: 17.5px } .surveys_landing .panel { padding: 14px 8.75px } .surveys_landing .panel .image { min-width: 125px; min-height: 40px }}@media(min-width:1025px)and (max-width:1280px) { .surveys_landing { grid-template-columns: repeat(6, 1fr); grid-gap: 15px } .surveys_landing .panel { padding: 12px 7.5px } .surveys_landing .panel .image { min-width: 120px; min-height: 38px }}@media(min-width:768px)and (max-width:1024px) { .surveys_landing { grid-template-columns: repeat(4, 1fr); grid-gap: 25px } .surveys_landing .panel { padding: 20px 6.25px } .surveys_landing .panel .image { min-width: 115px; min-height: 36px }}@media(min-width:481px)and (max-width:767px) { .surveys_landing { grid-template-columns: repeat(3, 1fr); grid-gap: 20px } .surveys_landing .panel { padding: 16px 5px } .surveys_landing .panel .image { min-width: 100px; min-height: 32px }}@media(max-width:480px) { .surveys_landing { grid-template-columns: repeat(2, 1fr); grid-gap: 15px } .surveys_landing .panel { padding: 12px 3.75px } .surveys_landing .panel .image { min-width: 100px; min-height: 32px }}.input_group { display: flex}.input_group.group_text { align-items: center}.input_group.group_input_button .hexagon_input { margin-right: -15px}.input_group.group_input_button .hexagon_input .control_after { padding-right: 25px}.input_group .input_text+.hexagon_input { margin-left: 15px}.input_group .hexagon_input+.hexagon_button { margin-left: -15px; z-index: 2; min-width: auto}.input_group.group_full { width: 100%}.input_group.group_full .hexagon_input,.input_group.group_full .hexagon_input .input { flex-grow: 2}.form_dropdown_input .hexagon_dropdown { min-width: auto}form .form_object .error_message { transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; font-size: .75em; color: #eb5757}form .form_object .error_message:empty { display: none}form .form_object.has_error .error_message { opacity: 1; height: auto; margin-top: 5px}form .form_object.has_error .hexagon_input { grid-template-columns: -webkit-min-content auto -webkit-min-content -webkit-min-content; grid-template-columns: min-content auto min-content min-content}form .form_object.has_error .hexagon_input .input { background: rgba(255, 0, 0, .1)}form .form_object.has_error .hexagon_input .input input { color: #eb5757}form .form_object.has_error .hexagon_input .input input::-moz-placeholder { color: rgba(235, 87, 87, .4); opacity: 1}form .form_object.has_error .hexagon_input .input input:-ms-input-placeholder { opacity: 1}form .form_object.has_error .hexagon_input .input input::placeholder { color: rgba(235, 87, 87, .4); opacity: 1}form .form_object.has_error .hexagon_input .input input:-ms-input-placeholder { color: rgba(235, 87, 87, .4)}form .form_object.has_error .hexagon_input .input input::-ms-input-placeholder { color: rgba(235, 87, 87, .4)}form .form_object.has_error .hexagon_input .form_control { background: rgba(255, 0, 0, .1)}form .form_object.has_error .hexagon_input .control_after { color: #eb5757; font-size: 1.125em}form .form_object.has_error .hexagon_dropdown:not(.is_open):not(:hover) svg,form .form_object.has_error .hexagon_input svg { fill: rgba(255, 0, 0, .1)}form .form_object.has_error .hexagon_dropdown:not(.is_open):not(:hover) .custom_select .cs__control { background: rgba(255, 0, 0, .1)}form .form_object.has_error .hexagon_dropdown:not(.is_open):not(:hover) .custom_select .cs__control .cs__placeholder { color: rgba(235, 87, 87, .4)}form .form_object.has_error .hexagon_dropdown:not(.is_open):not(:hover) .custom_select .cs__control .cs__indicator svg { fill: rgba(235, 87, 87, .4)}form .form_object.has_error .hexagon_switch .slider { background: rgba(255, 0, 0, .1)}form .form_object.has_error .hexagon_switch svg .switch_gradient { fill: #de4445}form .form_object.has_error .hexagon_switch svg .switch_arrow { fill: #fff}form .form_object div>label { display: inline-block; font-size: .875em; color: #86868e; margin-bottom: 1em}form .form_object.form_dropdown.full_width { width: 100%}form .form_object.form_switch .text { font-size: .875em; color: #86868e}form .form_object.form_buttons { display: flex; flex-direction: column}form .form_object.form_buttons .text { display: flex; gap: 10px}form .form_object.form_buttons .text.text_right { justify-content: flex-end}form .form_object.form_buttons .text a { color: #86868e; transition: color .2s}form .form_object.form_buttons .text a:hover { color: #fff}form .form_object.form_buttons .buttons .form_btn.form_btn_full { flex-grow: 2}form .form_object.form_button .text { display: flex; align-items: center}form .form_object.form_button .text i { padding-right: 5px}form .form_object.form_text { display: flex}form .form_object.form_text.text_center { justify-content: center; text-align: center}form .form_object.form_text.text_right { justify-content: flex-end; text-align: right}form .form_object.form_upload { width: 100%}form .form_object.form_upload .dropzone { padding: 30px 10px; display: flex; flex-direction: column; align-items: center; border: 2px dashed #1e1f30; background: #141520; cursor: pointer; transition: background-color .2s; border-radius: 10px; text-align: center; font-size: .875em}form .form_object.form_upload .dropzone:hover { background: #191a28}form .form_object.form_upload .dropzone i { font-size: 30px; margin-bottom: 10px}form .form_object.form_upload label { margin-bottom: 5px}form.form_horizontal { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center}@media(min-width:1440px) { .input_group .hexagon_dropdown+.hexagon_button { margin-left: 25px } .input_group .hexagon_dropdown+.hexagon_input { margin-left: 12.5px } form .form_buttons .buttons { gap: 25px } form .form_buttons .text+.buttons { margin-top: 12.5px } form.form_vertical .form_object+.form_object { margin-top: 25px } form.form_horizontal { gap: 40px }}@media(min-width:1281px)and (max-width:1439px) { .input_group .hexagon_dropdown+.hexagon_button { margin-left: 20px } .input_group .hexagon_dropdown+.hexagon_input { margin-left: 10px } form .form_buttons .buttons { gap: 20px } form .form_buttons .text+.buttons { margin-top: 10px } form.form_vertical .form_object+.form_object { margin-top: 20px } form.form_horizontal { gap: 35px }}@media(min-width:1025px)and (max-width:1280px) { .input_group .hexagon_dropdown+.hexagon_button { margin-left: 15px } .input_group .hexagon_dropdown+.hexagon_input { margin-left: 7.5px } form .form_buttons .buttons { gap: 15px } form .form_buttons .text+.buttons { margin-top: 7.5px } form.form_vertical .form_object+.form_object { margin-top: 15px } form.form_horizontal { gap: 30px }}@media(min-width:768px)and (max-width:1024px) { .input_group .hexagon_dropdown+.hexagon_button { margin-left: 25px } .input_group .hexagon_dropdown+.hexagon_input { margin-left: 12.5px } form .form_buttons .buttons { gap: 25px } form .form_buttons .text+.buttons { margin-top: 12.5px } form.form_vertical .form_object+.form_object { margin-top: 25px } form.form_horizontal { gap: 25px }}@media(min-width:481px)and (max-width:767px) { .input_group .hexagon_dropdown+.hexagon_button { margin-left: 20px } .input_group .hexagon_dropdown+.hexagon_input { margin-left: 10px } form .form_buttons .buttons { gap: 20px } form .form_buttons .text+.buttons { margin-top: 10px } form.form_vertical .form_object+.form_object { margin-top: 20px } form.form_horizontal { gap: 20px }}@media(max-width:480px) { .input_group .hexagon_dropdown+.hexagon_button { margin-left: 15px } .input_group .hexagon_dropdown+.hexagon_input { margin-left: 7.5px } form .form_buttons .buttons { gap: 15px } form .form_buttons .text+.buttons { margin-top: 7.5px } form.form_vertical .form_object+.form_object { margin-top: 15px } form.form_horizontal { gap: 15px }}.row,.row_small { display: flex; flex-direction: column}.row_center { align-items: center; width: 100%}@media(min-width:1440px) { .row>div+div { margin-top: 40px } .row_small>div+div { margin-top: 20px }}@media(min-width:1281px)and (max-width:1439px) { .row>div+div { margin-top: 35px } .row_small>div+div { margin-top: 17.5px }}@media(min-width:1025px) { .col_30 { width: 30% } .col_33 { width: 33.33% } .col_70 { width: 70% }}@media(max-width:1024px) { .col { width: 100% }}@media(min-width:1025px)and (max-width:1280px) { .row>div+div { margin-top: 30px } .row_small>div+div { margin-top: 15px }}@media(min-width:768px)and (max-width:1024px) { .row>div+div, .row_small>div+div { margin-top: 25px }}@media(min-width:481px)and (max-width:767px) { .row>div+div, .row_small>div+div { margin-top: 20px }}@media(max-width:480px) { .row>div+div, .row_small>div+div { margin-top: 15px }}.panel { position: relative; background: #1e1f30; border-radius: 10px}.panel .line_text { overflow: hidden; text-align: center; line-height: 1.2em; width: 100%; text-transform: uppercase}.panel .line_text:after,.panel .line_text:before { background-color: rgba(154, 169, 226, .1); content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%}.panel .line_text:before { right: 3em; margin-left: -50%}.panel .line_text:after { left: 3em; margin-right: -50%}.panel .panel_header.header_icon { display: flex; align-items: center; flex-direction: column}.panel .panel_header.header_icon i { display: block; font-size: 3.125em}.panel .panel_header.header_avatar { width: 100%}.panel .panel_header.header_avatar,.panel .panel_header.header_avatar svg { display: flex; align-items: center; flex-direction: column}.panel .panel_header.header_image { background: rgba(154, 169, 226, .1); border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; align-items: center; justify-content: space-between}.panel .panel_header.header_image .image { position: relative; width: 100%}.panel .panel_header.header_wall { background: rgba(154, 169, 226, .1); border-top-left-radius: 10px; border-top-right-radius: 10px; display: grid; grid-template-columns: -webkit-min-content -webkit-max-content; grid-template-columns: min-content max-content; align-items: center}.panel .panel_header.header_wall .wall_image .image { position: relative}.panel .panel_header.header_wall .new_tab { font-size: .75em; opacity: .7; transition: opacity .5s; background: #191a28; border-radius: 10px; cursor: pointer; padding: 1em 1.5em}.panel .panel_header.header_wall .new_tab i { font-size: 1.25em; padding-right: 10px}.panel .panel_header.header_wall .new_tab:hover { opacity: 1}.panel .panel_header.header_simple { padding-bottom: 0 !important; display: flex; align-items: center; justify-content: space-between}.panel .panel_header.header_simple>span { font-size: 1.125em; text-transform: uppercase; background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.panel .panel_body .body_title .title { font-size: 1.25em; margin-bottom: .3em}.panel .panel_body .body_title .subtitle { line-height: 1.5em}.panel .panel_body .body_title .subtitle strong { font-weight: 700; padding: 0 .1em}.panel .panel_body.panel_center { display: flex; flex-direction: column; justify-content: center; align-items: center}.panel .panel_body.panel_nx { padding-left: 0; padding-right: 0}.panel .panel_body.panel_right { display: grid; grid-template-columns: repeat(1, 1fr); justify-items: end}.panel .panel_footer { background: rgba(154, 169, 226, .1); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px}@media(min-width:1440px) { .panel .panel_header.header_icon i { padding: 20px } .panel .panel_header.header_avatar svg { margin: 20px; width: 70px; height: 70px } .panel .panel_header.header_image { padding: 20px 40px } .panel .panel_header.header_image .image { height: 70px } .panel .panel_header.header_simple { padding: 40px } .panel .panel_header.header_wall { padding: 20px 40px } .panel .panel_header.header_wall .wall_image .image { width: 230px; height: 70px } .panel .panel_header.header_wall .new_tab { margin-left: 40px } .panel .panel_body { padding: 40px } .panel .panel_body.p_sm { padding: 20px } .panel .panel_body.panel_right { gap: 20px } .panel .panel_footer { padding: 20px 40px }}@media(min-width:1281px)and (max-width:1439px) { .panel .panel_header.header_icon i { padding: 17.5px } .panel .panel_header.header_avatar svg { margin: 17.5px; width: 65px; height: 65px } .panel .panel_header.header_image { padding: 17.5px 35px } .panel .panel_header.header_image .image { height: 65px } .panel .panel_header.header_simple { padding: 35px } .panel .panel_header.header_wall { padding: 17.5px 35px } .panel .panel_header.header_wall .wall_image .image { width: 211px; height: 65px } .panel .panel_header.header_wall .new_tab { margin-left: 35px } .panel .panel_body { padding: 35px } .panel .panel_body.p_sm { padding: 17.5px } .panel .panel_body.panel_right { gap: 17.5px } .panel .panel_footer { padding: 17.5px 35px }}@media(min-width:1025px)and (max-width:1280px) { .panel .panel_header.header_icon i { padding: 15px } .panel .panel_header.header_avatar svg { margin: 15px; width: 60px; height: 60px } .panel .panel_header.header_image { padding: 15px 30px } .panel .panel_header.header_image .image { height: 60px } .panel .panel_header.header_simple { padding: 30px } .panel .panel_header.header_wall { padding: 15px 30px } .panel .panel_header.header_wall .wall_image .image { width: 195px; height: 60px } .panel .panel_header.header_wall .new_tab { margin-left: 30px } .panel .panel_body { padding: 30px } .panel .panel_body.p_sm { padding: 15px } .panel .panel_body.panel_right { gap: 15px } .panel .panel_footer { padding: 15px 30px }}@media(min-width:768px)and (max-width:1024px) { .panel .panel_header.header_icon i { padding: 25px } .panel .panel_header.header_avatar svg { margin: 12.5px; width: 55px; height: 55px } .panel .panel_header.header_image { padding: 12.5px 25px } .panel .panel_header.header_image .image { height: 55px } .panel .panel_header.header_simple { padding: 25px } .panel .panel_header.header_wall { padding: 12.5px 25px } .panel .panel_header.header_wall .wall_image .image { width: 179px; height: 55px } .panel .panel_header.header_wall .new_tab { margin-left: 25px } .panel .panel_body { padding: 25px } .panel .panel_body.p_sm { padding: 12.5px } .panel .panel_body.panel_right { gap: 25px } .panel .panel_footer { padding: 25px }}@media(min-width:481px)and (max-width:767px) { .panel .panel_header.header_icon i { padding: 20px } .panel .panel_header.header_avatar svg { margin: 10px; width: 50px; height: 50px } .panel .panel_header.header_image { padding: 10px 20px } .panel .panel_header.header_image .image { height: 50px } .panel .panel_header.header_simple { padding: 20px } .panel .panel_header.header_wall { padding: 10px 20px } .panel .panel_header.header_wall .wall_image .image { width: 162px; height: 50px } .panel .panel_header.header_wall .new_tab { margin-left: 20px } .panel .panel_body { padding: 20px } .panel .panel_body.p_sm { padding: 10px } .panel .panel_body.panel_right { gap: 20px } .panel .panel_footer { padding: 20px }}@media(max-width:480px) { .panel .panel_header.header_icon i { padding: 15px } .panel .panel_header.header_avatar svg { margin: 7.5px; width: 50px; height: 50px } .panel .panel_header.header_image { padding: 7.5px 15px } .panel .panel_header.header_image .image { height: 50px } .panel .panel_header.header_simple { padding: 15px } .panel .panel_header.header_wall { padding: 10px 20px } .panel .panel_header.header_wall .wall_image .image { width: 162px; height: 50px } .panel .panel_header.header_wall .new_tab { margin-left: 20px } .panel .panel_body { padding: 15px } .panel .panel_body.p_sm { padding: 7.5px } .panel .panel_body.panel_right { gap: 15px } .panel .panel_footer { padding: 15px }}.alert_page .alert { border-radius: 0; padding: 0}.alert_page .alert .section { display: flex; align-items: center; max-width: 1580px; margin: 0 auto; width: 100%}.alert_page.alert_main { margin-top: 35px}.alert { padding: 20px; border-radius: 10px; display: flex; align-items: center}.alert .alert_icon { font-size: 1.875em; margin-right: 20px}.alert svg { margin-right: 20px;}.alert .alert_text { font-size: .875em}.alert .danger_text { font-weight: 800; text-decoration: underline}.alert .alert_title { font-size: 1.125em; font-weight: 800; margin-bottom: .2em}.alert.alert_info { background: rgba(154, 169, 226, .1)}.alert.alert_info .alert_text { color: #9aa9e2}.alert.alert_info .alert_icon { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.alert.alert_danger { background: rgba(235, 87, 87, .1); color: #eb5757}.alert.alert_danger .alert_icon { background: -webkit-linear-gradient(#eb5757, #eb5757); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.alert.alert_warning { background: rgba(255, 231, 113, .1); color: #a9a9ca}.alert.alert_warning .alert_icon { background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.alert.alert_success { background: rgba(87, 235, 119, .1); color: #57eb77}.alert.alert_success .alert_icon { background: -webkit-linear-gradient(#57eb77, #40f649); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.alert.alert_light.alert_info { background: rgba(154, 169, 226, .05)}.alert.alert_light.alert_danger { background: rgba(235, 87, 87, .05)}.alert.alert_light.alert_warning { background: rgba(255, 231, 113, .05)}.alert.alert_light.alert_success { background: rgba(87, 235, 119, .05)}@media(min-width:1440px) { .alert_page .alert .section { padding: 20px 40px }}@media(min-width:1281px)and (max-width:1439px) { .alert_page .alert .section { padding: 17.5px 35px }}@media(min-width:1025px)and (max-width:1280px) { .alert_page .alert .section { padding: 15px 30px }}@media(min-width:768px)and (max-width:1024px) { .alert_page .alert .section { padding: 12.5px 25px }}@media(min-width:481px)and (max-width:767px) { .alert_page .alert .section { padding: 10px 20px }}@media(max-width:480px) { .alert_page .alert .section { padding: 7.5px 15px }}.panel .accordian .acc .acc_qustion { background: #212235}.panel .accordian .acc.active .acc_qustion { background: #191a28}.accordian { display: grid; grid-template-columns: repeat(1, 1fr)}.accordian .acc.active .acc_qustion { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #1e1f30; transition: border-radius 0s; color: #fff}/* .accordian .acc.active .acc_qustion:before { content: ""} */.accordian .acc.acc_switch { position: relative}.accordian .acc.acc_switch .acc_qustion_switch { z-index: 2; position: absolute}.accordian .acc .acc_qustion { background: #1e1f30; border-radius: 10px; cursor: pointer; transition: border-radius .4s ease-out; position: relative; color: #86868e; /* text-transform: uppercase */ border: 1px solid #a9a9ca; font-weight: 500; font-size: 16px; cursor: pointer; color: #fff;}.accordian .acc .acc_qustion:before { content: "+"; position: absolute; color: #9aa9e2; top: 0; bottom: 0; display: flex; align-items: center; font-size: 25px;}.accordian .acc .acc_answer { max-height: 0; overflow: hidden; transition: max-height .2s ease-out; background: #212235; border-radius: 0 0 10px 10px}@media(min-width:1440px) { .accordian { gap: 20px } .accordian .acc .acc_qustion { padding: 24px 40px 24px 20px } .accordian .acc .acc_qustion:before { right: 20px } .accordian .acc.acc_switch { position: relative } .accordian .acc.acc_switch .acc_qustion_switch { top: 15px; left: 20px } .accordian .acc.acc_switch .acc_qustion span { margin-left: 80px } .accordian .acc .acc_answer>div { padding: 20px }}@media(min-width:1281px)and (max-width:1439px) { .accordian { gap: 17.5px } .accordian .acc .acc_qustion { padding: 21px 17.5px } .accordian .acc .acc_qustion:before { right: 17.5px } .accordian .acc.acc_switch { position: relative } .accordian .acc.acc_switch .acc_qustion_switch { top: 12px; left: 17.5px } .accordian .acc.acc_switch .acc_qustion span { margin-left: 75px } .accordian .acc .acc_answer>div { padding: 17.5px }}@media(min-width:1025px)and (max-width:1280px) { .accordian { gap: 15px } .accordian .acc .acc_qustion { padding: 18px 15px } .accordian .acc .acc_qustion:before { right: 15px } .accordian .acc.acc_switch { position: relative } .accordian .acc.acc_switch .acc_qustion_switch { top: 7px; left: 15px } .accordian .acc.acc_switch .acc_qustion span { margin-left: 70px } .accordian .acc .acc_answer>div { padding: 15px }}@media(min-width:768px)and (max-width:1024px) { .accordian { gap: 25px } .accordian .acc .acc_qustion { padding: 17.5px 25px } .accordian .acc .acc_qustion:before { right: 25px } .accordian .acc.acc_switch { position: relative } .accordian .acc.acc_switch .acc_qustion_switch { top: 12px; left: 25px } .accordian .acc.acc_switch .acc_qustion span { margin-left: 60px } .accordian .acc .acc_answer>div { padding: 25px }}@media(min-width:481px)and (max-width:767px) { .accordian { gap: 20px } .accordian .acc .acc_qustion { padding: 16px 20px } .accordian .acc .acc_qustion:before { right: 20px } .accordian .acc.acc_switch { position: relative } .accordian .acc.acc_switch .acc_qustion_switch { top: 10px; left: 20px } .accordian .acc.acc_switch .acc_qustion span { margin-left: 55px } .accordian .acc .acc_answer>div { padding: 20px }}@media(max-width:480px) { .accordian { gap: 15px } .accordian .acc .acc_qustion { padding: 15px } .accordian .acc .acc_qustion:before { right: 15px } .accordian .acc.acc_switch { position: relative } .accordian .acc.acc_switch .acc_qustion_switch { top: 9px; left: 15px } .accordian .acc.acc_switch .acc_qustion span { margin-left: 50px } .accordian .acc .acc_answer>div { padding: 15px }}.tab_menu { display: flex}.tab_menu .tabs .tab { display: none}.tab_menu .tabs .tab.is_active { display: block}.tab_menu .menu_vertical { display: grid; grid-template-columns: repeat(1, 1fr)}.tab_menu .menu_vertical .element { border-radius: 10px; transition: background-color .2s; color: #86868e; cursor: pointer}.tab_menu .menu_vertical .element.is_active { background: #191a28; color: #fff}.tab_menu .menu_vertical .element:hover:not(.is_active) { background: #212235; color: #fff}@media(min-width:1440px) { .tab_menu { gap: 40px } .tab_menu .menu_vertical { gap: 10px } .tab_menu .menu_vertical .element { padding: 16px 20px }}@media(min-width:1281px)and (max-width:1439px) { .tab_menu { gap: 35px } .tab_menu .menu_vertical { gap: 8.75px } .tab_menu .menu_vertical .element { padding: 14px 17.5px }}@media(min-width:1025px)and (max-width:1280px) { .tab_menu { gap: 30px } .tab_menu .menu_vertical { gap: 7.5px } .tab_menu .menu_vertical .element { padding: 12px 15px }}@media(max-width:1024px) { .tab_menu { flex-direction: column }}@media(min-width:768px)and (max-width:1024px) { .tab_menu { gap: 25px } .tab_menu .menu_vertical { gap: 12.5px } .tab_menu .menu_vertical .element { padding: 25px }}@media(min-width:481px)and (max-width:767px) { .tab_menu { gap: 20px } .tab_menu .menu_vertical { gap: 10px } .tab_menu .menu_vertical .element { padding: 20px }}@media(max-width:480px) { .tab_menu { gap: 15px } .tab_menu .menu_vertical { gap: 7.5px } .tab_menu .menu_vertical .element { padding: 15px }}.breadcrumb { border-radius: 10px; overflow: hidden; font-size: .75em; width: 100%; text-transform: uppercase; background: #1e1f30; display: flex; align-items: center}.breadcrumb .bread { padding: 8px 0}.breadcrumb .bread.first { padding-left: 20px}.breadcrumb .bread.arrow { padding: 8px 20px; font-size: .75em; color: #9aa9e2}.breadcrumb .bread.active { padding: 8px 20px; background: #32334f}.user_header { flex-wrap: wrap}.user_header,.user_header .profile { display: flex; align-items: center; justify-content: space-between;}.profile { background-color: #222339; border-radius: 15px; padding: 30px 35px; margin-bottom: 20px;}.user_header .avatar { flex-shrink: 0}.user_header .avatar svg { width: 100%; height: 100%}.user_header .avatar svg>path { fill: url(#gradient_gold)}.user_header .info { display: flex; flex-direction: column}.user_header .info .user { display: flex; align-items: center}.user_header .info .user .username { font-size: 1.375em}.user_header .info .badges { font-size: .875em}.user_header .info .level .details { color: #86868e; font-size: .875em}.user_header .progress { height: 6px; border-radius: 10px; background: rgba(0, 0, 0, .3); position: relative; overflow: hidden; margin-top: .4em; width: 100%}.user_header .progress .bar { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #a9a9ca}.user_header .stats { display: grid; margin-left: auto; grid-template-columns: repeat(3, 1fr)}@media(min-width:1440px) { .user_header .avatar { width: 120px; height: 120px } .user_header .info { margin-left: 40px; gap: 8px } .user_header .info .user, .user_header .stats { gap: 20px } .user_header .stats .hexagon_stats { min-width: 180px }}@media(min-width:1281px)and (max-width:1439px) { .user_header .avatar { width: 110px; height: 110px } .user_header .info { margin-left: 35px; gap: 7px } .user_header .info .user, .user_header .stats { gap: 17.5px } .user_header .stats .hexagon_stats { min-width: 170px }}@media(min-width:1025px)and (max-width:1280px) { .user_header .avatar { width: 100px; height: 100px } .user_header .info { margin-left: 30px; gap: 6px } .user_header .info .user, .user_header .stats { gap: 15px } .user_header .stats .hexagon_stats { min-width: 160px }}@media(max-width:1024px) { .user_header .info { flex-grow: 2 } .user_header .stats, .user_header .stats .hexagon_stats { width: 100% }}@media(min-width:768px)and (max-width:1024px) { .user_header .avatar { width: 100px; height: 100px } .user_header .info { margin-left: 25px; gap: 6px } .user_header .info .user { gap: 25px } .user_header .stats { margin-top: 25px; gap: 25px }}@media(min-width:481px)and (max-width:767px) { .user_header .avatar { width: 80px; height: 80px } .user_header .info { margin-left: 20px; gap: 6px } .user_header .info .user { gap: 20px } .user_header .stats { margin-top: 20px; gap: 20px; grid-template-columns: repeat(3, 1fr) }}@media(max-width:480px) { .user_header .avatar { width: 60px; height: 60px } .user_header .info { margin-left: 15px; gap: 4px } .user_header .info .user { gap: 15px } .user_header .stats { margin-top: 15px; gap: 15px; grid-template-columns: repeat(2, 1fr) }}.badges { display: flex; gap: .8em}.badge { display: block; font-size: .75em; padding: .4em .8em; box-shadow: 0 6px 10px rgba(29, 36, 79, .2)}.badge i { padding-right: 5px}.badge.badge_rounded { border-radius: 10px}.badge.badge_rounded_sm { border-radius: 5px}.badge.badge_blue { background: linear-gradient(180deg, #9aa9e2, #6575b0)}.badge.badge_blue.badge_shadow { box-shadow: 0 0 .4em #6575b0}.badge.badge_dark { background: #191a28}.badge.badge_red { background: linear-gradient(180deg, #913c3c, #733838)}.badge.badge_green { background: linear-gradient(180deg, #3eaa55, #308a44)}.badge.badge_purple { background: linear-gradient(180deg, #a13eaa, #78308a)}.badge.badge_promo { background: #eb5757; box-shadow: 0 0 1em #eb5757}.badge.badge_offer { padding: 0}.chart { height: 300px}.chart .apexchart line { stroke: #191a28}.chart .apexchart text { fill: url(#gradient_blue)}.chart .apexchart .apexcharts-theme-light .apexcharts-tooltip { color: #000}.chart .apexchart .apexcharts-theme-light .apexcharts-menu-icon svg { fill: #86868e}.chart .apexchart .apexcharts-theme-light .apexcharts-menu-icon:hover svg { fill: #fff}.chart .apexchart .apexcharts-theme-light .apexcharts-menu { background: #282940; border: 0; border-radius: 10px; overflow: hidden; padding: 5px}.chart .apexchart .apexcharts-theme-light .apexcharts-menu .apexcharts-menu-item { border-radius: 10px}.chart .apexchart .apexcharts-theme-light .apexcharts-menu .apexcharts-menu-item+.apexcharts-menu-item { margin-top: 5px}.chart .apexchart .apexcharts-theme-light .apexcharts-menu .apexcharts-menu-item:hover { background: rgba(0, 0, 0, .1)}.loader { height: 100%}.container { display: flex; justify-content: center; align-items: center}.container div { position: absolute}.container div:nth-of-type(2) { transform: rotate(60deg)}.container div:nth-of-type(3) { transform: rotate(-60deg)}.container div div { width: 100%; height: 100%; position: relative}.container div div span { position: absolute; height: 0%; background: #a9a9ca; z-index: 20}.container .h1 { left: 0; -webkit-animation: load1 7.2s ease infinite; animation: load1 7.2s ease infinite}.container .h2 { right: 0; -webkit-animation: load2 7.2s ease .6s infinite; animation: load2 7.2s ease .6s infinite}.container .h3 { right: 0; -webkit-animation: load3 7.2s ease 1.2s infinite; animation: load3 7.2s ease 1.2s infinite}.container .h4 { right: 0; -webkit-animation: load4 7.2s ease 1.8s infinite; animation: load4 7.2s ease 1.8s infinite}.container .h5 { left: 0; -webkit-animation: load5 7.2s ease 2.4s infinite; animation: load5 7.2s ease 2.4s infinite}.container .h6 { left: 0; -webkit-animation: load6 7.2s ease 3s infinite; animation: load6 7.2s ease 3s infinite}@-webkit-keyframes load1 { 0% { bottom: 0; height: 0 } 6.944444444% { bottom: 0; height: 100% } 50% { top: 0; height: 100% } 59.944444433% { top: 0; height: 0 }}@keyframes load1 { 0% { bottom: 0; height: 0 } 6.944444444% { bottom: 0; height: 100% } 50% { top: 0; height: 100% } 59.944444433% { top: 0; height: 0 }}@-webkit-keyframes load2 { 0% { top: 0; height: 0 } 6.944444444% { top: 0; height: 100% } 50% { bottom: 0; height: 100% } 59.944444433% { bottom: 0; height: 0 }}@keyframes load2 { 0% { top: 0; height: 0 } 6.944444444% { top: 0; height: 100% } 50% { bottom: 0; height: 100% } 59.944444433% { bottom: 0; height: 0 }}@-webkit-keyframes load3 { 0% { top: 0; height: 0 } 6.944444444% { top: 0; height: 100% } 50% { bottom: 0; height: 100% } 59.94444443% { bottom: 0; height: 0 }}@keyframes load3 { 0% { top: 0; height: 0 } 6.944444444% { top: 0; height: 100% } 50% { bottom: 0; height: 100% } 59.94444443% { bottom: 0; height: 0 }}@-webkit-keyframes load4 { 0% { top: 0; height: 0 } 6.944444444% { top: 0; height: 100% } 50% { bottom: 0; height: 100% } 59.94444443% { bottom: 0; height: 0 }}@keyframes load4 { 0% { top: 0; height: 0 } 6.944444444% { top: 0; height: 100% } 50% { bottom: 0; height: 100% } 59.94444443% { bottom: 0; height: 0 }}@-webkit-keyframes load5 { 0% { bottom: 0; height: 0 } 6.944444444% { bottom: 0; height: 100% } 50% { top: 0; height: 100% } 59.94444443% { top: 0; height: 0 }}@keyframes load5 { 0% { bottom: 0; height: 0 } 6.944444444% { bottom: 0; height: 100% } 50% { top: 0; height: 100% } 59.94444443% { top: 0; height: 0 }}@-webkit-keyframes load6 { 0% { bottom: 0; height: 0 } 6.944444444% { bottom: 0; height: 100% } 50% { top: 0; height: 100% } 59.94444443% { top: 0; height: 0 }}@keyframes load6 { 0% { bottom: 0; height: 0 } 6.944444444% { bottom: 0; height: 100% } 50% { top: 0; height: 100% } 59.94444443% { top: 0; height: 0 }}@keyframes blink { 50% { opacity: 0 }}@-webkit-keyframes blink { 50% { opacity: 0 }}.swiper { width: 100%; position: static !important}.swiper .swiper-button-prev { left: -42px; color: #9aa9e2}.swiper .swiper-button-prev:after { font-size: 2.5em}.swiper .swiper-slide { flex-grow: 2; display: flex; height: auto}.swiper .swiper-button-next { right: -42px; color: #9aa9e2}.swiper .swiper-button-next:after { font-size: 2.5em}.swiper_box { position: relative}.swiper_options .opinion { display: flex; flex-direction: column; width: 100%; border-radius: 10px; background: #1e1f30; cursor: pointer; transition: background-color .2s; padding: 15px}.swiper_options .opinion .top { display: flex; justify-content: space-between; align-items: center}.swiper_options .opinion .top .username { font-size: 1.25em; color: #9aa9e2}.swiper_options .opinion .top .time { font-size: .75em}.swiper_options .opinion .message { padding: 15px 0; font-size: .875em; flex-grow: 2}.swiper_options .opinion .message .text { line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical}.swiper_options .opinion .stars { position: relative; width: 90px; height: 20px}.swiper_options .opinion .bottom { display: flex; justify-content: space-between}.swiper_options .opinion .bottom .check { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #9aa9e2}.swiper_options .opinion:hover { background: #282940}.swiper_walls { display: block}@media(max-width:1660px) { .swiper_box { margin: 0 60px; position: relative }}header { background: #191a29; display: flex; -webkit-box-shadow: 0 10px 5px hsla(0, 0%, 7%, .1); -moz-box-shadow: 0 10px 5px hsla(0, 0%, 7%, .1); z-index: 100; position: fixed; top: 0; left: 0; right: 0}header .left { display: flex; align-items: center}header .left .back { font-size: 1.75em}header .left .back a { display: flex; padding: 10px}header .left .logo,header .left .logotype { position: relative}header .center { display: flex; margin-left: auto}header .right { display: grid; align-items: center; margin-left: auto}header .right.logged_in { grid-template-columns: repeat(3, auto)}header .right.logged_out { grid-template-columns: repeat(2, auto)}header .right .login_buttons { display: grid; grid-template-columns: repeat(2, 1fr)}header .right .login_buttons .btn_header { overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 1.125em; position: relative; text-transform: uppercase; cursor: pointer; transition: shine .3s; border-radius: 10px; font-size: .875em; min-width: 6em}header .right .login_buttons .btn_header i { margin-right: 10px; font-size: 1.625em}header .right .login_buttons .btn_header:hover .shine { -webkit-animation: shine 2s; animation: shine 2s}header .right .login_buttons .register_button { color: #000; background: linear-gradient(90deg, #a9a9ca, #a9a9ca)}header .right .login_buttons .login_button { background: linear-gradient(90deg, rgba(154, 169, 226, .5), rgba(101, 117, 176, .5))}header .right .wall_selector { display: flex; align-items: center}header .right .wall_selector .hexagon_dropdown svg { fill: #32334f}header .right .wall_selector .hexagon_dropdown .custom_select .cs__control { background: #32334f}header .right .wall_selector .hexagon_dropdown:hover>svg { fill: #3b3d5f}header .right .wall_selector .hexagon_dropdown:hover .custom_select .cs__control { background: #3b3d5f}header a.active .menu_button { background: rgba(44, 45, 67, .2); border-color: rgba(255, 231, 113, .2)}header a.active .menu_button .gradient { background: linear-gradient(90deg, #a9a9ca 0, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}header a.active .menu_button .line { background: linear-gradient(270deg, #a9a9ca, #a9a9ca); height: 2px; box-shadow: 0 0 1em #f7b242}header a:hover:not(.active) .menu_button { border-color: rgba(101, 117, 176, .2)}header a:hover:not(.active) .menu_button .line:after { width: 80%; left: 10%}header .center>.menu_button:hover:not(.disabled) { border-color: rgba(101, 117, 176, .2)}header .center>.menu_button:hover:not(.disabled) .line:after { width: 80%; left: 10%}header .menu_button { height: 100%; cursor: pointer; border-bottom: 2px solid transparent; transition: background .3s ease-out, opacity .5s ease-out}header .menu_button:hover:not(.disabled) { background: #2c2d43}header .menu_button:not(.disabled):not(.active) { position: relative}header .menu_button:not(.disabled):not(.active) .line:after { background: none repeat scroll 0 0 transparent; bottom: -2px; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: linear-gradient(270deg, #00ffae, #00ffae); box-shadow: 0 0 1em #99a8e1; transition: width .3s ease 0s, left .3s ease 0s; width: 0}header .menu_button.disabled { opacity: .5; cursor: default}header .menu_button .gradient { background: linear-gradient(90deg, #6575b0 0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}header .menu_button .inner { height: 100%; align-items: center; display: flex; justify-content: center}header .menu_button .inner .icon { font-size: 1.375em}header .menu_button .inner .text .top { /* text-transform: uppercase; */ font-size: .875em; font-weight: 900;}header .menu_button .inner .text .bottom { margin-top: .3em; margin-bottom: -.3em; font-size: .875em}header .menu_button .inner .shrink { display: flex; align-items: center}header .user_dropdown { height: 90%; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: linear-gradient(180deg, #a9a9ca, #a9a9ca);}header .user_dropdown .dropdown_current { padding: 0; height: 100%}header .user_dropdown .dropdown_current .inner { display: flex; align-items: center; width: 100%}header .user_dropdown .dropdown_list ul .element .text { padding: 0 10px}header .user_dropdown .gradient { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: opacity .3s ease-out}header .user_dropdown .hover_gradient { background: linear-gradient(180deg, #EF0107, #A52A2A); border-top-right-radius: 10px; border-top-left-radius: 10px;}header .user_dropdown .active_gradient { background: linear-gradient(258.69deg, #bba95b, #b58439 37.05%)}header .user_dropdown:hover:not(.active) .hover_gradient { opacity: 1}header .user_dropdown.active .user_avatar svg>path { fill: url(#gradient_gold)}header .user_dropdown.active .active_gradient { opacity: 1}header .user_dropdown.active .user_info .currency { color: #ffe685}header .user_dropdown.active .user_info .username_box .level { background: linear-gradient(0deg, rgba(255, 231, 113, .3), rgba(246, 176, 64, .3))}header .user_dropdown.active .angle_box { transform: rotate(180deg)}header .user_dropdown .user_avatar { display: flex; z-index: 10; background-color: #fff; border-radius: 50%;}header .user_dropdown .user_info { z-index: 10; flex-grow: 2}header .user_dropdown .user_info .username_box { display: flex; align-items: center}header .user_dropdown .user_info .username_box .username { font-size: 1.125em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}header .user_dropdown .user_info .username_box .level { margin-left: 10px; padding: 2px 4px; border-radius: 4px}header .user_dropdown .user_info .balance { display: flex; align-items: center; margin-top: .2em}header .user_dropdown .user_info .balance i { margin-right: .4em}header .user_dropdown .user_info .currency { color: #9aa9e2}header .user_dropdown .angle_box { display: flex; z-index: 10; transition: transform .3s ease-out}header .user_dropdown .user_lvl { position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: hsla(0, 0%, 100%, .1); overflow: hidden}header .user_dropdown .user_lvl .shine { -webkit-animation: shine 10s infinite; animation: shine 10s infinite}@media(min-width:1920px) { header .left .logo { width: 225px; height: 50px } header .center .menu_button { padding: 0 12px } header .center .menu_button .inner { padding: 0 8px } header .center .menu_button .inner .text { margin-left: 12px }}@media(min-width:1600px)and (max-width:1919px) { header .left .logo { width: 210px; height: 46px } header .center .menu_button, header .center .menu_button .inner { padding: 0 6px } header .center .menu_button .inner .text { margin-left: 6px }}@media(min-width:1600px) { header { height: 80px } header .left { margin-left: 20px } header .right { gap: 20px } header .right .user_dropdown { width: 300px; border-radius: 10px; } header .dropdown-content { width: 300px; } header .right .user_dropdown .dropdown_current .inner { gap: 20px; padding: 0 20px } header .right .user_dropdown .username_box .username { max-width: 100px } header .right .user_dropdown svg { width: 65px } header .right .login_buttons { margin-right: 20px; gap: 20px } header .right .wall_selector { padding-right: 20px }}@media(min-width:1440px)and (max-width:1599px) { header { height: 75px } header .left { margin-left: 20px } header .left .logo { width: 205px; height: 45px } header .center .menu_button { padding: 0 6px } header .center .menu_button .inner { flex-direction: column; padding: 0 6px } header .center .menu_button .inner .text { margin-top: 4px; text-align: center } header .right { gap: 16px } header .right .user_dropdown { width: 260px; border-radius: 10px; } header .dropdown-content { width: 260px; } header .right .user_dropdown .dropdown_current .inner { gap: 8px; padding: 0 8px } header .right .user_dropdown .username_box .username { max-width: 90px } header .right .user_dropdown svg { width: 60px } header .right .login_buttons { margin-right: 20px; gap: 20px } header .right .wall_selector { padding-right: 20px }}@media(min-width:1440px) { header .left .back { padding-right: 20px }}@media(min-width:1281px)and (max-width:1439px) { header { height: 70px } header .left { margin-left: 17.5px } header .left .back { padding-right: 17.5px } header .left .logo { width: 180px; height: 40px } header .center .menu_button { padding: 0 6px } header .center .menu_button .inner { flex-direction: column; padding: 0 6px } header .center .menu_button .inner .text { margin-top: 6px; text-align: center } header .right { gap: 10.5px } header .right .user_dropdown { width: 240px; border-radius: 10px; } header .dropdown-content { width: 240px; } header .right .user_dropdown .dropdown_current .inner { gap: 7px; padding: 0 7px } header .right .user_dropdown .username_box .username { max-width: 70px } header .right .user_dropdown svg { width: 55px } header .right .login_buttons { margin-right: 17.5px; gap: 17.5px } header .right .wall_selector { padding-right: 17.5px }}@media(min-width:1025px)and (max-width:1280px) { header { height: 70px } header .left { margin-left: 15px } header .left .back { padding-right: 15px } header .left .logo { width: 170px; height: 37px } header .center .menu_button { padding: 0 6px } header .center .menu_button .inner { padding: 0 5px; flex-direction: column } header .center .menu_button .inner .text { margin-top: 6px; text-align: center } header .right { gap: 6px } header .right .user_dropdown { width: 175px; border-radius: 10px; } header .dropdown-content { width: 175px; } header .right .user_dropdown .dropdown_current .inner { gap: 6px; padding: 0 6px } header .right .user_dropdown .username_box .username { max-width: 60px } header .right .user_dropdown svg { width: 50px } header .right .login_buttons { margin-right: 15px; gap: 15px } header .right .wall_selector { padding-right: 15px }}@media(max-width:1024px) { header .center { display: none } header .right .user_info { display: flex; flex-direction: column; align-items: flex-end }}@media(min-width:768px)and (max-width:1024px) { header { height: 65px } header .left { margin-left: 12.5px } header .left .back { padding-right: 12.5px } header .left .logo { width: 160px; height: 35px } header .right { gap: 12.5px } header .right .user_dropdown { width: 220px; border-radius: 10px; } header .dropdown-content { width: 220px; } header .right .user_dropdown .dropdown_current .inner { gap: 12.5px; padding: 0 12.5px } header .right .user_dropdown .username_box .username { max-width: 80px } header .right .user_dropdown svg { width: 48px } header .right .login_buttons { margin-right: 25px; gap: 25px } header .right .wall_selector { padding-right: 25px }}@media(min-width:481px)and (max-width:767px) { header { height: 60px } header .left { margin-left: 10px } header .left .back { padding-right: 10px } header .left .logo { width: 160px; height: 35px } header .right { gap: 10px } header .right .user_dropdown { width: 200px; border-radius: 10px; } header .dropdown-content { width: 200px; } header .right .user_dropdown .dropdown_current .inner { gap: 10px; padding: 0 10px } header .right .user_dropdown .username_box .username { max-width: 70px } header .right .user_dropdown svg { width: 44px } header .right .login_buttons { margin-right: 20px; gap: 20px } header .right .wall_selector { padding-right: 20px }}@media(min-width:481px) { header .logotype { display: none }}@media(max-width:480px) { header { height: 60px } header .logo { display: none } header .left { margin-left: 7.5px } header .left .back { padding-right: 7.5px } header .left .logotype { width: 35px; height: 35px } header .right { gap: 7.5px } header .right .user_dropdown { width: 180px; border-radius: 10px; } header .dropdown-content { width: 180px; } header .right .user_dropdown .dropdown_current .inner { gap: 7.5px; padding: 0 7.5px } header .right .user_dropdown .username_box .username { max-width: 60px } header .right .user_dropdown svg { width: 44px } header .right .login_buttons { margin-right: 15px; gap: 15px } header .right .wall_selector { padding-right: 15px }}footer { background: #12121e; position: relative; transition: padding .2s}footer .footer_inner { display: grid; max-width: 1580px; margin: 0 auto}footer .footer_inner .column { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: -webkit-max-content; grid-template-rows: max-content}footer .footer_inner .column .logo { position: relative}footer .footer_inner .column .copy { font-size: .875em}footer .footer_inner .column .column_title { text-transform: uppercase}footer .footer_inner .column .menu .link { line-height: 1.875em; font-size: .875em}footer .footer_inner .column .menu .link a { color: #86868e; transition: color .2s}footer .footer_inner .column .menu .link a.active,footer .footer_inner .column .menu .link a:hover { color: #fff}@media(min-width:1440px) { footer .footer_inner { gap: 40px; padding: 40px 40px 60px } footer .footer_inner .column { gap: 20px } footer .footer_inner .column_logo .logo { width: 258px; height: 65px }}@media(min-width:1281px)and (max-width:1439px) { footer .footer_inner { gap: 35px; padding: 35px 35px 52.5px } footer .footer_inner .column { gap: 17.5px } footer .footer_inner .column_logo .logo { width: 228px; height: 58px }}@media(min-width:1025px)and (max-width:1280px) { footer .footer_inner { gap: 30px; padding: 30px 30px 45px } footer .footer_inner .column { gap: 15px } footer .footer_inner .column_logo .logo { width: 222px; height: 56px }}@media(min-width:1025px) { footer .footer_inner { grid-template-columns: repeat(5, auto) }}@media(max-width:1024px) { footer .footer_inner { grid-template-columns: repeat(2, auto) } footer .footer_inner .column.column_logo { grid-column-start: 1; grid-column-end: 3 }}@media(min-width:768px)and (max-width:1024px) { footer .footer_inner { gap: 25px; padding: 25px 25px 37.5px } footer .footer_inner .column { gap: 25px } footer .footer_inner .column .menu .link { padding: 10px 0 } footer .footer_inner .column_logo { gap: 12.5px } footer .footer_inner .column_logo .logo { width: 200px; height: 51px }}@media(min-width:481px)and (max-width:767px) { footer .footer_inner { gap: 20px; padding: 20px 20px 30px } footer .footer_inner .column { gap: 20px } footer .footer_inner .column .menu .link { padding: 8px 0 } footer .footer_inner .column_logo { gap: 10px } footer .footer_inner .column_logo .logo { width: 200px; height: 50px }}@media(max-width:480px) { footer .footer_inner { gap: 15px; padding: 15px 15px 22.5px } footer .footer_inner .column { gap: 15px } footer .footer_inner .column .menu .link { padding: 6px 0 } footer .footer_inner .column_logo { gap: 7.5px } footer .footer_inner .column_logo .logo { width: 200px; height: 49px }}.mobile_menu { position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-evenly; z-index: 50; height: 70px; background: #2e2e46}.mobile_menu a.active .button .icon,.mobile_menu a.active .button .text { background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.mobile_menu a:not(.active) .button .icon,.mobile_menu a:not(.active) .button .text { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.mobile_menu .button { width: 70px; height: 70px; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 0 5px; cursor: pointer; transition: background-color .5s}.mobile_menu .button.active .icon,.mobile_menu .button.active .text { background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.mobile_menu .button:not(.active) .icon,.mobile_menu .button:not(.active) .text { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.mobile_menu .button.disabled { opacity: .5; cursor: default}.mobile_menu .button:hover:not(.disabled) { background: rgba(101, 117, 176, .2)}.mobile_menu .button .icon { font-size: 20px; margin-bottom: 10px}.mobile_menu .button .text { font-size: 8px; text-align: center; white-space: nowrap; background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}@media(min-width:1025px) { .mobile_menu { display: none }}@media(max-width:1024px) { body #app_wrapper.has_mobile_menu { padding-bottom: 70px }}.chat_box { position: fixed; right: 0; bottom: 0; background: #212235; transition: margin .2s; display: flex; flex-direction: column; z-index: 10}.chat_box .hide { position: absolute; top: 10px; left: 1px; transform: translateX(-100%); background: #1e1f30; text-transform: uppercase; border-top-left-radius: 10px; border-bottom-left-radius: 10px; cursor: pointer; transition: background-color .5s, top .2s; padding: .8em; min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; border: 1px solid #181926; border-right: 0}.chat_box .hide:hover { background: rgba(101, 117, 176, .8)}.chat_box .hide i { display: flex; transition: transform .5s ease-out; font-size: 1.125em}.chat_box .hide .bubble { position: absolute; right: 4px; top: 4px; background: #eb5757; border-radius: 50%; padding: 1px; font-size: .5em; width: 2em; height: 2em; display: flex; align-items: center; justify-content: center}.chat_box .hide .bubble:empty { display: none}.chat_box .chat_top { transition: background-color .5s; background: #191a28; font-size: .875em; position: relative; display: flex; justify-content: space-between; align-items: center; z-index: 1; -webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, .05); -moz-box-shadow: 0 10px 5px rgba(0, 0, 0, .05)}.chat_box .chat_top .dropdown { width: 100%}.chat_box .chat_top .dropdown .icon_angle { transition: transform .2s ease-out}.chat_box .chat_top .dropdown.active .icon_angle { display: flex; transform: rotate(180deg)}.chat_box .chat_top .dropdown .dropdown_current { justify-content: space-between; display: flex; align-items: center; border-bottom: 1px solid rgba(25, 26, 41, .5)}.chat_box .chat_top .dropdown .dropdown_list .text { display: flex; justify-content: space-between; width: 100%; padding: 0 12px}.chat_box .chat_top .dropdown .room { display: flex; align-items: center; padding: 1em; background: rgba(25, 26, 41, .5)}.chat_box .chat_top .dropdown .chat_icon { width: 20px; height: 20px; position: relative}.chat_box .chat_top .left { display: flex; align-items: center}.chat_box .chat_top .left .icon_angle { margin-left: 10px}.chat_box .chat_top .right .icon_user { margin-right: .5em}.chat_box .chat_messages { display: flex; flex-grow: 2; position: relative; background: #191a28; flex-direction: column}.chat_box .chat_messages .emoji_picker { position: absolute; bottom: 0; right: 10px; transition: opacity .5s}.chat_box .chat_messages .emoji_picker aside.emoji-picker-react { box-shadow: none; border-radius: 10px}.chat_box .chat_messages .emoji_picker aside.emoji-picker-react ul li+li { padding-top: 0}.chat_box .chat_messages .chat_loader { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%}.chat_box .chat_messages .chat_loader.hidden { display: none}.chat_box .chat_messages .chat_loader svg { opacity: .4; width: 60px; height: 50px}.chat_box .chat_messages .chat_loader svg .dot_1 { -webkit-animation: blink 1s ease 0s infinite; animation: blink 1s ease 0s infinite}.chat_box .chat_messages .chat_loader svg .dot_2 { -webkit-animation: blink 1s ease .4s infinite; animation: blink 1s ease .4s infinite}.chat_box .chat_messages .chat_loader svg .dot_3 { -webkit-animation: blink 1s ease .6s infinite; animation: blink 1s ease .6s infinite}.chat_box .chat_messages .new_messages { position: absolute; left: 0; right: 0; bottom: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity .5s}.chat_box .chat_messages .new_messages.hidden { opacity: 0; display: none}.chat_box .chat_messages .new_messages span { padding: 10px; background: #191a28; font-size: .75em; border-radius: 10px; transition: background-color .5s; color: #9aa9e2}.chat_box .chat_messages .new_messages span:hover { background: #212235}.chat_box .chat_messages .chat_content { width: 100%; height: 100%; overflow: hidden}.chat_box .chat_messages .chat_content.hidden { height: 0}.chat_box .chat_messages .chat_content .chat_message { padding: 10px; background: #1e1f30; margin: 10px}.chat_box .chat_messages .chat_content .chat_message .mention { cursor: pointer}.chat_box .chat_messages .chat_content .chat_message .hashtag { font-weight: 600; color: #bbbbbf}.chat_box .chat_messages .chat_content .chat_message .owner_color { color: #eb5757}.chat_box .chat_messages .chat_content .chat_message .mod_color { color: #57eb77}.chat_box .chat_messages .chat_content .chat_message .helper_color { color: #c057eb}.chat_box .chat_messages .chat_content .chat_message .user_color { color: #9aa9e2}.chat_box .chat_messages .chat_content .chat_message.owner_message svg>path { fill: #eb5757 !important}.chat_box .chat_messages .chat_content .chat_message.owner_message .level_box { display: none}.chat_box .chat_messages .chat_content .chat_message.owner_message .user .username { margin-left: 10px}.chat_box .chat_messages .chat_content .chat_message.owner_message .user .nick { color: #eb5757}.chat_box .chat_messages .chat_content .chat_message.mod_message svg>path { fill: #57eb77 !important}.chat_box .chat_messages .chat_content .chat_message.mod_message .level_box { display: none}.chat_box .chat_messages .chat_content .chat_message.mod_message .user .username { margin-left: 10px}.chat_box .chat_messages .chat_content .chat_message.mod_message .user .nick { color: #57eb77}.chat_box .chat_messages .chat_content .chat_message.bot_message { background: rgba(235, 87, 87, .102)}.chat_box .chat_messages .chat_content .chat_message.bot_message svg>path { fill: #eb5757 !important}.chat_box .chat_messages .chat_content .chat_message.bot_message .user .username { margin-left: 10px}.chat_box .chat_messages .chat_content .chat_message.bot_message .message,.chat_box .chat_messages .chat_content .chat_message.bot_message .username { color: #eb5757}.chat_box .chat_messages .chat_content .chat_message.helper_message svg>path { fill: #c057eb !important}.chat_box .chat_messages .chat_content .chat_message.helper_message .user .level { background: #c057eb}.chat_box .chat_messages .chat_content .chat_message.helper_message .username .nick { color: #c057eb}.chat_box .chat_messages .chat_content .chat_message .user { position: relative; display: flex; align-items: center; font-size: .875em}.chat_box .chat_messages .chat_content .chat_message .user svg { width: 32px; height: 32px}.chat_box .chat_messages .chat_content .chat_message .user svg>path { fill: #2e324d}.chat_box .chat_messages .chat_content .chat_message .user .level_box { position: absolute; top: 15px; left: 19px; padding: 4px; background: #1e1f30; border-radius: 10px}.chat_box .chat_messages .chat_content .chat_message .user .level { font-size: 8px; padding: 2px 4px; background: #32334f; border-radius: 5px}.chat_box .chat_messages .chat_content .chat_message .user .username { margin-left: 20px}.chat_box .chat_messages .chat_content .chat_message .mod_buttons { margin-left: auto; border-radius: 10px}.chat_box .chat_messages .chat_content .chat_message .mod_buttons i+i { margin-left: 8px}.chat_box .chat_messages .chat_content .chat_message .mod_buttons i { opacity: .8; transition: opacity .5s; cursor: pointer}.chat_box .chat_messages .chat_content .chat_message .mod_buttons i:hover { opacity: 1}.chat_box .chat_messages .chat_content .chat_message .mod_buttons .icon_block { color: #9aa9e2}.chat_box .chat_messages .chat_content .chat_message .mod_buttons .icon_cancel_circle { color: #eb5757}.chat_box .chat_messages .chat_content .chat_message .username .nick { cursor: pointer; color: #9aa9e2}.chat_box .chat_messages .chat_content .chat_message .message { margin-top: 15px; font-size: .875em; color: #86868e; word-break: break-word}.chat_box .chat_messages .chat_content .chat_message.animated { animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both}.chat_box .chat_messages .chat_content .chat_message.fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp}@keyframes fadeInUp { 0% { opacity: 0 } to { opacity: 1 }}@-webkit-keyframes fadeInUp { 0% { opacity: 0 } to { opacity: 1 }}.chat_box .chat_bottom { display: flex; position: relative; padding: 20px 10px; overflow: hidden}.chat_box .chat_bottom textarea { padding-right: 64px}.chat_box .chat_bottom .emotes { position: absolute; right: 22px; top: 32px; cursor: pointer; transition: opacity .5s; opacity: .8; line-height: 1.2em; font-size: 18px}.chat_box .chat_bottom .emotes:hover { opacity: 1}.chat_box .chat_bottom svg { position: absolute; cursor: pointer; opacity: .8; transition: opacity .5s; bottom: 26px; right: 18px; width: 50px; height: 50px}.chat_box .chat_bottom svg:hover { opacity: 1}.chat_box .chat_bottom .delay_timer { position: absolute; bottom: 30px; left: 20px; font-size: .75em; color: #eb5757; transition: opacity .5s}.chat_box .chat_bottom .delay_timer.hidden { opacity: 0}@media(min-width:1600px) { .chat_box { width: 300px; top: 80px } .chat_box.hidden { margin-right: -300px }}@media(min-width:1440px) { .chat_box .chat_top .dropdown_current { padding: 20px } .chat_box .chat_top .dropdown_current .left .chat_icon { margin-right: 20px } .stats_open .chat_box .hide { top: 112px }}@media(min-width:1440px)and (max-width:1599px) { .chat_box { width: 260px; top: 75px } .chat_box.hidden { margin-right: -260px }}@media(min-width:1281px)and (max-width:1439px) { .chat_box { width: 240px; top: 70px } .chat_box.hidden { margin-right: -240px } .chat_box .chat_top .dropdown_current { padding: 17.5px } .chat_box .chat_top .dropdown_current .left .chat_icon { margin-right: 17.5px } .stats_open .chat_box .hide { top: 108px }}@media(min-width:1025px) { .chat_box .chat_top .mobile_close { display: none }}@media(min-width:1025px)and (max-width:1280px) { .chat_box { width: 220px; top: 70px } .chat_box.hidden { margin-right: -220px } .chat_box .chat_top .dropdown_current { padding: 15px } .chat_box .chat_top .dropdown_current .left .chat_icon { margin-right: 15px } .stats_open .chat_box .hide { top: 104px }}@media(max-width:1024px) { .chat_box { width: 100%; bottom: 0; transition: width .2s } .chat_box.hidden { width: 0 } .chat_box:not(.hidden) { z-index: 250 } .chat_overlay:not(.hidden) { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(18, 18, 29, .8); z-index: 151 } .chat_top { position: relative } .chat_top .mobile_close { width: 60px; height: 60px; flex-shrink: 0; display: flex; align-items: center; justify-content: center } .chat_top .mobile_close .button { background: #1e1f30; border-radius: 10px; width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; cursor: pointer } .chat_top .mobile_close .button:hover { background: #212235 } .chat_top .mobile_close .button i { font-size: 1.875em }}@media(min-width:768px)and (max-width:1024px) { .chat_box { top: 65px } .chat_box .chat_top .dropdown_current { padding: 25px } .chat_box .chat_top .dropdown_current .left .chat_icon { margin-right: 25px } .stats_open .chat_box .hide { top: 104px }}@media(min-width:481px)and (max-width:767px) { .chat_box { top: 60px } .chat_box .chat_top .dropdown_current { padding: 20px } .chat_box .chat_top .dropdown_current .left .chat_icon { margin-right: 20px } .stats_open .chat_box .hide { top: 166px }}@media(max-width:480px) { .chat_box { top: 60px } .chat_box .chat_top .dropdown_current { padding: 20px } .chat_box .chat_top .dropdown_current .left .chat_icon { margin-right: 20px } .stats_open .chat_box .hide { top: 156px }}.stats_top { position: fixed; left: 0; right: 0; background: #1e1f30; display: flex; transition: margin .2s, right .2s; z-index: 40; -webkit-box-shadow: 0 10px 5px hsla(0, 0%, 8%, .1); -moz-box-shadow: 0 10px 5px hsla(0, 0%, 8%, .1); border-bottom: 1px solid #181926}.stats_top .hide { position: absolute; bottom: -30px; left: 20px; padding: 8px 25px; bottom: -50%; bottom: 1px; left: 0; transform: translateY(100%); background: #212235; text-transform: uppercase; font-size: .75em; border-bottom-right-radius: 10px; transition: background-color .3s ease-out; cursor: pointer; border: 1px solid #181926; border-left: 0; border-top: 0}.stats_top .hide:hover { background: #191a28}.stats_top .info { display: flex; flex-direction: column; flex-shrink: 0}.stats_top .info .stat { display: grid; grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; align-content: space-around; flex-grow: 2}.stats_top .info .stat .icon { font-size: 1.875em}.stats_top .info .stat .text { font-size: .875em}.stats_top .info .stat .text .top { font-size: 1.125em}.stats_top .info .stat .text .bottom { text-transform: uppercase; font-size: .75em}.stats_top .stat+.stat { background: rgba(0, 0, 0, .2)}.stats_top .live { width: 100%; display: flex; overflow: hidden; flex-direction: column; position: relative}.stats_top .live .live_select { padding: 5px 10px 0; text-transform: uppercase; font-size: .75em}.stats_top .live .live_select .select { cursor: pointer; opacity: .8}.stats_top .live .live_select .select.active,.stats_top .live .live_select .select:hover { opacity: 1}.stats_top .live .live_select .separator { color: #86868e; padding: 0 10px}.stats_top .live .boxes { display: grid; grid-template-columns: repeat(12, -webkit-min-content); grid-template-columns: repeat(12, min-content); grid-template-rows: -webkit-min-content; grid-template-rows: min-content; position: relative; /* padding: 10px */}.stats_top .live .boxes .box { background: rgba(0, 0, 0, .2); border-radius: 10px; padding: 5px 10px; display: inline-flex; flex-direction: column; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background-color .3s ease-out; height: 100%; -webkit-animation-duration: .5s; animation-duration: .5s}.stats_top .live .boxes .box.box_withdraw { background: rgba(154, 169, 226, .1)}.stats_top .live .boxes .box.box_withdraw:hover { background: rgba(154, 169, 226, .05)}.stats_top .live .boxes .box:hover { background: rgba(0, 0, 0, .4)}.stats_top .live .boxes .box .user { display: flex; align-items: center; width: 100%}.stats_top .live .boxes .box .user svg { width: 25px}.stats_top .live .boxes .box .user .username { flex: 1 1; padding: 0 10px; font-size: .75em; overflow: hidden; text-overflow: ellipsis}.stats_top .live .boxes .box .user .level { font-size: .75em; padding: 2px 4px; border-radius: 5px}.stats_top .live .boxes .box .action { display: flex; justify-content: space-between; align-items: center}.stats_top .live .boxes .box .action .type { color: #86868e; font-size: .625em; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}.stats_top .live .boxes .box .action .badge { font-size: .75em; white-space: nowrap}@media(min-width:1600px) { .stats_top { top: 80px !important } .chat_open .stats_top { right: 300px }}@media(min-width:1440px) { .stats_top { top: 75px; height: 78px } .stats_top.hidden { margin-top: -102px } .stats_top .info { min-width: 200px } .stats_top .info .stat { padding: 0 20px } .stats_top .info .stat .icon { margin-right: 20px } .stats_top .live .boxes { gap: 20px } .stats_top .live .boxes .box { width: 200px }}@media(min-width:1440px)and (max-width:1599px) { .chat_open .stats_top { right: 260px }}@media(min-width:1281px)and (max-width:1439px) { .stats_top { top: 70px; height: 75px } .stats_top.hidden { margin-top: -98px } .stats_top .info { min-width: 180px } .stats_top .info .stat { padding: 0 17.5px } .stats_top .info .stat .icon { margin-right: 17.5px } .stats_top .live .boxes { gap: 17.5px } .stats_top .live .boxes .box { width: 180px } .chat_open .stats_top { right: 240px }}@media(min-width:1025px)and (max-width:1280px) { .stats_top { top: 70px; height: 75px } .stats_top.hidden { margin-top: -94px } .stats_top .info { min-width: 160px } .stats_top .info .stat { padding: 0 15px } .stats_top .info .stat .icon { margin-right: 15px } .stats_top .live .boxes { gap: 15px } .stats_top .live .boxes .box { width: 160px } .chat_open .stats_top { right: 220px }}@media(min-width:768px)and (max-width:1024px) { .stats_top { top: 65px; height: 75px } .stats_top.hidden { margin-top: -94px } .stats_top .info { min-width: 160px } .stats_top .info .stat { padding: 0 12.5px } .stats_top .info .stat .icon { margin-right: 12.5px } .stats_top .live .boxes { gap: 12.5px } .stats_top .live .boxes .box { width: 160px }}@media(max-width:767px) { .stats_top { flex-direction: column } .stats_top .info { flex-direction: row; border-bottom: 1px solid rgba(0, 0, 0, .2) } .stats_top .live .boxes { overflow-x: hidden; overflow-y: hidden; }}@media(min-width:481px)and (max-width:767px) { .stats_top { top: 60px; height: 75px } .stats_top.hidden { margin-top: -155px } .stats_top .info .stat { padding: 16px } .stats_top .info .stat .icon { margin-right: 20px } .stats_top .live .boxes { gap: 20px } .stats_top .live .boxes .box { width: 140px }}@media(max-width:480px) { .stats_top { top: 60px; height: 75px } .stats_top.hidden { margin-top: -145px } .stats_top .info .stat { padding: 12px } .stats_top .info .stat .icon { margin-right: 15px } .stats_top .live .boxes { gap: 15px } .stats_top .live .boxes .box { width: 140px }}.react-responsive-modal-root { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000}.react-responsive-modal-overlay { background: radial-gradient(550px at 50% 50%, rgba(25, 25, 39, .95) 0, rgba(18, 18, 30, .95) 100%); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1}.react-responsive-modal-container { height: 100%; outline: 0; overflow-x: hidden; overflow-y: auto; text-align: center}.react-responsive-modal-containerCenter:after { width: 0; height: 100%; content: ""; display: inline-block; vertical-align: middle}.react-responsive-modal-modal { display: inline-block; text-align: left; vertical-align: middle; box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .15); width: 100%; position: relative; overflow-y: auto}.react-responsive-modal-modal.modal_sm { max-width: 480px}.react-responsive-modal-modal.modal_md { max-width: 767px}.react-responsive-modal-modal.modal_lg { max-width: 1024px}.react-responsive-modal-modal.modal_xl { max-width: 1280px}.react-responsive-modal-closeButton { position: absolute; top: 14px; right: 14px; border: none; padding: 0; cursor: pointer; background-color: transparent; display: flex}@-webkit-keyframes react-responsive-modal-overlay-in { 0% { opacity: 0 } to { opacity: 1 }}@keyframes react-responsive-modal-overlay-in { 0% { opacity: 0 } to { opacity: 1 }}@-webkit-keyframes react-responsive-modal-overlay-out { 0% { opacity: 1 } to { opacity: 0 }}@keyframes react-responsive-modal-overlay-out { 0% { opacity: 1 } to { opacity: 0 }}@-webkit-keyframes react-responsive-modal-modal-in { 0% { transform: scale(.96); opacity: 0 } to { transform: scale(100%); opacity: 1 }}@keyframes react-responsive-modal-modal-in { 0% { transform: scale(.96); opacity: 0 } to { transform: scale(100%); opacity: 1 }}@-webkit-keyframes react-responsive-modal-modal-out { 0% { transform: scale(100%); opacity: 1 } to { transform: scale(.96); opacity: 0 }}@keyframes react-responsive-modal-modal-out { 0% { transform: scale(100%); opacity: 1 } to { transform: scale(.96); opacity: 0 }}.modal_close { font-size: .75em; opacity: .7; cursor: pointer; transition: opacity .5s; z-index: 1; background: #191a28; border-radius: 50%; width: 3em; height: 3em; display: flex; align-items: center; justify-content: center}.modal_close:hover { opacity: 1}.modal_loading { background: transparent; box-shadow: none}@media(min-width:1025px) { .react-responsive-modal-container { padding: 20px }}@media(max-width:1024px) { .react-responsive-modal-container { padding: 10px }}.invited_modal .top_image { position: relative; width: 100%}.invited_modal .top_image .welcome { position: absolute; top: 40px; left: 30px; text-transform: uppercase}.invited_modal .top_image .welcome div { font-size: 1.375em}.invited_modal .top_image .welcome strong { display: block; font-weight: 500; font-size: 2.5em}.invited_modal .top_image .welcome small { display: block; font-size: .875em; color: #86868e}.invited_modal .top_image .invited { position: absolute; bottom: 10px; left: 30px; text-transform: uppercase}.invited_modal .top_image .invited small { font-size: .875em}.invited_modal .top_image .invited .claim { font-size: 1.375em}.invited_modal .top_image .invited .coins { display: inline-block; font-weight: 500; font-size: 2em; background: #191a28; border: 2px solid #212235; border-radius: 10px; padding: 10px 20px; margin-top: 20px}.invited_modal .top_image .image { z-index: 0}.invited_modal .panel_footer p { display: block; margin-bottom: 1em}@media(min-width:1440px) { .invited_modal .top_image { height: 340px }}@media(min-width:1281px)and (max-width:1439px) { .invited_modal .top_image { height: 320px }}@media(min-width:1025px)and (max-width:1280px) { .invited_modal .top_image { height: 300px }}@media(min-width:1025px) { .modal { padding: 20px } .modal .modal_close { right: 40px; top: 40px }}@media(max-width:1024px) { .modal { padding: 10px } .modal .modal_close { right: 30px; top: 30px }}@media(min-width:768px)and (max-width:1024px) { .invited_modal .top_image { height: 280px }}@media(min-width:481px)and (max-width:767px) { .invited_modal .top_image { height: 260px }}@media(max-width:480px) { .invited_modal .top_image { height: 240px }}.react-responsive-modal-container .user_header .avatar svg>path { fill: url(#gradient_blue)}.react-responsive-modal-container .user_header .progress .bar { background: #6575b0}.react-responsive-modal-container .user_header .info { flex-grow: 2}.react-responsive-modal-container .user_header .stats { width: 100%}@media(min-width:1440px) { .react-responsive-modal-container .user_header .stats { margin-top: 40px }}@media(min-width:1281px)and (max-width:1439px) { .react-responsive-modal-container .user_header .stats { margin-top: 35px }}@media(min-width:1025px)and (max-width:1280px) { .react-responsive-modal-container .user_header .stats { margin-top: 30px }}@media(min-width:481px) { .react-responsive-modal-container .user_header .stats { grid-template-columns: repeat(2, 1fr) }}@media(max-width:480px) { .react-responsive-modal-container .user_header .stats { grid-template-columns: repeat(1, 1fr) }}.Toastify__close-button { width: auto; color: #fff}.Toastify__toast-theme--light { background: #272a3f; color: hsla(0, 0%, 100%, .8)}.table_responsive { overflow-x: auto}.basic_table { width: 100%; font-size: .875em; white-space: nowrap; border-radius: 10px; overflow: hidden}.basic_table table { width: 100%}.basic_table th { background: #212235; padding: 20px 15px}.basic_table td { padding: 15px; background: #191a28; border-top: 1px solid #1e1f30}.basic_table.mute_table { font-size: .875em}.basic_table.mute_table .muteid { width: 40px}.basic_table.mute_table .reason { width: 400px}.basic_table.mute_table .date { width: 120px; text-align: center}.basic_table.mute_table .expire_in { width: 180px; text-align: center}.basic_table.mute_table .muted_by { width: 160px}.basic_table .td_tj { text-align: right; vertical-align: middle; color: #86868e}.table_rewards { border-radius: 0}.table_left_right thead .th_user { text-align: left}.table_left_right thead .th_joined { text-align: right}@media(min-width:1440px) { .basic_table tbody .td_user .user { display: flex; align-items: center } .basic_table tbody .td_user .user.has_user .avatar, .basic_table tbody .td_user .user.has_user .username { cursor: pointer } .basic_table tbody .td_user .user .avatar { width: 40px; height: 40px } .basic_table tbody .td_user .user .username { margin-left: 10px }}@media(min-width:1281px)and (max-width:1439px) { .basic_table tbody .td_user .user { display: flex; align-items: center } .basic_table tbody .td_user .user .avatar { width: 38px; height: 38px } .basic_table tbody .td_user .user .username { margin-left: 10px }}@media(min-width:1025px)and (max-width:1280px) { .basic_table .td_user .user { display: flex; align-items: center } .basic_table .td_user .user .avatar { width: 36px; height: 36px } .basic_table .td_user .user .username { margin-left: 10px }}@media(min-width:768px)and (max-width:1024px) { .basic_table tbody .td_user .user { display: flex; align-items: center } .basic_table tbody .td_user .user .avatar { width: 34px; height: 34px } .basic_table tbody .td_user .user .username { margin-left: 8px }}@media(min-width:481px)and (max-width:767px) { .basic_table tbody .td_user .user { display: flex; align-items: center } .basic_table tbody .td_user .user .avatar { width: 32px; height: 32px } .basic_table tbody .td_user .user .username { margin-left: 8px }}@media(max-width:480px) { .basic_table { overflow-x: auto } .basic_table tbody .td_user .user { display: flex; align-items: center } .basic_table tbody .td_user .user .avatar { width: 32px; height: 32px } .basic_table tbody .td_user .user .username { margin-left: 8px }}.base_surveys .offers { display: grid}.base_surveys .offers .offer { border-radius: 10px; background: rgba(154, 169, 226, .1); cursor: pointer; transition: background-color .2s}.base_surveys .offers .offer:hover { background: #282940}.base_surveys .offers .offer .top { display: flex}.base_surveys .offers .offer .top .earn { padding: 1em; border-right: 1px solid #1e1f30; flex: 1 1; display: flex; align-items: center}.base_surveys .offers .offer .top .earn .box { background: rgba(30, 31, 48, .8); padding: 10px; border-radius: 10px; text-align: center}.base_surveys .offers .offer .top .earn i { padding: 0 5px}.base_surveys .offers .offer .top .rating { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 10px; font-size: .875em}.base_surveys .offers .offer .top .rating .stars { padding-bottom: 5px}.base_surveys .offers .offer .top .rating .stars .icon_survey_star_full,.base_surveys .offers .offer .top .rating .stars .icon_survey_star_half { background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.base_surveys .offers .offer .top .rating .stars .icon_survey_star_empty { color: #86868e}.base_surveys .offers .offer .top .rating .stars i+i { padding-left: 5px}.base_surveys .offers .offer .top .rating .text { font-size: .875em}.base_surveys .offers .offer .bottom { border-top: 1px solid #1e1f30; padding: 1em; font-size: .875em}.base_surveys .surveys { display: grid; grid-template-columns: 1fr}.base_surveys .surveys .survey { border-radius: 10px; background: rgba(154, 169, 226, .1); transition: background-color .2s; display: grid; grid-template-columns: -webkit-min-content auto -webkit-min-content; grid-template-columns: min-content auto min-content; align-content: space-around}.base_surveys .surveys .survey .image { position: relative; background: #fff; border-radius: 10px}.base_surveys .surveys .survey .image span { inset: 10px !important}.base_surveys .surveys .survey .info { display: flex; flex-direction: column}.base_surveys .surveys .survey .info .title { font-size: 1.125em; font-weight: 500; padding-bottom: .5em}.base_surveys .surveys .survey .info .description { padding-bottom: .5em; margin-bottom: auto; font-size: .875em}.base_surveys .surveys .survey .info .requirements { background: #1e1f30; padding: .5em; font-size: .75em; border-left: 2px solid #a9a9ca; color: rgba(255, 231, 113, .8)}.base_surveys .surveys .survey .buttons { display: flex; align-items: center; justify-content: flex-end}@media(min-width:1440px) { .base_surveys .offers { gap: 20px; grid-template-columns: repeat(4, 1fr) } .base_surveys .body_title { margin-bottom: 20px } .base_surveys .surveys .survey { padding: 20px; gap: 20px } .base_surveys .surveys .survey .image { width: 200px; height: 100px } .base_surveys .surveys .survey .buttons .button { min-width: 260px }}@media(min-width:1281px)and (max-width:1439px) { .base_surveys .offers { gap: 17.5px; grid-template-columns: repeat(4, 1fr) } .base_surveys .body_title { margin-bottom: 17.5px } .base_surveys .surveys .survey { padding: 17.5px; gap: 17.5px } .base_surveys .surveys .survey .image { width: 195px; height: 97px } .base_surveys .surveys .survey .buttons .button { min-width: 250px }}@media(min-width:1025px)and (max-width:1280px) { .base_surveys .offers { gap: 15px; grid-template-columns: repeat(4, 1fr) } .base_surveys .body_title { margin-bottom: 15px } .base_surveys .surveys .survey { padding: 15px; gap: 15px } .base_surveys .surveys .survey .image { width: 195px; height: 94px } .base_surveys .surveys .survey .buttons .button { min-width: 240px }}@media(min-width:768px)and (max-width:1024px) { .base_surveys .offers { gap: 25px; grid-template-columns: repeat(3, 1fr) } .base_surveys .body_title { margin-bottom: 12.5px } .base_surveys .surveys .survey { padding: 25px; gap: 25px } .base_surveys .surveys .survey .image { width: 180px; height: 88px } .base_surveys .surveys .survey .buttons .button { min-width: 230px }}@media(min-width:481px)and (max-width:767px) { .base_surveys .offers { gap: 20px; grid-template-columns: repeat(2, 1fr) } .base_surveys .body_title { margin-bottom: 10px } .base_surveys .surveys .survey { grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; padding: 20px; gap: 20px } .base_surveys .surveys .survey .image { width: 170px; height: 83px } .base_surveys .surveys .survey .buttons .button { min-width: 170px }}@media(max-width:480px) { .base_surveys .offers { gap: 15px; grid-template-columns: repeat(1, 1fr) } .base_surveys .body_title { margin-bottom: 7.5px } .base_surveys .surveys .survey { grid-template-columns: 1fr; padding: 15px; gap: 15px } .base_surveys .surveys .survey .image { width: 150px; height: 73px } .base_surveys .surveys .survey .buttons .button { min-width: 100% }}.hideout .info .steps .text_blue { margin-bottom: .6em}.hideout .offers { display: grid; max-width: 1400px}.hideout .offers .offer { border-radius: 10px; cursor: pointer; position: relative; overflow: hidden; background: rgba(154, 169, 226, .1)}.hideout .offers .offer:hover .bg { transform: scale(1.05)}.hideout .offers .offer .bg { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .7; transition: opacity .2s; transition: transform .2s}.hideout .offers .offer .top { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #fff; z-index: 1; position: relative; text-shadow: 0 0 10px #000}.hideout .offers .offer .top i { font-size: 2.813em}.hideout .offers .offer .top .category { margin-top: .5em; text-transform: uppercase; font-weight: 500; font-size: 1.25em}@media(min-width:1440px) { .hideout .info .steps { margin: 20px 0 } .hideout .offers { gap: 20px; grid-template-columns: repeat(5, 1fr); min-height: 145px } .hideout .offers .offer .top { padding: 20px }}@media(min-width:1281px)and (max-width:1439px) { .hideout .info .steps { margin: 17.5px 0 } .hideout .offers { gap: 17.5px; grid-template-columns: repeat(5, 1fr); min-height: 140px } .hideout .offers .offer .top { padding: 17.5px }}@media(min-width:1025px)and (max-width:1280px) { .hideout .info .steps { margin: 15px 0 } .hideout .offers { gap: 15px; grid-template-columns: repeat(5, 1fr); min-height: 135px } .hideout .offers .offer .top { padding: 15px }}@media(min-width:768px)and (max-width:1024px) { .hideout .info .steps { margin: 12.5px 0 } .hideout .offers { gap: 25px; grid-template-columns: repeat(4, 1fr); min-height: 130px } .hideout .offers .offer .top { padding: 25px }}@media(min-width:481px)and (max-width:767px) { .hideout .info .steps { margin: 10px 0 } .hideout .offers { gap: 20px; grid-template-columns: repeat(3, 1fr); min-height: 125px } .hideout .offers .offer .top { padding: 20px }}@media(max-width:480px) { .hideout .info .steps { margin: 7.5px 0 } .hideout .offers { gap: 15px; grid-template-columns: repeat(2, 1fr); min-height: 120px } .hideout .offers .offer .top { padding: 15px }}.frame_box { min-height: 630px; display: flex; justify-content: center; flex-direction: column}.frame_box .component { width: 100%; height: 100%; min-height: 630px}.iframe { overflow: hidden; border: 1px solid #212235; display: flex; align-items: center; background: #191a28}.iframe iframe { min-width: 100%; min-height: 100%}@media(min-width:1440px) { .iframe .component .walls { padding: 40px }}.panel.bonus_panel .social { display: flex; margin-top: .5em}.panel.bonus_panel .social a i { font-size: 1.25em}.panel.bonus_panel .social a+a { margin-left: 20px}.panel.bonus_panel .rewards_input { display: flex; justify-content: center; z-index: 2}.panel.bonus_panel .rewards_input .form_input { display: flex; width: 70%}.panel.bonus_panel .rewards_bonus_image { position: relative}.raffle_info { height: 84px; display: flex; flex-direction: column; justify-content: center; align-items: center}.raffle_info .raffle_prize_text { text-align: center; text-transform: uppercase; margin-bottom: 1em}.raffle_info .raffle_prize { width: 70%}.raffle_info .raffle_prize .hexagon_input { grid-template-columns: -webkit-min-content auto -webkit-min-content -webkit-min-content; grid-template-columns: min-content auto min-content min-content}.raffle_info .raffle_prize .hexagon_input svg { fill: #191a27}.raffle_info .raffle_prize .hexagon_input .control_after,.raffle_info .raffle_prize .hexagon_input .input { background: #191a27}.raffle_info .raffle_prize .hexagon_input input { text-align: center}.raffle_line { height: 2px; border-top: 2px dashed #2b2d41; margin-top: 0 !important}.raffle_roller_box { height: 84px; overflow: hidden; position: relative}.raffle_roller_box .raffle_roller_shadow { position: absolute; display: inline-flex; box-shadow: inset -40px 0 30px -30px rgba(30, 31, 48, .9), inset 40px 0 30px -30px rgba(30, 31, 48, .9); width: 100%; height: 84px; z-index: 1}.raffle_roller_box .raffle_roller { width: 1000px; position: relative; position: absolute; left: 50%; transform: translate(-50%)}.raffle_roller_box .raffle_roller .raffle_roller_holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 84px; width: 100%; overflow: hidden}.raffle_roller_box .raffle_roller .raffle_roller_holder:before { content: ""; position: absolute; border: none; z-index: 12222225; width: 5px; height: 100%; left: 50%; background: #d16266}.raffle_roller_box .raffle_roller .raffle_roller_container { width: 10000000000000002000px; max-width: 1000000000000000100px; height: 84px; margin-left: 0; transition: all 8s cubic-bezier(.08, .6, 0, 1)}.raffle_roller_box .raffle_roller .raffle_roller_container.winner .item:not(.w) { opacity: .6}.raffle_roller_box .raffle_roller .item { display: inline-block; margin: 0 0 0 5px; width: 84px; height: 84px; border: 1px solid #70677c; background: #14202b; background-position: 50%; position: relative}.raffle_timer { margin-top: 10px; padding: 10px 20px; text-align: center; display: flex; flex-direction: column}.raffle_timer .text { text-transform: uppercase}.raffle_timer .timer { margin-top: 10px}.raffle_timer .timer span { color: #86868e}.reward_box .progress { border: 1px solid rgba(154, 169, 226, .1); background: #212235; border-radius: 10px; padding: 20px 40px; overflow: hidden; position: relative}.reward_box .progress .shine { -webkit-animation: shine 5s linear 0s infinite; animation: shine 5s linear 0s infinite; width: 100%; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .01) 50%, hsla(0, 0%, 100%, 0))}.reward_box .progress .progress_top { display: flex; justify-content: space-between}.reward_box .progress .progress_bar { height: 10px; border-radius: 10px; background: rgba(0, 0, 0, .3); position: relative; overflow: hidden; margin: 10px 0}.reward_box .progress .progress_bar .bar_active { height: 100%; background: linear-gradient(180deg, #a9a9ca, #a9a9ca)}.reward_box .progress .progress_bottom { position: relative; height: 40px; margin-top: -10px}.reward_box .progress .progress_bottom .arrow_level { width: 50px; font-size: .875em; display: flex; flex-direction: column; align-items: center}.reward_box .progress .progress_bottom .arrow_level .icon_angle { font-size: 1.375em; transform: rotate(180deg); color: #9aa9e2}.reward_box .progress .progress_bottom .arrow_level .arrow_level { text-transform: uppercase}.reward_box .progress .progress_bottom .arrow_level .coins { padding-top: 5px; color: #9aa9e2}.reward_box .progress .progress_bottom .arrow_level.active .coins,.reward_box .progress .progress_bottom .arrow_level.active .icon_angle { color: #a9a9ca}.rewards_daily { display: grid}.rewards_daily .panel { position: relative}.rewards_daily .panel.is_inactive { opacity: .6}.rewards_daily .panel.is_active { background: rgba(255, 231, 113, .1); border: 1px solid rgba(255, 231, 113, .5)}.rewards_daily .panel.is_active .active { height: 100%; background: linear-gradient(180deg, #a9a9ca, #a9a9ca)}.rewards_daily .panel.is_pending { background: rgba(154, 169, 226, .1); border: 1px solid rgba(154, 169, 226, .5)}.rewards_daily .panel.is_pending .active { height: 100%; background: linear-gradient(180deg, #9aa9e2, #6575b0)}.rewards_daily .panel .rewards_claimed { position: absolute; top: .5em; right: .5em; padding: 5px}.rewards_daily .panel .rewards_day { position: relative}.rewards_daily .panel .panel_body { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 0}.rewards_daily .panel .panel_body .progress { width: 100%}.rewards_daily .panel .panel_body .progress .bar { height: 8px; width: 100%; visibility: hidden; border-radius: 10px; background: rgba(0, 0, 0, .3); position: relative; overflow: hidden}.rewards_daily .panel .panel_body .progress .bar.visible { visibility: inherit}.rewards_daily .panel .panel_body .progress .bar .active { height: 100%}.rewards_timer { text-align: center}@media(min-width:1440px) { .panel.bonus_panel .rewards_bonus_image { height: 140px; margin-top: -60px } .rewards_daily { gap: 40px; grid-template-columns: repeat(7, 1fr) } .rewards_daily .panel .panel_body { padding: 20px } .rewards_daily .panel .panel_body .day { padding-bottom: 20px } .rewards_daily .panel .panel_body .progress { padding-top: 20px } .rewards_daily .panel .rewards_day { height: 115px; width: 100px }}@media(min-width:1281px)and (max-width:1439px) { .panel.bonus_panel .rewards_bonus_image { height: 120px; margin-top: -50px } .rewards_daily { gap: 35px; grid-template-columns: repeat(7, 1fr) } .rewards_daily .panel .panel_body { padding: 17.5px } .rewards_daily .panel .panel_body .day { padding-bottom: 17.5px } .rewards_daily .panel .panel_body .progress { padding-top: 17.5px } .rewards_daily .panel .rewards_day { height: 110px; width: 95px }}@media(min-width:1025px)and (max-width:1280px) { .panel.bonus_panel .rewards_bonus_image { height: 100px; margin-top: -40px } .rewards_daily { gap: 30px; grid-template-columns: repeat(7, 1fr) } .rewards_daily .panel .panel_body { padding: 15px } .rewards_daily .panel .panel_body .day { padding-bottom: 15px } .rewards_daily .panel .panel_body .progress { padding-top: 15px } .rewards_daily .panel .rewards_day { height: 95px; width: 80px }}@media(min-width:768px)and (max-width:1024px) { .panel.bonus_panel .rewards_bonus_image { height: 120px; margin-top: -50px } .rewards_daily { gap: 25px; grid-template-columns: repeat(4, 1fr) } .rewards_daily .panel .panel_body { padding: 12.5px } .rewards_daily .panel .panel_body .day { padding-bottom: 12.5px } .rewards_daily .panel .panel_body .progress { padding-top: 12.5px } .rewards_daily .panel .rewards_day { height: 110px; width: 95px }}@media(min-width:481px)and (max-width:767px) { .panel.bonus_panel .rewards_bonus_image { height: 90px; margin-top: -45px } .rewards_daily { gap: 20px; grid-template-columns: repeat(4, 1fr) } .rewards_daily .panel .panel_body { padding: 10px } .rewards_daily .panel .panel_body .day { padding-bottom: 10px } .rewards_daily .panel .panel_body .progress { padding-top: 10px } .rewards_daily .panel .rewards_day { height: 90px; width: 75px }}@media(max-width:480px) { .panel.bonus_panel .rewards_input .form_input { width: 100% } .panel.bonus_panel .rewards_bonus_image { display: none } .rewards_daily { gap: 15px; grid-template-columns: repeat(3, 1fr) } .rewards_daily .panel .panel_body { padding: 7.5px } .rewards_daily .panel .panel_body .day { padding-bottom: 7.5px } .rewards_daily .panel .panel_body .progress { padding-top: 7.5px } .rewards_daily .panel .rewards_day { height: 90px; width: 75px }}.rdrDateRangePickerWrapper { width: 100%; border-radius: 10px; overflow: hidden; background: #1e1f30; display: flex; border: 1px solid rgba(154, 169, 226, .1)}.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper { width: auto; min-width: 250px; display: flex; flex-direction: column; background: #282940; border-color: rgba(154, 169, 226, .1)}.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRange { color: #fff; background: transparent; border-color: rgba(154, 169, 226, .1)}.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRange:hover .rdrStaticRangeLabel { background: #32334f}.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRange:focus .rdrStaticRangeLabel { background-color: transparent}.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRange.rdrStaticRangeSelected { background: #1e2036}.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRange.rdrStaticRangeSelected .rdrStaticRangeLabel { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrInputRanges { margin-top: auto}.rdrDateRangePickerWrapper .rdrCalendarWrapper { width: 100%; background: transparent}.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonths { display: flex; justify-content: center; padding: 10px; align-items: center}.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrDateDisplayWrapper { background: #282940}.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonthAndYearWrapper button { background: #32334f}.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonthAndYearWrapper button.rdrPprevButton i { border-color: transparent #fff transparent transparent}.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonthAndYearWrapper button.rdrNextButton i { border-color: transparent transparent transparent #fff}.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonthAndYearPickers select { color: #fff}.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonthAndYearPickers select option { margin: 40px; background: #191a28; color: #fff}.rdrDateRangePickerWrapper .rdrDateDisplayItem { border-radius: 10px; background: #1e1f30}.rdrDateRangePickerWrapper .rdrDateDisplayItem input { color: #fff}.rdrDateRangePickerWrapper .rdrInputRange input { border-radius: 10px; background: #1e1f30; color: #fff; border-color: rgba(154, 169, 226, .1)}.rdrDateRangePickerWrapper .rdrDayNumber span { color: #fff}.rdrDateRangePickerWrapper .rdrDayPassive .rdrDayNumber span { color: #9aa9e2}@media(max-width:767px) { .rdrDateRangePickerWrapper { flex-direction: column } .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper { border-right: 0 }}.datatable_box .section_info { justify-content: space-between !important; align-items: center}.datatable_box .section_info .search .hexagon_input input { background: #1e1f30}.datatable_box .section_info .search .hexagon_input svg { fill: #1e1f30}.datatable>div:first-of-type { border-radius: 10px; background: #191a28}.datatable .rdt_TableHeadRow { background: #1e1f30; border-bottom: 0}.datatable .rdt_TableHeadRow>div { padding: 0}.datatable .rdt_TableHeadRow>div>div { padding: 20px; background: #1e1f30}.datatable .rdt_TableHeadRow span { padding: 0 10px; color: #9aa9e2}.datatable .rdt_TableHead { font-size: 1em}.datatable .rdt_TableRow { font-size: .875em}.datatable .rdt_TableRow button:hover:not(:disabled) { cursor: pointer; background: rgba(154, 169, 226, .2)}.datatable .rdt_TableRow button:focus { background: transparent}.datatable .table_empty { width: 100%; padding: 40px 0; text-align: center; background: #1e1f30}.datatable nav { background: #1e1f30; border-radius: 10px; display: flex; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border: 0; font-size: .875em}.datatable nav .hexagon_dropdown { margin-left: 10px; width: auto; min-width: auto}.datatable nav .pages { padding-left: 10px}.datatable nav .rows { display: flex; align-items: center}.datatable nav .buttons svg { fill: #9aa9e2}.datatable nav .buttons button { display: flex; align-items: center; justify-content: center; width: 3.2em; height: 3.2em; padding: 4px; border-radius: 50%; transition: background-color .2s}.datatable nav .buttons button:disabled { opacity: .5}.datatable nav .buttons button:not(:disabled) { cursor: pointer}.datatable nav .buttons button:hover:not(:disabled) { background: #1e1f30}.datatable nav .buttons button+button { margin-left: 5px}.datatable .info_row { background: #1e1f30}.datatable .info_row>div>div:first-child { color: #fff}@media(min-width:1440px) { .datatable nav { margin-top: 40px }}@media(min-width:1281px)and (max-width:1439px) { .datatable nav { margin-top: 30px }}@media(min-width:1025px)and (max-width:1280px) { .datatable nav { margin-top: 25px }}@media(min-width:1025px) { .datatable .rdt_TableHeadRow { padding: 5px 0 } .datatable [role=gridcell] { padding: 20px } .datatable nav { margin-left: auto; padding: 15px 20px } .datatable nav .buttons { padding-left: 20px }}@media(max-width:1024px) { .datatable nav { width: auto; justify-content: center }}@media(min-width:768px)and (max-width:1024px) { .datatable nav { margin-top: 20px; padding: 15px 20px } .datatable nav .buttons { padding-left: 10px }}@media(min-width:768px) { .datatable_box .section_info { flex-direction: row !important }}@media(max-width:767px) { .datatable_box .section_info .hexagon_input, .datatable_box .section_info>div { width: 100% } .datatable nav { flex-direction: column }}@media(min-width:481px)and (max-width:767px) { .datatable_box .section_info .title { margin-bottom: 20px } .datatable nav { padding: 10px 15px } .datatable nav, .datatable nav .buttons { margin-top: 15px }}@media(max-width:480px) { .datatable nav { padding: 10px } .datatable nav, .datatable nav .buttons { margin-top: 10px }}#ReactSimpleImageViewer { z-index: 100}.thumbs .thumbs_files { display: flex; flex-wrap: wrap}.thumbs .thumbs_files .file { display: inline-flex; align-items: center; background: #191a28; border-radius: 10px; transition: background-color .2s; cursor: pointer}.thumbs .thumbs_files .file:hover { background: rgba(20, 21, 32, .9)}.thumbs .thumbs_files .file .file_preview { margin-right: 10px; position: relative}.thumbs .thumbs_files .file .file_preview img { max-width: 100px; max-height: 40px}.thumbs .thumbs_files .file .file_details { width: 100%; display: flex; flex-direction: column}.thumbs .thumbs_files .file .file_details .file_size { color: #86868e; margin: 5px 0; font-size: .875em}.thumbs .thumbs_files .file .file_details .file_error { color: #eb5757; font-size: .875em}.thumbs .thumbs_files .file .file_remove { margin-left: 20px; cursor: pointer}@media(min-width:1440px) { .thumbs .thumbs_files { gap: 20px } .thumbs .thumbs_files .file { padding: 10px 20px }}@media(min-width:1281px)and (max-width:1439px) { .thumbs .thumbs_files { gap: 17.5px } .thumbs .thumbs_files .file { padding: 8.75px 17.5px }}@media(min-width:1025px)and (max-width:1280px) { .thumbs .thumbs_files { gap: 15px } .thumbs .thumbs_files .file { padding: 7.5px 15px }}@media(min-width:768px)and (max-width:1024px) { .thumbs .thumbs_files { gap: 12.5px } .thumbs .thumbs_files .file { padding: 6.25px 12.5px }}@media(min-width:481px)and (max-width:767px) { .thumbs .thumbs_files { gap: 10px } .thumbs .thumbs_files .file { padding: 5px 10px }}@media(max-width:480px) { .thumbs .thumbs_files { gap: 7.5px } .thumbs .thumbs_files .file { padding: 3.75px 7.5px }}.form_editor,.form_editor a { color: #000}.form_editor .toolbar { visibility: visible; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 10px; margin-bottom: 0}.form_editor .toolbar .rdw-dropdown-selectedtext { color: #000}.form_editor .toolbar .rdw-dropdown-optionwrapper { overflow: auto}.form_editor .toolbar .rdw-link-modal label { color: #000}.form_editor .toolbar .rdw-block-dropdown,.form_editor .toolbar .rdw-fontsize-dropdown,.form_editor .toolbar .rdw-option-wrapper { border-radius: 10px; box-sizing: content-box}.form_editor .editor { background: #ececec; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px}@media(min-width:1440px) { .form_editor .rdw-fontsize-dropdown { width: 60px } .form_editor .rdw-option-wrapper { padding: 10px } .form_editor .rdw-block-dropdown, .form_editor .rdw-fontsize-dropdown { padding: 6px 10px } .form_editor .editor { min-height: 300px }}@media(min-width:1281px)and (max-width:1439px) { .form_editor .rdw-fontsize-dropdown { width: 55px } .form_editor .rdw-option-wrapper { padding: 8px } .form_editor .rdw-block-dropdown, .form_editor .rdw-fontsize-dropdown { padding: 6px 8px } .form_editor .editor { min-height: 280px }}@media(min-width:1025px)and (max-width:1280px) { .form_editor .rdw-fontsize-dropdown { width: 50px } .form_editor .rdw-block-dropdown, .form_editor .rdw-fontsize-dropdown, .form_editor .rdw-option-wrapper { padding: 6px } .form_editor .editor { min-height: 260px }}@media(min-width:768px)and (max-width:1024px) { .form_editor .rdw-fontsize-dropdown { width: 50px } .form_editor .rdw-block-dropdown, .form_editor .rdw-fontsize-dropdown, .form_editor .rdw-option-wrapper { padding: 6px } .form_editor .editor { min-height: 240px }}@media(min-width:481px)and (max-width:767px) { .form_editor .rdw-fontsize-dropdown { width: 45px } .form_editor .rdw-block-dropdown, .form_editor .rdw-fontsize-dropdown, .form_editor .rdw-option-wrapper { padding: 4px } .form_editor .editor { min-height: 220px }}@media(max-width:480px) { .form_editor .rdw-fontsize-dropdown { width: 40px } .form_editor .rdw-block-dropdown, .form_editor .rdw-fontsize-dropdown, .form_editor .rdw-option-wrapper { padding: 4px } .form_editor .editor { min-height: 200px }}.notifications.has_new .dropdown_current i { -webkit-animation: ring 10s ease-in-out .7s infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 10s ease-in-out .7s infinite; -moz-transform-origin: 50% 4px; animation: ring 10s ease-in-out .7s infinite; transform-origin: 50% 4px}.notifications.has_new .dropdown_current .dot { display: block}.notifications .dropdown.active .dropdown_current { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #212235}.notifications .dropdown.active .dropdown_list { display: flex}.notifications .dropdown_current { height: 100%; background: #1e1f30; border-radius: 5px}.notifications .dropdown_current i { font-size: 1.25em}.notifications .dropdown_current .dot { position: absolute; right: 5px; top: 5px; width: 15px; height: 15px; background: linear-gradient(180deg, #a9a9ca, #a9a9ca); border-radius: 50%; border: 4px solid #1e1f30; display: none}.notifications .dropdown_list { left: auto; right: 0; border-radius: 10px; border-top-right-radius: 0; overflow: hidden; background-color: #1e1f30; flex-direction: column}.notifications .dropdown_list .not_header { display: flex; background: #212235; justify-content: space-between; -webkit-box-shadow: 0 10px 5px hsla(0, 0%, 7%, .1); -moz-box-shadow: 0 10px 5px hsla(0, 0%, 7%, .1); z-index: 2}.notifications .dropdown_list .not_header .read { font-size: .875em; cursor: pointer; opacity: .9; transition: opacity .2s}.notifications .dropdown_list .not_header .read:hover { opacity: 1}.notifications .dropdown_list .not_body { flex-grow: 1; display: grid; grid-template-columns: 1fr}.notifications .dropdown_list .not_body .empty { display: flex; align-items: center; justify-content: center; height: 100%; font-size: .875em; color: #86868e}.notifications .dropdown_list .not_body .not { display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; transition: background-color .5s; border-bottom: 1px dashed rgba(154, 169, 226, .1)}.notifications .dropdown_list .not_body .not:last-child { border-bottom: none}.notifications .dropdown_list .not_body .not.new { background: rgba(154, 169, 226, .1); cursor: pointer}.notifications .dropdown_list .not_body .not.new:hover { background: rgba(154, 169, 226, .15)}.notifications .dropdown_list .not_body .not .icon { width: 2.5em; height: 2.5em; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: .75em}.notifications .dropdown_list .not_body .not .message .title { display: flex; justify-content: space-between; align-items: center; padding-bottom: .2em}.notifications .dropdown_list .not_body .not .message .title .name { font-weight: 500; font-size: .875em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}.notifications .dropdown_list .not_body .not .message .title .time { color: #86868e; font-size: .625em; white-space: nowrap}.notifications .dropdown_list .not_body .not .message .text { font-size: .75em; color: hsla(0, 0%, 100%, .5); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}.notifications .dropdown_list .not_body .not .message .url { margin-top: .2em}@-webkit-keyframes ring { 0% { -webkit-transform: rotate(0) } 1% { -webkit-transform: rotate(30deg) } 3% { -webkit-transform: rotate(-28deg) } 5% { -webkit-transform: rotate(34deg) } 7% { -webkit-transform: rotate(-32deg) } 9% { -webkit-transform: rotate(30deg) } 11% { -webkit-transform: rotate(-28deg) } 13% { -webkit-transform: rotate(26deg) } 15% { -webkit-transform: rotate(-24deg) } 17% { -webkit-transform: rotate(22deg) } 19% { -webkit-transform: rotate(-20deg) } 21% { -webkit-transform: rotate(18deg) } 23% { -webkit-transform: rotate(-16deg) } 25% { -webkit-transform: rotate(14deg) } 27% { -webkit-transform: rotate(-12deg) } 29% { -webkit-transform: rotate(10deg) } 31% { -webkit-transform: rotate(-8deg) } 33% { -webkit-transform: rotate(6deg) } 35% { -webkit-transform: rotate(-4deg) } 37% { -webkit-transform: rotate(2deg) } 39% { -webkit-transform: rotate(-1deg) } 41% { -webkit-transform: rotate(1deg) } 43% { -webkit-transform: rotate(0) } to { -webkit-transform: rotate(0) }}@keyframes ring { 0% { transform: rotate(0) } 1% { transform: rotate(30deg) } 3% { transform: rotate(-28deg) } 5% { transform: rotate(34deg) } 7% { transform: rotate(-32deg) } 9% { transform: rotate(30deg) } 11% { transform: rotate(-28deg) } 13% { transform: rotate(26deg) } 15% { transform: rotate(-24deg) } 17% { transform: rotate(22deg) } 19% { transform: rotate(-20deg) } 21% { transform: rotate(18deg) } 23% { transform: rotate(-16deg) } 25% { transform: rotate(14deg) } 27% { transform: rotate(-12deg) } 29% { transform: rotate(10deg) } 31% { transform: rotate(-8deg) } 33% { transform: rotate(6deg) } 35% { transform: rotate(-4deg) } 37% { transform: rotate(2deg) } 39% { transform: rotate(-1deg) } 41% { transform: rotate(1deg) } 43% { transform: rotate(0) } to { transform: rotate(0) }}@media(min-width:1440px) { .notifications .dropdown_current { padding: 16px 10px } .notifications .dropdown_list { width: 400px; height: 340px } .notifications .dropdown_list .not_header { padding: 20px } .notifications .dropdown_list .not_body { gap: 20px } .notifications .dropdown_list .not_body .not { padding: 20px; gap: 20px }}@media(min-width:1281px)and (max-width:1439px) { .notifications .dropdown_current { padding: 14px 8.75px } .notifications .dropdown_list { width: 380px; height: 300px } .notifications .dropdown_list .not_header { padding: 17.5px } .notifications .dropdown_list .not_body { gap: 17.5px } .notifications .dropdown_list .not_body .not { padding: 17.5px; gap: 17.5px }}@media(min-width:1025px)and (max-width:1280px) { .notifications .dropdown_current { padding: 12px 7.5px } .notifications .dropdown_list { width: 360px; height: 280px } .notifications .dropdown_list .not_header { padding: 15px } .notifications .dropdown_list .not_body { gap: 15px } .notifications .dropdown_list .not_body .not { padding: 15px; gap: 15px }}@media(min-width:768px)and (max-width:1024px) { .notifications .dropdown_current { padding: 15px 10px } .notifications .dropdown_list { width: 340px; height: 280px } .notifications .dropdown_list .not_header { padding: 12.5px } .notifications .dropdown_list .not_body { gap: 12.5px } .notifications .dropdown_list .not_body .not { padding: 12.5px; gap: 12.5px }}@media(max-width:767px) { .notifications .dropdown.active .dropdown_current { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .notifications .dropdown_list { position: fixed; border-top-left-radius: 0 }}@media(min-width:481px)and (max-width:767px) { .notifications .dropdown_current { padding: 12px 8px } .notifications .dropdown_list { top: 60px; height: 260px } .notifications .dropdown_list .not_header { padding: 16px } .notifications .dropdown_list .not_body { gap: 20px } .notifications .dropdown_list .not_body .not { padding: 20px; gap: 20px }}@media(max-width:480px) { .notifications .dropdown_current { padding: 12px 9px } .notifications .dropdown_list { top: 60px; height: 240px } .notifications .dropdown_list .not_header { padding: 12px } .notifications .dropdown_list .not_body { gap: 15px } .notifications .dropdown_list .not_body .not { padding: 15px; gap: 15px }}.device_select { display: grid; grid-template-columns: repeat(5, 1fr)}.device_select .device { display: flex; justify-content: center; flex-direction: column; cursor: pointer; color: #86868e; background: #191a28; border: 1px dashed rgba(154, 169, 226, .2); border-radius: 10px; text-align: center; transition: background-color .2s; position: relative}.device_select .device>i { font-size: 5em}.device_select .device .device_name { text-align: center}.device_select .device .current_device { position: absolute; top: .5em; right: .5em; padding: 5px; color: #57eb77; display: none}.device_select .device.is_active { color: #fff; background: rgba(154, 169, 226, .1)}.device_select .device.is_curent { cursor: default}.device_select .device.is_curent .current_device { display: block}@media(min-width:1440px) { .device_select { grid-template-columns: repeat(5, 1fr); gap: 20px } .device_select .device { padding: 30px 20px } .device_select .device .device_name { margin-top: 20px; text-align: center }}@media(min-width:1281px)and (max-width:1439px) { .device_select { grid-template-columns: repeat(5, 1fr); gap: 17.5px } .device_select .device { padding: 26.25px 17.5px } .device_select .device .device_name { margin-top: 17.5px; text-align: center }}@media(min-width:1025px)and (max-width:1280px) { .device_select { grid-template-columns: repeat(5, 1fr); gap: 15px } .device_select .device { padding: 22.5px 15px } .device_select .device .device_name { margin-top: 15px; text-align: center }}@media(min-width:768px)and (max-width:1024px) { .device_select { grid-template-columns: repeat(5, 1fr); gap: 25px } .device_select .device { padding: 18.75px 12.5px } .device_select .device .device_name { margin-top: 25px; text-align: center }}@media(min-width:481px)and (max-width:767px) { .device_select { grid-template-columns: repeat(3, 1fr); gap: 20px } .device_select .device { padding: 15px 10px } .device_select .device .device_name { margin-top: 20px; text-align: center }}@media(max-width:480px) { .device_select { grid-template-columns: repeat(2, 1fr); gap: 15px } .device_select .device { padding: 11.25px 7.5px } .device_select .device .device_name { margin-top: 15px; text-align: center }}.wall_main { min-height: 100vh; transition: padding .2s}.wall_box,.wall_main { display: flex; flex-direction: column}.wall_box { flex-grow: 1; align-items: center; justify-content: center}.wall_box .component_box { flex-direction: column}.wall_box .component_box>.alert { width: 100%; border-radius: 0}@media(min-width:1600px) { .wall_box .component_box { height: calc(100vh - 80px) } .wall_box .wall_component { padding: 20px } .wall_box .wall_component .base_surveys>.row_small { gap: 40px }}@media(min-width:1440px)and (max-width:1599px) { .wall_box .component_box { height: calc(100vh - 75px) } .wall_box .wall_component { padding: 20px } .wall_box .wall_component .base_surveys .row_small { gap: 40px }}@media(min-width:1281px)and (max-width:1439px) { .wall_box .component_box { height: calc(100vh - 70px) } .wall_box .wall_component { padding: 17.5px } .wall_box .wall_component .base_surveys .row_small { gap: 35px }}@media(min-width:1281px) { .wall_box .wall_component .with_filter>.row_small { flex-direction: row; display: grid; grid-template-columns: -webkit-min-content 1fr; grid-template-columns: min-content 1fr } .wall_box .wall_component .with_filter>.row_small>div+div { margin-top: 0 }}@media(min-width:1025px)and (max-width:1280px) { .wall_box .component_box { height: calc(100vh - 70px) } .wall_box .wall_component { padding: 15px }}@media(min-width:768px)and (max-width:1024px) { .wall_box .component_box { height: calc(100vh - 65px) } .wall_box .wall_component { padding: 25px }}@media(min-width:481px)and (max-width:767px) { .wall_box .component_box { height: calc(100vh - 60px) } .wall_box .wall_component { padding: 20px }}@media(max-width:480px) { .wall_box .component_box { height: calc(100vh - 60px) } .wall_box .wall_component { padding: 15px }}.cookie_popup { background: #2b2c45; box-shadow: 0 0 5px #32334f; position: fixed; border-radius: 10px; z-index: 60; padding: 20px; display: grid; grid-gap: 20px; gap: 20px}.cookie_popup .cookie_title { font-size: 1.125em}.cookie_popup .cookie_message { font-size: .875em; color: #9aa9e2}.cookie_popup .cookie_message .text_gold { font-weight: 600; cursor: pointer}.cookie_popup .cookie_buttons { display: grid; grid-gap: 20px; gap: 20px; grid-template-columns: repeat(2, 1fr)}.cookie_popup .cookie_buttons .hexagon_button { min-width: auto; font-size: .875em; font-weight: 400}@media(min-width:1025px) { .cookie_popup { left: 30px; bottom: 30px; width: 400px }}@media(min-width:768px)and (max-width:1024px) { .cookie_popup { left: 20px; bottom: 90px; width: 400px }}@media(max-width:767px) { .cookie_popup { left: 10px; right: 10px; bottom: 80px }}header .menu_button { position: relative}header .menu_button .inner .image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden}header .menu_button.ev_h { background: rgba(255, 166, 0, .1) !important}header .menu_button.ev_h .icon i { color: orange}header .menu_button.ev_h .text { color: orange; font-weight: 500}header .menu_button.ev_h .text .badge { display: inline-block; background: rgba(255, 166, 0, .1)}header .menu_button.ev_h:not(.disabled):not(.active) .line:after { background: linear-gradient(270deg, orange, #d38d0a); box-shadow: 0 0 1em orange}header .menu_button.ev_chr { background: rgba(255, 231, 113, .1)}header .menu_button.ev_chr .icon i { background: linear-gradient(90deg, #a9a9ca 0, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}header .menu_button.ev_chr .text { color: #a9a9ca; font-weight: 500}header .menu_button.ev_chr .text .badge { display: inline-block; background: rgba(255, 231, 113, .2)}header .menu_button.ev_chr:not(.disabled):not(.active) .line:after { background: linear-gradient(270deg, #a9a9ca, #a9a9ca); box-shadow: 0 0 1em #f7b242}header a:hover:not(.active) .menu_button.ev_h { background: rgba(255, 166, 0, .2) !important; border-color: rgba(211, 141, 10, .2)}header a:hover:not(.active) .menu_button.ev_h .line:after { background: linear-gradient(270deg, orange, #d38d0a); box-shadow: 0 0 1em orange}header a:hover:not(.active) .menu_button.ev_chr { background: rgba(255, 165, 0, .2); border-color: rgba(255, 231, 113, .4)}header a.active .menu_button.ev_h { background: rgba(255, 166, 0, .2) !important; border-color: rgba(211, 141, 10, .2)}header a.active .menu_button.ev_h .line { background: linear-gradient(270deg, orange, #d38d0a); box-shadow: 0 0 1em orange}header a.active .menu_button.ev_chr { background: rgba(255, 165, 0, .2); border-color: rgba(255, 231, 113, .4)}.event.event_ch .snow_box { position: absolute; overflow: hidden; height: 100%; width: 100%; z-index: -1}.event.event_ch .snow_box .snow { position: absolute; width: 10px; height: 10px; background: #fff; border-radius: 50%}.event.event_ch .snow_box .snow:first-child { opacity: .7871; transform: translate(35.2235vw, -10px) scale(.6504); -webkit-animation: fall-1 21s linear -6s infinite; animation: fall-1 21s linear -6s infinite}@-webkit-keyframes fall-1 { 48.739% { transform: translate(28.9556vw, 48.739vh) scale(.6504) } to { transform: translate(32.08955vw, 100vh) scale(.6504) }}@keyframes fall-1 { 48.739% { transform: translate(28.9556vw, 48.739vh) scale(.6504) } to { transform: translate(32.08955vw, 100vh) scale(.6504) }}.event.event_ch .snow_box .snow:nth-child(2) { opacity: .6521; transform: translate(63.297vw, -10px) scale(.1424); -webkit-animation: fall-2 22s linear -14s infinite; animation: fall-2 22s linear -14s infinite}@-webkit-keyframes fall-2 { 31.656% { transform: translate(53.8066vw, 31.656vh) scale(.1424) } to { transform: translate(58.5518vw, 100vh) scale(.1424) }}@keyframes fall-2 { 31.656% { transform: translate(53.8066vw, 31.656vh) scale(.1424) } to { transform: translate(58.5518vw, 100vh) scale(.1424) }}.event.event_ch .snow_box .snow:nth-child(3) { opacity: .7821; transform: translate(3.7019vw, -10px) scale(.6959); -webkit-animation: fall-3 29s linear -17s infinite; animation: fall-3 29s linear -17s infinite}@-webkit-keyframes fall-3 { 73.427% { transform: translate(.2047vw, 73.427vh) scale(.6959) } to { transform: translate(1.9533vw, 100vh) scale(.6959) }}@keyframes fall-3 { 73.427% { transform: translate(.2047vw, 73.427vh) scale(.6959) } to { transform: translate(1.9533vw, 100vh) scale(.6959) }}.event.event_ch .snow_box .snow:nth-child(4) { opacity: .839; transform: translate(51.0306vw, -10px) scale(.3581); -webkit-animation: fall-4 29s linear -4s infinite; animation: fall-4 29s linear -4s infinite}@-webkit-keyframes fall-4 { 54.561% { transform: translate(51.8295vw, 54.561vh) scale(.3581) } to { transform: translate(51.43005vw, 100vh) scale(.3581) }}@keyframes fall-4 { 54.561% { transform: translate(51.8295vw, 54.561vh) scale(.3581) } to { transform: translate(51.43005vw, 100vh) scale(.3581) }}.event.event_ch .snow_box .snow:nth-child(5) { opacity: .0407; transform: translate(5.1839vw, -10px) scale(.1186); -webkit-animation: fall-5 13s linear -26s infinite; animation: fall-5 13s linear -26s infinite}@-webkit-keyframes fall-5 { 45.348% { transform: translate(2.6126vw, 45.348vh) scale(.1186) } to { transform: translate(3.89825vw, 100vh) scale(.1186) }}@keyframes fall-5 { 45.348% { transform: translate(2.6126vw, 45.348vh) scale(.1186) } to { transform: translate(3.89825vw, 100vh) scale(.1186) }}.event.event_ch .snow_box .snow:nth-child(6) { opacity: .1465; transform: translate(29.6344vw, -10px) scale(.9598); -webkit-animation: fall-6 25s linear -6s infinite; animation: fall-6 25s linear -6s infinite}@-webkit-keyframes fall-6 { 40.173% { transform: translate(32.4901vw, 40.173vh) scale(.9598) } to { transform: translate(31.06225vw, 100vh) scale(.9598) }}@keyframes fall-6 { 40.173% { transform: translate(32.4901vw, 40.173vh) scale(.9598) } to { transform: translate(31.06225vw, 100vh) scale(.9598) }}.event.event_ch .snow_box .snow:nth-child(7) { opacity: .1349; transform: translate(81.1429vw, -10px) scale(.3061); -webkit-animation: fall-7 22s linear -17s infinite; animation: fall-7 22s linear -17s infinite}@-webkit-keyframes fall-7 { 57.027% { transform: translate(81.5574vw, 57.027vh) scale(.3061) } to { transform: translate(81.35015vw, 100vh) scale(.3061) }}@keyframes fall-7 { 57.027% { transform: translate(81.5574vw, 57.027vh) scale(.3061) } to { transform: translate(81.35015vw, 100vh) scale(.3061) }}.event.event_ch .snow_box .snow:nth-child(8) { opacity: .5477; transform: translate(47.988vw, -10px) scale(.0093); -webkit-animation: fall-8 26s linear -29s infinite; animation: fall-8 26s linear -29s infinite}@-webkit-keyframes fall-8 { 63.632% { transform: translate(50.2753vw, 63.632vh) scale(.0093) } to { transform: translate(49.13165vw, 100vh) scale(.0093) }}@keyframes fall-8 { 63.632% { transform: translate(50.2753vw, 63.632vh) scale(.0093) } to { transform: translate(49.13165vw, 100vh) scale(.0093) }}.event.event_ch .snow_box .snow:nth-child(9) { opacity: .9403; transform: translate(10.1837vw, -10px) scale(.6576); -webkit-animation: fall-9 26s linear -14s infinite; animation: fall-9 26s linear -14s infinite}@-webkit-keyframes fall-9 { 30.477% { transform: translate(1.7363vw, 30.477vh) scale(.6576) } to { transform: translate(5.96vw, 100vh) scale(.6576) }}@keyframes fall-9 { 30.477% { transform: translate(1.7363vw, 30.477vh) scale(.6576) } to { transform: translate(5.96vw, 100vh) scale(.6576) }}.event.event_ch .snow_box .snow:nth-child(10) { opacity: .728; transform: translate(5.8238vw, -10px) scale(.0659); -webkit-animation: fall-10 19s linear -25s infinite; animation: fall-10 19s linear -25s infinite}@-webkit-keyframes fall-10 { 34.409% { transform: translate(13.5792vw, 34.409vh) scale(.0659) } to { transform: translate(9.7015vw, 100vh) scale(.0659) }}@keyframes fall-10 { 34.409% { transform: translate(13.5792vw, 34.409vh) scale(.0659) } to { transform: translate(9.7015vw, 100vh) scale(.0659) }}.event.event_ch .snow_box .snow:nth-child(11) { opacity: .2675; transform: translate(93.7636vw, -10px) scale(.5166); -webkit-animation: fall-11 10s linear -15s infinite; animation: fall-11 10s linear -15s infinite}@-webkit-keyframes fall-11 { 41.739% { transform: translate(99.6124vw, 41.739vh) scale(.5166) } to { transform: translate(96.688vw, 100vh) scale(.5166) }}@keyframes fall-11 { 41.739% { transform: translate(99.6124vw, 41.739vh) scale(.5166) } to { transform: translate(96.688vw, 100vh) scale(.5166) }}.event.event_ch .snow_box .snow:nth-child(12) { opacity: .1366; transform: translate(11.5911vw, -10px) scale(.0649); -webkit-animation: fall-12 19s linear -23s infinite; animation: fall-12 19s linear -23s infinite}@-webkit-keyframes fall-12 { 31.206% { transform: translate(4.8088vw, 31.206vh) scale(.0649) } to { transform: translate(8.19995vw, 100vh) scale(.0649) }}@keyframes fall-12 { 31.206% { transform: translate(4.8088vw, 31.206vh) scale(.0649) } to { transform: translate(8.19995vw, 100vh) scale(.0649) }}.event.event_ch .snow_box .snow:nth-child(13) { opacity: .5226; transform: translate(1.9376vw, -10px) scale(.6338); -webkit-animation: fall-13 27s linear -12s infinite; animation: fall-13 27s linear -12s infinite}@-webkit-keyframes fall-13 { 35.54% { transform: translate(-.5947vw, 35.54vh) scale(.6338) } to { transform: translate(.67145vw, 100vh) scale(.6338) }}@keyframes fall-13 { 35.54% { transform: translate(-.5947vw, 35.54vh) scale(.6338) } to { transform: translate(.67145vw, 100vh) scale(.6338) }}.event.event_ch .snow_box .snow:nth-child(14) { opacity: .6126; transform: translate(33.2983vw, -10px) scale(.6262); -webkit-animation: fall-14 14s linear -3s infinite; animation: fall-14 14s linear -3s infinite}@-webkit-keyframes fall-14 { 63.419% { transform: translate(32.3744vw, 63.419vh) scale(.6262) } to { transform: translate(32.83635vw, 100vh) scale(.6262) }}@keyframes fall-14 { 63.419% { transform: translate(32.3744vw, 63.419vh) scale(.6262) } to { transform: translate(32.83635vw, 100vh) scale(.6262) }}.event.event_ch .snow_box .snow:nth-child(15) { opacity: .9188; transform: translate(36.7563vw, -10px) scale(.6027); -webkit-animation: fall-15 25s linear -3s infinite; animation: fall-15 25s linear -3s infinite}@-webkit-keyframes fall-15 { 55.031% { transform: translate(29.202vw, 55.031vh) scale(.6027) } to { transform: translate(32.97915vw, 100vh) scale(.6027) }}@keyframes fall-15 { 55.031% { transform: translate(29.202vw, 55.031vh) scale(.6027) } to { transform: translate(32.97915vw, 100vh) scale(.6027) }}.event.event_ch .snow_box .snow:nth-child(16) { opacity: .8259; transform: translate(83.1442vw, -10px) scale(.4151); -webkit-animation: fall-16 19s linear -17s infinite; animation: fall-16 19s linear -17s infinite}@-webkit-keyframes fall-16 { 31.653% { transform: translate(90.0793vw, 31.653vh) scale(.4151) } to { transform: translate(86.61175vw, 100vh) scale(.4151) }}@keyframes fall-16 { 31.653% { transform: translate(90.0793vw, 31.653vh) scale(.4151) } to { transform: translate(86.61175vw, 100vh) scale(.4151) }}.event.event_ch .snow_box .snow:nth-child(17) { opacity: .5963; transform: translate(76.5358vw, -10px) scale(.0275); -webkit-animation: fall-17 21s linear -18s infinite; animation: fall-17 21s linear -18s infinite}@-webkit-keyframes fall-17 { 30.156% { transform: translate(80.1776vw, 30.156vh) scale(.0275) } to { transform: translate(78.3567vw, 100vh) scale(.0275) }}@keyframes fall-17 { 30.156% { transform: translate(80.1776vw, 30.156vh) scale(.0275) } to { transform: translate(78.3567vw, 100vh) scale(.0275) }}.event.event_ch .snow_box .snow:nth-child(18) { opacity: .1361; transform: translate(6.1738vw, -10px) scale(.1916); -webkit-animation: fall-18 20s linear -6s infinite; animation: fall-18 20s linear -6s infinite}@-webkit-keyframes fall-18 { 79.246% { transform: translate(4.2105vw, 79.246vh) scale(.1916) } to { transform: translate(5.19215vw, 100vh) scale(.1916) }}@keyframes fall-18 { 79.246% { transform: translate(4.2105vw, 79.246vh) scale(.1916) } to { transform: translate(5.19215vw, 100vh) scale(.1916) }}.event.event_ch .snow_box .snow:nth-child(19) { opacity: .8653; transform: translate(20.2318vw, -10px) scale(.7512); -webkit-animation: fall-19 12s linear -10s infinite; animation: fall-19 12s linear -10s infinite}@-webkit-keyframes fall-19 { 46.365% { transform: translate(15.6291vw, 46.365vh) scale(.7512) } to { transform: translate(17.93045vw, 100vh) scale(.7512) }}@keyframes fall-19 { 46.365% { transform: translate(15.6291vw, 46.365vh) scale(.7512) } to { transform: translate(17.93045vw, 100vh) scale(.7512) }}.event.event_ch .snow_box .snow:nth-child(20) { opacity: .3161; transform: translate(7.213vw, -10px) scale(.4918); -webkit-animation: fall-20 25s linear -22s infinite; animation: fall-20 25s linear -22s infinite}@-webkit-keyframes fall-20 { 47.313% { transform: translate(10.5762vw, 47.313vh) scale(.4918) } to { transform: translate(8.8946vw, 100vh) scale(.4918) }}@keyframes fall-20 { 47.313% { transform: translate(10.5762vw, 47.313vh) scale(.4918) } to { transform: translate(8.8946vw, 100vh) scale(.4918) }}.event.event_ch .snow_box .snow:nth-child(21) { opacity: .9787; transform: translate(13.5238vw, -10px) scale(.4008); -webkit-animation: fall-21 25s linear -8s infinite; animation: fall-21 25s linear -8s infinite}@-webkit-keyframes fall-21 { 42.531% { transform: translate(5.0298vw, 42.531vh) scale(.4008) } to { transform: translate(9.2768vw, 100vh) scale(.4008) }}@keyframes fall-21 { 42.531% { transform: translate(5.0298vw, 42.531vh) scale(.4008) } to { transform: translate(9.2768vw, 100vh) scale(.4008) }}.event.event_ch .snow_box .snow:nth-child(22) { opacity: .3387; transform: translate(35.9853vw, -10px) scale(.5329); -webkit-animation: fall-22 21s linear -16s infinite; animation: fall-22 21s linear -16s infinite}@-webkit-keyframes fall-22 { 40.183% { transform: translate(40.8118vw, 40.183vh) scale(.5329) } to { transform: translate(38.39855vw, 100vh) scale(.5329) }}@keyframes fall-22 { 40.183% { transform: translate(40.8118vw, 40.183vh) scale(.5329) } to { transform: translate(38.39855vw, 100vh) scale(.5329) }}.event.event_ch .snow_box .snow:nth-child(23) { opacity: .7614; transform: translate(24.8689vw, -10px) scale(.9478); -webkit-animation: fall-23 21s linear -28s infinite; animation: fall-23 21s linear -28s infinite}@-webkit-keyframes fall-23 { 60.037% { transform: translate(26.556vw, 60.037vh) scale(.9478) } to { transform: translate(25.71245vw, 100vh) scale(.9478) }}@keyframes fall-23 { 60.037% { transform: translate(26.556vw, 60.037vh) scale(.9478) } to { transform: translate(25.71245vw, 100vh) scale(.9478) }}.event.event_ch .snow_box .snow:nth-child(24) { opacity: .4449; transform: translate(84.7807vw, -10px) scale(.3964); -webkit-animation: fall-24 17s linear -17s infinite; animation: fall-24 17s linear -17s infinite}@-webkit-keyframes fall-24 { 33.95% { transform: translate(94.1301vw, 33.95vh) scale(.3964) } to { transform: translate(89.4554vw, 100vh) scale(.3964) }}@keyframes fall-24 { 33.95% { transform: translate(94.1301vw, 33.95vh) scale(.3964) } to { transform: translate(89.4554vw, 100vh) scale(.3964) }}.event.event_ch .snow_box .snow:nth-child(25) { opacity: .9047; transform: translate(98.2525vw, -10px) scale(.7344); -webkit-animation: fall-25 12s linear -9s infinite; animation: fall-25 12s linear -9s infinite}@-webkit-keyframes fall-25 { 45.595% { transform: translate(106.6288vw, 45.595vh) scale(.7344) } to { transform: translate(102.44065vw, 100vh) scale(.7344) }}@keyframes fall-25 { 45.595% { transform: translate(106.6288vw, 45.595vh) scale(.7344) } to { transform: translate(102.44065vw, 100vh) scale(.7344) }}.event.event_ch .snow_box .snow:nth-child(26) { opacity: .2121; transform: translate(22.5523vw, -10px) scale(.6901); -webkit-animation: fall-26 15s linear -6s infinite; animation: fall-26 15s linear -6s infinite}@-webkit-keyframes fall-26 { 48.952% { transform: translate(18.2558vw, 48.952vh) scale(.6901) } to { transform: translate(20.40405vw, 100vh) scale(.6901) }}@keyframes fall-26 { 48.952% { transform: translate(18.2558vw, 48.952vh) scale(.6901) } to { transform: translate(20.40405vw, 100vh) scale(.6901) }}.event.event_ch .snow_box .snow:nth-child(27) { opacity: .9545; transform: translate(59.3206vw, -10px) scale(.0448); -webkit-animation: fall-27 27s linear -14s infinite; animation: fall-27 27s linear -14s infinite}@-webkit-keyframes fall-27 { 53.621% { transform: translate(53.4865vw, 53.621vh) scale(.0448) } to { transform: translate(56.40355vw, 100vh) scale(.0448) }}@keyframes fall-27 { 53.621% { transform: translate(53.4865vw, 53.621vh) scale(.0448) } to { transform: translate(56.40355vw, 100vh) scale(.0448) }}.event.event_ch .snow_box .snow:nth-child(28) { opacity: .4367; transform: translate(31.7049vw, -10px) scale(.5118); -webkit-animation: fall-28 18s linear -15s infinite; animation: fall-28 18s linear -15s infinite}@-webkit-keyframes fall-28 { 50.377% { transform: translate(34.0093vw, 50.377vh) scale(.5118) } to { transform: translate(32.8571vw, 100vh) scale(.5118) }}@keyframes fall-28 { 50.377% { transform: translate(34.0093vw, 50.377vh) scale(.5118) } to { transform: translate(32.8571vw, 100vh) scale(.5118) }}.event.event_ch .snow_box .snow:nth-child(29) { opacity: .8556; transform: translate(85.0452vw, -10px) scale(.8381); -webkit-animation: fall-29 14s linear -1s infinite; animation: fall-29 14s linear -1s infinite}@-webkit-keyframes fall-29 { 44.256% { transform: translate(90.5563vw, 44.256vh) scale(.8381) } to { transform: translate(87.80075vw, 100vh) scale(.8381) }}@keyframes fall-29 { 44.256% { transform: translate(90.5563vw, 44.256vh) scale(.8381) } to { transform: translate(87.80075vw, 100vh) scale(.8381) }}.event.event_ch .snow_box .snow:nth-child(30) { opacity: .7146; transform: translate(41.3501vw, -10px) scale(.3805); -webkit-animation: fall-30 16s linear -30s infinite; animation: fall-30 16s linear -30s infinite}@-webkit-keyframes fall-30 { 54.308% { transform: translate(51.2106vw, 54.308vh) scale(.3805) } to { transform: translate(46.28035vw, 100vh) scale(.3805) }}@keyframes fall-30 { 54.308% { transform: translate(51.2106vw, 54.308vh) scale(.3805) } to { transform: translate(46.28035vw, 100vh) scale(.3805) }}.event.event_ch .snow_box .snow:nth-child(31) { opacity: .23; transform: translate(6.5714vw, -10px) scale(.7796); -webkit-animation: fall-31 30s linear -8s infinite; animation: fall-31 30s linear -8s infinite}@-webkit-keyframes fall-31 { 45.354% { transform: translate(9.1423vw, 45.354vh) scale(.7796) } to { transform: translate(7.85685vw, 100vh) scale(.7796) }}@keyframes fall-31 { 45.354% { transform: translate(9.1423vw, 45.354vh) scale(.7796) } to { transform: translate(7.85685vw, 100vh) scale(.7796) }}.event.event_ch .snow_box .snow:nth-child(32) { opacity: .6522; transform: translate(73.8818vw, -10px) scale(.6755); -webkit-animation: fall-32 24s linear -7s infinite; animation: fall-32 24s linear -7s infinite}@-webkit-keyframes fall-32 { 57.275% { transform: translate(83.3865vw, 57.275vh) scale(.6755) } to { transform: translate(78.63415vw, 100vh) scale(.6755) }}@keyframes fall-32 { 57.275% { transform: translate(83.3865vw, 57.275vh) scale(.6755) } to { transform: translate(78.63415vw, 100vh) scale(.6755) }}.event.event_ch .snow_box .snow:nth-child(33) { opacity: .2702; transform: translate(75.1845vw, -10px) scale(.084); -webkit-animation: fall-33 26s linear -7s infinite; animation: fall-33 26s linear -7s infinite}@-webkit-keyframes fall-33 { 78.518% { transform: translate(78.0047vw, 78.518vh) scale(.084) } to { transform: translate(76.5946vw, 100vh) scale(.084) }}@keyframes fall-33 { 78.518% { transform: translate(78.0047vw, 78.518vh) scale(.084) } to { transform: translate(76.5946vw, 100vh) scale(.084) }}.event.event_ch .snow_box .snow:nth-child(34) { opacity: .8607; transform: translate(7.5094vw, -10px) scale(.6984); -webkit-animation: fall-34 20s linear -25s infinite; animation: fall-34 20s linear -25s infinite}@-webkit-keyframes fall-34 { 72.386% { transform: translate(-1.1493vw, 72.386vh) scale(.6984) } to { transform: translate(3.18005vw, 100vh) scale(.6984) }}@keyframes fall-34 { 72.386% { transform: translate(-1.1493vw, 72.386vh) scale(.6984) } to { transform: translate(3.18005vw, 100vh) scale(.6984) }}.event.event_ch .snow_box .snow:nth-child(35) { opacity: .1536; transform: translate(92.7756vw, -10px) scale(.069); -webkit-animation: fall-35 26s linear -24s infinite; animation: fall-35 26s linear -24s infinite}@-webkit-keyframes fall-35 { 44.219% { transform: translate(90.8351vw, 44.219vh) scale(.069) } to { transform: translate(91.80535vw, 100vh) scale(.069) }}@keyframes fall-35 { 44.219% { transform: translate(90.8351vw, 44.219vh) scale(.069) } to { transform: translate(91.80535vw, 100vh) scale(.069) }}.event.event_ch .snow_box .snow:nth-child(36) { opacity: .5873; transform: translate(88.9784vw, -10px) scale(.0915); -webkit-animation: fall-36 17s linear -28s infinite; animation: fall-36 17s linear -28s infinite}@-webkit-keyframes fall-36 { 65.559% { transform: translate(90.6166vw, 65.559vh) scale(.0915) } to { transform: translate(89.7975vw, 100vh) scale(.0915) }}@keyframes fall-36 { 65.559% { transform: translate(90.6166vw, 65.559vh) scale(.0915) } to { transform: translate(89.7975vw, 100vh) scale(.0915) }}.event.event_ch .snow_box .snow:nth-child(37) { opacity: .3035; transform: translate(95.596vw, -10px) scale(.0271); -webkit-animation: fall-37 20s linear -11s infinite; animation: fall-37 20s linear -11s infinite}@-webkit-keyframes fall-37 { 78.779% { transform: translate(93.2314vw, 78.779vh) scale(.0271) } to { transform: translate(94.4137vw, 100vh) scale(.0271) }}@keyframes fall-37 { 78.779% { transform: translate(93.2314vw, 78.779vh) scale(.0271) } to { transform: translate(94.4137vw, 100vh) scale(.0271) }}.event.event_ch .snow_box .snow:nth-child(38) { opacity: .2638; transform: translate(35.6264vw, -10px) scale(.2821); -webkit-animation: fall-38 28s linear -17s infinite; animation: fall-38 28s linear -17s infinite}@-webkit-keyframes fall-38 { 70.348% { transform: translate(26.5153vw, 70.348vh) scale(.2821) } to { transform: translate(31.07085vw, 100vh) scale(.2821) }}@keyframes fall-38 { 70.348% { transform: translate(26.5153vw, 70.348vh) scale(.2821) } to { transform: translate(31.07085vw, 100vh) scale(.2821) }}.event.event_ch .snow_box .snow:nth-child(39) { opacity: .2113; transform: translate(65.7678vw, -10px) scale(.3487); -webkit-animation: fall-39 20s linear -18s infinite; animation: fall-39 20s linear -18s infinite}@-webkit-keyframes fall-39 { 33.888% { transform: translate(64.5041vw, 33.888vh) scale(.3487) } to { transform: translate(65.13595vw, 100vh) scale(.3487) }}@keyframes fall-39 { 33.888% { transform: translate(64.5041vw, 33.888vh) scale(.3487) } to { transform: translate(65.13595vw, 100vh) scale(.3487) }}.event.event_ch .snow_box .snow:nth-child(40) { opacity: .2349; transform: translate(67.2394vw, -10px) scale(.5953); -webkit-animation: fall-40 15s linear -3s infinite; animation: fall-40 15s linear -3s infinite}@-webkit-keyframes fall-40 { 55.592% { transform: translate(62.6509vw, 55.592vh) scale(.5953) } to { transform: translate(64.94515vw, 100vh) scale(.5953) }}@keyframes fall-40 { 55.592% { transform: translate(62.6509vw, 55.592vh) scale(.5953) } to { transform: translate(64.94515vw, 100vh) scale(.5953) }}.event.event_ch .snow_box .snow:nth-child(41) { opacity: .4881; transform: translate(25.6189vw, -10px) scale(.5579); -webkit-animation: fall-41 21s linear -29s infinite; animation: fall-41 21s linear -29s infinite}@-webkit-keyframes fall-41 { 59.504% { transform: translate(35.404vw, 59.504vh) scale(.5579) } to { transform: translate(30.51145vw, 100vh) scale(.5579) }}@keyframes fall-41 { 59.504% { transform: translate(35.404vw, 59.504vh) scale(.5579) } to { transform: translate(30.51145vw, 100vh) scale(.5579) }}.event.event_ch .snow_box .snow:nth-child(42) { opacity: .1521; transform: translate(72.9656vw, -10px) scale(.5662); -webkit-animation: fall-42 21s linear -17s infinite; animation: fall-42 21s linear -17s infinite}@-webkit-keyframes fall-42 { 54.45% { transform: translate(75.4762vw, 54.45vh) scale(.5662) } to { transform: translate(74.2209vw, 100vh) scale(.5662) }}@keyframes fall-42 { 54.45% { transform: translate(75.4762vw, 54.45vh) scale(.5662) } to { transform: translate(74.2209vw, 100vh) scale(.5662) }}.event.event_ch .snow_box .snow:nth-child(43) { opacity: .0493; transform: translate(54.4443vw, -10px) scale(.3758); -webkit-animation: fall-43 21s linear -7s infinite; animation: fall-43 21s linear -7s infinite}@-webkit-keyframes fall-43 { 64.415% { transform: translate(62.2416vw, 64.415vh) scale(.3758) } to { transform: translate(58.34295vw, 100vh) scale(.3758) }}@keyframes fall-43 { 64.415% { transform: translate(62.2416vw, 64.415vh) scale(.3758) } to { transform: translate(58.34295vw, 100vh) scale(.3758) }}.event.event_ch .snow_box .snow:nth-child(44) { opacity: .4682; transform: translate(10.727vw, -10px) scale(.7936); -webkit-animation: fall-44 12s linear -9s infinite; animation: fall-44 12s linear -9s infinite}@-webkit-keyframes fall-44 { 39.245% { transform: translate(19.9438vw, 39.245vh) scale(.7936) } to { transform: translate(15.3354vw, 100vh) scale(.7936) }}@keyframes fall-44 { 39.245% { transform: translate(19.9438vw, 39.245vh) scale(.7936) } to { transform: translate(15.3354vw, 100vh) scale(.7936) }}.event.event_ch .snow_box .snow:nth-child(45) { opacity: .1088; transform: translate(12.706vw, -10px) scale(.5969); -webkit-animation: fall-45 17s linear -22s infinite; animation: fall-45 17s linear -22s infinite}@-webkit-keyframes fall-45 { 66.729% { transform: translate(20.6019vw, 66.729vh) scale(.5969) } to { transform: translate(16.65395vw, 100vh) scale(.5969) }}@keyframes fall-45 { 66.729% { transform: translate(20.6019vw, 66.729vh) scale(.5969) } to { transform: translate(16.65395vw, 100vh) scale(.5969) }}.event.event_ch .snow_box .snow:nth-child(46) { opacity: .9786; transform: translate(80.6652vw, -10px) scale(.8514); -webkit-animation: fall-46 21s linear -7s infinite; animation: fall-46 21s linear -7s infinite}@-webkit-keyframes fall-46 { 75.624% { transform: translate(73.2031vw, 75.624vh) scale(.8514) } to { transform: translate(76.93415vw, 100vh) scale(.8514) }}@keyframes fall-46 { 75.624% { transform: translate(73.2031vw, 75.624vh) scale(.8514) } to { transform: translate(76.93415vw, 100vh) scale(.8514) }}.event.event_ch .snow_box .snow:nth-child(47) { opacity: .3109; transform: translate(11.7821vw, -10px) scale(.072); -webkit-animation: fall-47 18s linear -24s infinite; animation: fall-47 18s linear -24s infinite}@-webkit-keyframes fall-47 { 65.701% { transform: translate(1.9391vw, 65.701vh) scale(.072) } to { transform: translate(6.8606vw, 100vh) scale(.072) }}@keyframes fall-47 { 65.701% { transform: translate(1.9391vw, 65.701vh) scale(.072) } to { transform: translate(6.8606vw, 100vh) scale(.072) }}.event.event_ch .snow_box .snow:nth-child(48) { opacity: .5124; transform: translate(41.9722vw, -10px) scale(.2951); -webkit-animation: fall-48 27s linear -27s infinite; animation: fall-48 27s linear -27s infinite}@-webkit-keyframes fall-48 { 47.042% { transform: translate(43.4085vw, 47.042vh) scale(.2951) } to { transform: translate(42.69035vw, 100vh) scale(.2951) }}@keyframes fall-48 { 47.042% { transform: translate(43.4085vw, 47.042vh) scale(.2951) } to { transform: translate(42.69035vw, 100vh) scale(.2951) }}.event.event_ch .snow_box .snow:nth-child(49) { opacity: .787; transform: translate(65.2562vw, -10px) scale(.3315); -webkit-animation: fall-49 12s linear -18s infinite; animation: fall-49 12s linear -18s infinite}@-webkit-keyframes fall-49 { 58.152% { transform: translate(65.9999vw, 58.152vh) scale(.3315) } to { transform: translate(65.62805vw, 100vh) scale(.3315) }}@keyframes fall-49 { 58.152% { transform: translate(65.9999vw, 58.152vh) scale(.3315) } to { transform: translate(65.62805vw, 100vh) scale(.3315) }}.event.event_ch .snow_box .snow:nth-child(50) { opacity: .043; transform: translate(82.1455vw, -10px) scale(.7453); -webkit-animation: fall-50 15s linear -3s infinite; animation: fall-50 15s linear -3s infinite}@-webkit-keyframes fall-50 { 76.73% { transform: translate(84.2959vw, 76.73vh) scale(.7453) } to { transform: translate(83.2207vw, 100vh) scale(.7453) }}@keyframes fall-50 { 76.73% { transform: translate(84.2959vw, 76.73vh) scale(.7453) } to { transform: translate(83.2207vw, 100vh) scale(.7453) }}.event.event_ch .snow_box .snow:nth-child(51) { opacity: .3709; transform: translate(50.6521vw, -10px) scale(.5496); -webkit-animation: fall-51 24s linear -15s infinite; animation: fall-51 24s linear -15s infinite}@-webkit-keyframes fall-51 { 49.45% { transform: translate(51.0793vw, 49.45vh) scale(.5496) } to { transform: translate(50.8657vw, 100vh) scale(.5496) }}@keyframes fall-51 { 49.45% { transform: translate(51.0793vw, 49.45vh) scale(.5496) } to { transform: translate(50.8657vw, 100vh) scale(.5496) }}.event.event_ch .snow_box .snow:nth-child(52) { opacity: .0455; transform: translate(78.6209vw, -10px) scale(.9576); -webkit-animation: fall-52 12s linear -10s infinite; animation: fall-52 12s linear -10s infinite}@-webkit-keyframes fall-52 { 48.329% { transform: translate(83.997vw, 48.329vh) scale(.9576) } to { transform: translate(81.30895vw, 100vh) scale(.9576) }}@keyframes fall-52 { 48.329% { transform: translate(83.997vw, 48.329vh) scale(.9576) } to { transform: translate(81.30895vw, 100vh) scale(.9576) }}.event.event_ch .snow_box .snow:nth-child(53) { opacity: .9048; transform: translate(79.6723vw, -10px) scale(.5824); -webkit-animation: fall-53 16s linear -1s infinite; animation: fall-53 16s linear -1s infinite}@-webkit-keyframes fall-53 { 61.486% { transform: translate(86.4924vw, 61.486vh) scale(.5824) } to { transform: translate(83.08235vw, 100vh) scale(.5824) }}@keyframes fall-53 { 61.486% { transform: translate(86.4924vw, 61.486vh) scale(.5824) } to { transform: translate(83.08235vw, 100vh) scale(.5824) }}.event.event_ch .snow_box .snow:nth-child(54) { opacity: .1856; transform: translate(23.3006vw, -10px) scale(.9849); -webkit-animation: fall-54 23s linear -26s infinite; animation: fall-54 23s linear -26s infinite}@-webkit-keyframes fall-54 { 75.406% { transform: translate(22.4416vw, 75.406vh) scale(.9849) } to { transform: translate(22.8711vw, 100vh) scale(.9849) }}@keyframes fall-54 { 75.406% { transform: translate(22.4416vw, 75.406vh) scale(.9849) } to { transform: translate(22.8711vw, 100vh) scale(.9849) }}.event.event_ch .snow_box .snow:nth-child(55) { opacity: .8951; transform: translate(66.036vw, -10px) scale(.2973); -webkit-animation: fall-55 28s linear -18s infinite; animation: fall-55 28s linear -18s infinite}@-webkit-keyframes fall-55 { 63.705% { transform: translate(75.4272vw, 63.705vh) scale(.2973) } to { transform: translate(70.7316vw, 100vh) scale(.2973) }}@keyframes fall-55 { 63.705% { transform: translate(75.4272vw, 63.705vh) scale(.2973) } to { transform: translate(70.7316vw, 100vh) scale(.2973) }}.event.event_ch .snow_box .snow:nth-child(56) { opacity: .7173; transform: translate(42.5143vw, -10px) scale(.782); -webkit-animation: fall-56 27s linear -15s infinite; animation: fall-56 27s linear -15s infinite}@-webkit-keyframes fall-56 { 36.176% { transform: translate(38.9735vw, 36.176vh) scale(.782) } to { transform: translate(40.7439vw, 100vh) scale(.782) }}@keyframes fall-56 { 36.176% { transform: translate(38.9735vw, 36.176vh) scale(.782) } to { transform: translate(40.7439vw, 100vh) scale(.782) }}.event.event_ch .snow_box .snow:nth-child(57) { opacity: .4116; transform: translate(3.4346vw, -10px) scale(.963); -webkit-animation: fall-57 25s linear -21s infinite; animation: fall-57 25s linear -21s infinite}@-webkit-keyframes fall-57 { 32.898% { transform: translate(-5.1686vw, 32.898vh) scale(.963) } to { transform: translate(-.867vw, 100vh) scale(.963) }}@keyframes fall-57 { 32.898% { transform: translate(-5.1686vw, 32.898vh) scale(.963) } to { transform: translate(-.867vw, 100vh) scale(.963) }}.event.event_ch .snow_box .snow:nth-child(58) { opacity: .9179; transform: translate(13.2801vw, -10px) scale(.0154); -webkit-animation: fall-58 11s linear -2s infinite; animation: fall-58 11s linear -2s infinite}@-webkit-keyframes fall-58 { 33.589% { transform: translate(11.867vw, 33.589vh) scale(.0154) } to { transform: translate(12.57355vw, 100vh) scale(.0154) }}@keyframes fall-58 { 33.589% { transform: translate(11.867vw, 33.589vh) scale(.0154) } to { transform: translate(12.57355vw, 100vh) scale(.0154) }}.event.event_ch .snow_box .snow:nth-child(59) { opacity: .221; transform: translate(50.2811vw, -10px) scale(.904); -webkit-animation: fall-59 11s linear -27s infinite; animation: fall-59 11s linear -27s infinite}@-webkit-keyframes fall-59 { 65.255% { transform: translate(48.4724vw, 65.255vh) scale(.904) } to { transform: translate(49.37675vw, 100vh) scale(.904) }}@keyframes fall-59 { 65.255% { transform: translate(48.4724vw, 65.255vh) scale(.904) } to { transform: translate(49.37675vw, 100vh) scale(.904) }}.event.event_ch .snow_box .snow:nth-child(60) { opacity: .539; transform: translate(94.0292vw, -10px) scale(.8652); -webkit-animation: fall-60 27s linear -15s infinite; animation: fall-60 27s linear -15s infinite}@-webkit-keyframes fall-60 { 34.009% { transform: translate(89.0015vw, 34.009vh) scale(.8652) } to { transform: translate(91.51535vw, 100vh) scale(.8652) }}@keyframes fall-60 { 34.009% { transform: translate(89.0015vw, 34.009vh) scale(.8652) } to { transform: translate(91.51535vw, 100vh) scale(.8652) }}.event.event_ch .snow_box .snow:nth-child(61) { opacity: .002; transform: translate(53.6852vw, -10px) scale(.4462); -webkit-animation: fall-61 11s linear -10s infinite; animation: fall-61 11s linear -10s infinite}@-webkit-keyframes fall-61 { 34.348% { transform: translate(61.6521vw, 34.348vh) scale(.4462) } to { transform: translate(57.66865vw, 100vh) scale(.4462) }}@keyframes fall-61 { 34.348% { transform: translate(61.6521vw, 34.348vh) scale(.4462) } to { transform: translate(57.66865vw, 100vh) scale(.4462) }}.event.event_ch .snow_box .snow:nth-child(62) { opacity: .6805; transform: translate(66.2813vw, -10px) scale(.9921); -webkit-animation: fall-62 16s linear -5s infinite; animation: fall-62 16s linear -5s infinite}@-webkit-keyframes fall-62 { 42.355% { transform: translate(70.2963vw, 42.355vh) scale(.9921) } to { transform: translate(68.2888vw, 100vh) scale(.9921) }}@keyframes fall-62 { 42.355% { transform: translate(70.2963vw, 42.355vh) scale(.9921) } to { transform: translate(68.2888vw, 100vh) scale(.9921) }}.event.event_ch .snow_box .snow:nth-child(63) { opacity: .4695; transform: translate(88.7624vw, -10px) scale(.6769); -webkit-animation: fall-63 12s linear -26s infinite; animation: fall-63 12s linear -26s infinite}@-webkit-keyframes fall-63 { 32.266% { transform: translate(91.4645vw, 32.266vh) scale(.6769) } to { transform: translate(90.11345vw, 100vh) scale(.6769) }}@keyframes fall-63 { 32.266% { transform: translate(91.4645vw, 32.266vh) scale(.6769) } to { transform: translate(90.11345vw, 100vh) scale(.6769) }}.event.event_ch .snow_box .snow:nth-child(64) { opacity: .9482; transform: translate(20.239vw, -10px) scale(.1468); -webkit-animation: fall-64 30s linear -24s infinite; animation: fall-64 30s linear -24s infinite}@-webkit-keyframes fall-64 { 49.692% { transform: translate(17.2357vw, 49.692vh) scale(.1468) } to { transform: translate(18.73735vw, 100vh) scale(.1468) }}@keyframes fall-64 { 49.692% { transform: translate(17.2357vw, 49.692vh) scale(.1468) } to { transform: translate(18.73735vw, 100vh) scale(.1468) }}.event.event_ch .snow_box .snow:nth-child(65) { opacity: .3378; transform: translate(81.2901vw, -10px) scale(.7144); -webkit-animation: fall-65 26s linear -11s infinite; animation: fall-65 26s linear -11s infinite}@-webkit-keyframes fall-65 { 64.504% { transform: translate(74.2718vw, 64.504vh) scale(.7144) } to { transform: translate(77.78095vw, 100vh) scale(.7144) }}@keyframes fall-65 { 64.504% { transform: translate(74.2718vw, 64.504vh) scale(.7144) } to { transform: translate(77.78095vw, 100vh) scale(.7144) }}.event.event_ch .snow_box .snow:nth-child(66) { opacity: .818; transform: translate(97.6188vw, -10px) scale(.438); -webkit-animation: fall-66 15s linear -30s infinite; animation: fall-66 15s linear -30s infinite}@-webkit-keyframes fall-66 { 60.671% { transform: translate(95.9295vw, 60.671vh) scale(.438) } to { transform: translate(96.77415vw, 100vh) scale(.438) }}@keyframes fall-66 { 60.671% { transform: translate(95.9295vw, 60.671vh) scale(.438) } to { transform: translate(96.77415vw, 100vh) scale(.438) }}.event.event_ch .snow_box .snow:nth-child(67) { opacity: .1267; transform: translate(14.6453vw, -10px) scale(.821); -webkit-animation: fall-67 20s linear -17s infinite; animation: fall-67 20s linear -17s infinite}@-webkit-keyframes fall-67 { 30.68% { transform: translate(7.9961vw, 30.68vh) scale(.821) } to { transform: translate(11.3207vw, 100vh) scale(.821) }}@keyframes fall-67 { 30.68% { transform: translate(7.9961vw, 30.68vh) scale(.821) } to { transform: translate(11.3207vw, 100vh) scale(.821) }}.event.event_ch .snow_box .snow:nth-child(68) { opacity: .3005; transform: translate(53.6736vw, -10px) scale(.9671); -webkit-animation: fall-68 17s linear -28s infinite; animation: fall-68 17s linear -28s infinite}@-webkit-keyframes fall-68 { 49.94% { transform: translate(45.185vw, 49.94vh) scale(.9671) } to { transform: translate(49.4293vw, 100vh) scale(.9671) }}@keyframes fall-68 { 49.94% { transform: translate(45.185vw, 49.94vh) scale(.9671) } to { transform: translate(49.4293vw, 100vh) scale(.9671) }}.event.event_ch .snow_box .snow:nth-child(69) { opacity: .4699; transform: translate(82.9721vw, -10px) scale(.5899); -webkit-animation: fall-69 11s linear -21s infinite; animation: fall-69 11s linear -21s infinite}@-webkit-keyframes fall-69 { 69.108% { transform: translate(78.8723vw, 69.108vh) scale(.5899) } to { transform: translate(80.9222vw, 100vh) scale(.5899) }}@keyframes fall-69 { 69.108% { transform: translate(78.8723vw, 69.108vh) scale(.5899) } to { transform: translate(80.9222vw, 100vh) scale(.5899) }}.event.event_ch .snow_box .snow:nth-child(70) { opacity: .9904; transform: translate(54.8044vw, -10px) scale(.7426); -webkit-animation: fall-70 12s linear -23s infinite; animation: fall-70 12s linear -23s infinite}@-webkit-keyframes fall-70 { 39.178% { transform: translate(57.821vw, 39.178vh) scale(.7426) } to { transform: translate(56.3127vw, 100vh) scale(.7426) }}@keyframes fall-70 { 39.178% { transform: translate(57.821vw, 39.178vh) scale(.7426) } to { transform: translate(56.3127vw, 100vh) scale(.7426) }}.event.event_ch .snow_box .snow:nth-child(71) { opacity: .7925; transform: translate(54.2545vw, -10px) scale(.066); -webkit-animation: fall-71 21s linear -8s infinite; animation: fall-71 21s linear -8s infinite}@-webkit-keyframes fall-71 { 40.459% { transform: translate(49.2794vw, 40.459vh) scale(.066) } to { transform: translate(51.76695vw, 100vh) scale(.066) }}@keyframes fall-71 { 40.459% { transform: translate(49.2794vw, 40.459vh) scale(.066) } to { transform: translate(51.76695vw, 100vh) scale(.066) }}.event.event_ch .snow_box .snow:nth-child(72) { opacity: .3254; transform: translate(78.5867vw, -10px) scale(.281); -webkit-animation: fall-72 16s linear -17s infinite; animation: fall-72 16s linear -17s infinite}@-webkit-keyframes fall-72 { 50.555% { transform: translate(75.3385vw, 50.555vh) scale(.281) } to { transform: translate(76.9626vw, 100vh) scale(.281) }}@keyframes fall-72 { 50.555% { transform: translate(75.3385vw, 50.555vh) scale(.281) } to { transform: translate(76.9626vw, 100vh) scale(.281) }}.event.event_ch .snow_box .snow:nth-child(73) { opacity: .0628; transform: translate(1.8956vw, -10px) scale(.229); -webkit-animation: fall-73 22s linear -15s infinite; animation: fall-73 22s linear -15s infinite}@-webkit-keyframes fall-73 { 64.833% { transform: translate(6.2555vw, 64.833vh) scale(.229) } to { transform: translate(4.07555vw, 100vh) scale(.229) }}@keyframes fall-73 { 64.833% { transform: translate(6.2555vw, 64.833vh) scale(.229) } to { transform: translate(4.07555vw, 100vh) scale(.229) }}.event.event_ch .snow_box .snow:nth-child(74) { opacity: .5813; transform: translate(.1084vw, -10px) scale(.1828); -webkit-animation: fall-74 26s linear -1s infinite; animation: fall-74 26s linear -1s infinite}@-webkit-keyframes fall-74 { 30.538% { transform: translate(-5.1336vw, 30.538vh) scale(.1828) } to { transform: translate(-2.5126vw, 100vh) scale(.1828) }}@keyframes fall-74 { 30.538% { transform: translate(-5.1336vw, 30.538vh) scale(.1828) } to { transform: translate(-2.5126vw, 100vh) scale(.1828) }}.event.event_ch .snow_box .snow:nth-child(75) { opacity: .2724; transform: translate(82.1983vw, -10px) scale(.926); -webkit-animation: fall-75 28s linear -26s infinite; animation: fall-75 28s linear -26s infinite}@-webkit-keyframes fall-75 { 41.476% { transform: translate(73.6768vw, 41.476vh) scale(.926) } to { transform: translate(77.93755vw, 100vh) scale(.926) }}@keyframes fall-75 { 41.476% { transform: translate(73.6768vw, 41.476vh) scale(.926) } to { transform: translate(77.93755vw, 100vh) scale(.926) }}.event.event_ch .snow_box .snow:nth-child(76) { opacity: .679; transform: translate(83.0995vw, -10px) scale(.9853); -webkit-animation: fall-76 27s linear -20s infinite; animation: fall-76 27s linear -20s infinite}@-webkit-keyframes fall-76 { 36.051% { transform: translate(81.0058vw, 36.051vh) scale(.9853) } to { transform: translate(82.05265vw, 100vh) scale(.9853) }}@keyframes fall-76 { 36.051% { transform: translate(81.0058vw, 36.051vh) scale(.9853) } to { transform: translate(82.05265vw, 100vh) scale(.9853) }}.event.event_ch .snow_box .snow:nth-child(77) { opacity: .904; transform: translate(9.1321vw, -10px) scale(.2858); -webkit-animation: fall-77 20s linear -23s infinite; animation: fall-77 20s linear -23s infinite}@-webkit-keyframes fall-77 { 48.984% { transform: translate(2.724vw, 48.984vh) scale(.2858) } to { transform: translate(5.92805vw, 100vh) scale(.2858) }}@keyframes fall-77 { 48.984% { transform: translate(2.724vw, 48.984vh) scale(.2858) } to { transform: translate(5.92805vw, 100vh) scale(.2858) }}.event.event_ch .snow_box .snow:nth-child(78) { opacity: .2618; transform: translate(65.7999vw, -10px) scale(.9281); -webkit-animation: fall-78 18s linear -15s infinite; animation: fall-78 18s linear -15s infinite}@-webkit-keyframes fall-78 { 59.732% { transform: translate(71.58vw, 59.732vh) scale(.9281) } to { transform: translate(68.68995vw, 100vh) scale(.9281) }}@keyframes fall-78 { 59.732% { transform: translate(71.58vw, 59.732vh) scale(.9281) } to { transform: translate(68.68995vw, 100vh) scale(.9281) }}.event.event_ch .snow_box .snow:nth-child(79) { opacity: .9443; transform: translate(4.5547vw, -10px) scale(.8297); -webkit-animation: fall-79 23s linear -9s infinite; animation: fall-79 23s linear -9s infinite}@-webkit-keyframes fall-79 { 78.732% { transform: translate(7.775vw, 78.732vh) scale(.8297) } to { transform: translate(6.16485vw, 100vh) scale(.8297) }}@keyframes fall-79 { 78.732% { transform: translate(7.775vw, 78.732vh) scale(.8297) } to { transform: translate(6.16485vw, 100vh) scale(.8297) }}.event.event_ch .snow_box .snow:nth-child(80) { opacity: .6986; transform: translate(59.3199vw, -10px) scale(.3614); -webkit-animation: fall-80 19s linear -12s infinite; animation: fall-80 19s linear -12s infinite}@-webkit-keyframes fall-80 { 46.345% { transform: translate(57.8597vw, 46.345vh) scale(.3614) } to { transform: translate(58.5898vw, 100vh) scale(.3614) }}@keyframes fall-80 { 46.345% { transform: translate(57.8597vw, 46.345vh) scale(.3614) } to { transform: translate(58.5898vw, 100vh) scale(.3614) }}.event.event_ch .snow_box .snow:nth-child(81) { opacity: .3141; transform: translate(90.1754vw, -10px) scale(.9762); -webkit-animation: fall-81 23s linear -4s infinite; animation: fall-81 23s linear -4s infinite}@-webkit-keyframes fall-81 { 59.804% { transform: translate(90.411vw, 59.804vh) scale(.9762) } to { transform: translate(90.2932vw, 100vh) scale(.9762) }}@keyframes fall-81 { 59.804% { transform: translate(90.411vw, 59.804vh) scale(.9762) } to { transform: translate(90.2932vw, 100vh) scale(.9762) }}.event.event_ch .snow_box .snow:nth-child(82) { opacity: .0384; transform: translate(94.075vw, -10px) scale(.0682); -webkit-animation: fall-82 23s linear -20s infinite; animation: fall-82 23s linear -20s infinite}@-webkit-keyframes fall-82 { 65.437% { transform: translate(89.1675vw, 65.437vh) scale(.0682) } to { transform: translate(91.62125vw, 100vh) scale(.0682) }}@keyframes fall-82 { 65.437% { transform: translate(89.1675vw, 65.437vh) scale(.0682) } to { transform: translate(91.62125vw, 100vh) scale(.0682) }}.event.event_ch .snow_box .snow:nth-child(83) { opacity: .0997; transform: translate(43.8402vw, -10px) scale(.0616); -webkit-animation: fall-83 13s linear -5s infinite; animation: fall-83 13s linear -5s infinite}@-webkit-keyframes fall-83 { 77.211% { transform: translate(45.3367vw, 77.211vh) scale(.0616) } to { transform: translate(44.58845vw, 100vh) scale(.0616) }}@keyframes fall-83 { 77.211% { transform: translate(45.3367vw, 77.211vh) scale(.0616) } to { transform: translate(44.58845vw, 100vh) scale(.0616) }}.event.event_ch .snow_box .snow:nth-child(84) { opacity: .4164; transform: translate(70.5907vw, -10px) scale(.361); -webkit-animation: fall-84 17s linear -13s infinite; animation: fall-84 17s linear -13s infinite}@-webkit-keyframes fall-84 { 35.758% { transform: translate(76.5322vw, 35.758vh) scale(.361) } to { transform: translate(73.56145vw, 100vh) scale(.361) }}@keyframes fall-84 { 35.758% { transform: translate(76.5322vw, 35.758vh) scale(.361) } to { transform: translate(73.56145vw, 100vh) scale(.361) }}.event.event_ch .snow_box .snow:nth-child(85) { opacity: .5932; transform: translate(73.6936vw, -10px) scale(.5139); -webkit-animation: fall-85 13s linear -28s infinite; animation: fall-85 13s linear -28s infinite}@-webkit-keyframes fall-85 { 46.282% { transform: translate(81.9678vw, 46.282vh) scale(.5139) } to { transform: translate(77.8307vw, 100vh) scale(.5139) }}@keyframes fall-85 { 46.282% { transform: translate(81.9678vw, 46.282vh) scale(.5139) } to { transform: translate(77.8307vw, 100vh) scale(.5139) }}.event.event_ch .snow_box .snow:nth-child(86) { opacity: .2023; transform: translate(64.8042vw, -10px) scale(.2655); -webkit-animation: fall-86 25s linear -1s infinite; animation: fall-86 25s linear -1s infinite}@-webkit-keyframes fall-86 { 30.654% { transform: translate(73.2374vw, 30.654vh) scale(.2655) } to { transform: translate(69.0208vw, 100vh) scale(.2655) }}@keyframes fall-86 { 30.654% { transform: translate(73.2374vw, 30.654vh) scale(.2655) } to { transform: translate(69.0208vw, 100vh) scale(.2655) }}.event.event_ch .snow_box .snow:nth-child(87) { opacity: .3931; transform: translate(77.8689vw, -10px) scale(.9918); -webkit-animation: fall-87 30s linear -5s infinite; animation: fall-87 30s linear -5s infinite}@-webkit-keyframes fall-87 { 47.151% { transform: translate(81.4026vw, 47.151vh) scale(.9918) } to { transform: translate(79.63575vw, 100vh) scale(.9918) }}@keyframes fall-87 { 47.151% { transform: translate(81.4026vw, 47.151vh) scale(.9918) } to { transform: translate(79.63575vw, 100vh) scale(.9918) }}.event.event_ch .snow_box .snow:nth-child(88) { opacity: .2895; transform: translate(86.3896vw, -10px) scale(.3191); -webkit-animation: fall-88 26s linear -26s infinite; animation: fall-88 26s linear -26s infinite}@-webkit-keyframes fall-88 { 79.772% { transform: translate(85.3227vw, 79.772vh) scale(.3191) } to { transform: translate(85.85615vw, 100vh) scale(.3191) }}@keyframes fall-88 { 79.772% { transform: translate(85.3227vw, 79.772vh) scale(.3191) } to { transform: translate(85.85615vw, 100vh) scale(.3191) }}.event.event_ch .snow_box .snow:nth-child(89) { opacity: .3995; transform: translate(55.8189vw, -10px) scale(.6117); -webkit-animation: fall-89 23s linear -23s infinite; animation: fall-89 23s linear -23s infinite}@-webkit-keyframes fall-89 { 35.141% { transform: translate(62.8317vw, 35.141vh) scale(.6117) } to { transform: translate(59.3253vw, 100vh) scale(.6117) }}@keyframes fall-89 { 35.141% { transform: translate(62.8317vw, 35.141vh) scale(.6117) } to { transform: translate(59.3253vw, 100vh) scale(.6117) }}.event.event_ch .snow_box .snow:nth-child(90) { opacity: .8888; transform: translate(28.274vw, -10px) scale(.6892); -webkit-animation: fall-90 24s linear -22s infinite; animation: fall-90 24s linear -22s infinite}@-webkit-keyframes fall-90 { 53.923% { transform: translate(37.029vw, 53.923vh) scale(.6892) } to { transform: translate(32.6515vw, 100vh) scale(.6892) }}@keyframes fall-90 { 53.923% { transform: translate(37.029vw, 53.923vh) scale(.6892) } to { transform: translate(32.6515vw, 100vh) scale(.6892) }}.event.event_ch .snow_box .snow:nth-child(91) { opacity: .7111; transform: translate(67.5896vw, -10px) scale(.2451); -webkit-animation: fall-91 12s linear -17s infinite; animation: fall-91 12s linear -17s infinite}@-webkit-keyframes fall-91 { 55.212% { transform: translate(61.6042vw, 55.212vh) scale(.2451) } to { transform: translate(64.5969vw, 100vh) scale(.2451) }}@keyframes fall-91 { 55.212% { transform: translate(61.6042vw, 55.212vh) scale(.2451) } to { transform: translate(64.5969vw, 100vh) scale(.2451) }}.event.event_ch .snow_box .snow:nth-child(92) { opacity: .2922; transform: translate(40.6045vw, -10px) scale(.2107); -webkit-animation: fall-92 28s linear -4s infinite; animation: fall-92 28s linear -4s infinite}@-webkit-keyframes fall-92 { 46.614% { transform: translate(41.6351vw, 46.614vh) scale(.2107) } to { transform: translate(41.1198vw, 100vh) scale(.2107) }}@keyframes fall-92 { 46.614% { transform: translate(41.6351vw, 46.614vh) scale(.2107) } to { transform: translate(41.1198vw, 100vh) scale(.2107) }}.event.event_ch .snow_box .snow:nth-child(93) { opacity: .7861; transform: translate(41.1263vw, -10px) scale(.9669); -webkit-animation: fall-93 19s linear -22s infinite; animation: fall-93 19s linear -22s infinite}@-webkit-keyframes fall-93 { 72.94% { transform: translate(36.0033vw, 72.94vh) scale(.9669) } to { transform: translate(38.5648vw, 100vh) scale(.9669) }}@keyframes fall-93 { 72.94% { transform: translate(36.0033vw, 72.94vh) scale(.9669) } to { transform: translate(38.5648vw, 100vh) scale(.9669) }}.event.event_ch .snow_box .snow:nth-child(94) { opacity: .9834; transform: translate(7.285vw, -10px) scale(.7323); -webkit-animation: fall-94 14s linear -2s infinite; animation: fall-94 14s linear -2s infinite}@-webkit-keyframes fall-94 { 52.852% { transform: translate(11.3718vw, 52.852vh) scale(.7323) } to { transform: translate(9.3284vw, 100vh) scale(.7323) }}@keyframes fall-94 { 52.852% { transform: translate(11.3718vw, 52.852vh) scale(.7323) } to { transform: translate(9.3284vw, 100vh) scale(.7323) }}.event.event_ch .snow_box .snow:nth-child(95) { opacity: .1674; transform: translate(99.9102vw, -10px) scale(.6379); -webkit-animation: fall-95 29s linear -22s infinite; animation: fall-95 29s linear -22s infinite}@-webkit-keyframes fall-95 { 62.496% { transform: translate(90.3012vw, 62.496vh) scale(.6379) } to { transform: translate(95.1057vw, 100vh) scale(.6379) }}@keyframes fall-95 { 62.496% { transform: translate(90.3012vw, 62.496vh) scale(.6379) } to { transform: translate(95.1057vw, 100vh) scale(.6379) }}.event.event_ch .snow_box .snow:nth-child(96) { opacity: .3349; transform: translate(31.6281vw, -10px) scale(.5832); -webkit-animation: fall-96 16s linear -27s infinite; animation: fall-96 16s linear -27s infinite}@-webkit-keyframes fall-96 { 49.631% { transform: translate(34.4404vw, 49.631vh) scale(.5832) } to { transform: translate(33.03425vw, 100vh) scale(.5832) }}@keyframes fall-96 { 49.631% { transform: translate(34.4404vw, 49.631vh) scale(.5832) } to { transform: translate(33.03425vw, 100vh) scale(.5832) }}.event.event_ch .snow_box .snow:nth-child(97) { opacity: .9391; transform: translate(27.4021vw, -10px) scale(.1464); -webkit-animation: fall-97 22s linear -8s infinite; animation: fall-97 22s linear -8s infinite}@-webkit-keyframes fall-97 { 36.811% { transform: translate(27.8237vw, 36.811vh) scale(.1464) } to { transform: translate(27.6129vw, 100vh) scale(.1464) }}@keyframes fall-97 { 36.811% { transform: translate(27.8237vw, 36.811vh) scale(.1464) } to { transform: translate(27.6129vw, 100vh) scale(.1464) }}.event.event_ch .snow_box .snow:nth-child(98) { opacity: .9244; transform: translate(28.0967vw, -10px) scale(.0974); -webkit-animation: fall-98 17s linear -22s infinite; animation: fall-98 17s linear -22s infinite}@-webkit-keyframes fall-98 { 70.107% { transform: translate(35.4676vw, 70.107vh) scale(.0974) } to { transform: translate(31.78215vw, 100vh) scale(.0974) }}@keyframes fall-98 { 70.107% { transform: translate(35.4676vw, 70.107vh) scale(.0974) } to { transform: translate(31.78215vw, 100vh) scale(.0974) }}.event.event_ch .snow_box .snow:nth-child(99) { opacity: .6537; transform: translate(55.4697vw, -10px) scale(.2183); -webkit-animation: fall-99 27s linear -29s infinite; animation: fall-99 27s linear -29s infinite}@-webkit-keyframes fall-99 { 30.749% { transform: translate(62.0602vw, 30.749vh) scale(.2183) } to { transform: translate(58.76495vw, 100vh) scale(.2183) }}@keyframes fall-99 { 30.749% { transform: translate(62.0602vw, 30.749vh) scale(.2183) } to { transform: translate(58.76495vw, 100vh) scale(.2183) }}.event.event_ch .snow_box .snow:nth-child(100) { opacity: .2089; transform: translate(91.5534vw, -10px) scale(.5402); -webkit-animation: fall-100 14s linear -18s infinite; animation: fall-100 14s linear -18s infinite}@-webkit-keyframes fall-100 { 38.592% { transform: translate(82.2233vw, 38.592vh) scale(.5402) } to { transform: translate(86.88835vw, 100vh) scale(.5402) }}@keyframes fall-100 { 38.592% { transform: translate(82.2233vw, 38.592vh) scale(.5402) } to { transform: translate(86.88835vw, 100vh) scale(.5402) }}.event.event_ch .snow_box .snow:nth-child(101) { opacity: .6841; transform: translate(23.958vw, -10px) scale(.6252); -webkit-animation: fall-101 28s linear -28s infinite; animation: fall-101 28s linear -28s infinite}@-webkit-keyframes fall-101 { 46.182% { transform: translate(25.4613vw, 46.182vh) scale(.6252) } to { transform: translate(24.70965vw, 100vh) scale(.6252) }}@keyframes fall-101 { 46.182% { transform: translate(25.4613vw, 46.182vh) scale(.6252) } to { transform: translate(24.70965vw, 100vh) scale(.6252) }}.event.event_ch .snow_box .snow:nth-child(102) { opacity: .1723; transform: translate(19.6708vw, -10px) scale(.8498); -webkit-animation: fall-102 10s linear -30s infinite; animation: fall-102 10s linear -30s infinite}@-webkit-keyframes fall-102 { 37.733% { transform: translate(25.8232vw, 37.733vh) scale(.8498) } to { transform: translate(22.747vw, 100vh) scale(.8498) }}@keyframes fall-102 { 37.733% { transform: translate(25.8232vw, 37.733vh) scale(.8498) } to { transform: translate(22.747vw, 100vh) scale(.8498) }}.event.event_ch .snow_box .snow:nth-child(103) { opacity: .8671; transform: translate(57.9223vw, -10px) scale(.3571); -webkit-animation: fall-103 20s linear -2s infinite; animation: fall-103 20s linear -2s infinite}@-webkit-keyframes fall-103 { 54.404% { transform: translate(59.5746vw, 54.404vh) scale(.3571) } to { transform: translate(58.74845vw, 100vh) scale(.3571) }}@keyframes fall-103 { 54.404% { transform: translate(59.5746vw, 54.404vh) scale(.3571) } to { transform: translate(58.74845vw, 100vh) scale(.3571) }}.event.event_ch .snow_box .snow:nth-child(104) { opacity: .9069; transform: translate(38.4372vw, -10px) scale(.4742); -webkit-animation: fall-104 17s linear -2s infinite; animation: fall-104 17s linear -2s infinite}@-webkit-keyframes fall-104 { 71.027% { transform: translate(46.9406vw, 71.027vh) scale(.4742) } to { transform: translate(42.6889vw, 100vh) scale(.4742) }}@keyframes fall-104 { 71.027% { transform: translate(46.9406vw, 71.027vh) scale(.4742) } to { transform: translate(42.6889vw, 100vh) scale(.4742) }}.event.event_ch .snow_box .snow:nth-child(105) { opacity: .7027; transform: translate(8.934vw, -10px) scale(.0587); -webkit-animation: fall-105 26s linear -7s infinite; animation: fall-105 26s linear -7s infinite}@-webkit-keyframes fall-105 { 30.037% { transform: translate(3.7117vw, 30.037vh) scale(.0587) } to { transform: translate(6.32285vw, 100vh) scale(.0587) }}@keyframes fall-105 { 30.037% { transform: translate(3.7117vw, 30.037vh) scale(.0587) } to { transform: translate(6.32285vw, 100vh) scale(.0587) }}.event.event_ch .snow_box .snow:nth-child(106) { opacity: .145; transform: translate(13.115vw, -10px) scale(.0099); -webkit-animation: fall-106 22s linear -9s infinite; animation: fall-106 22s linear -9s infinite}@-webkit-keyframes fall-106 { 36.475% { transform: translate(9.4418vw, 36.475vh) scale(.0099) } to { transform: translate(11.2784vw, 100vh) scale(.0099) }}@keyframes fall-106 { 36.475% { transform: translate(9.4418vw, 36.475vh) scale(.0099) } to { transform: translate(11.2784vw, 100vh) scale(.0099) }}.event.event_ch .snow_box .snow:nth-child(107) { opacity: .4497; transform: translate(.9418vw, -10px) scale(.6676); -webkit-animation: fall-107 18s linear -12s infinite; animation: fall-107 18s linear -12s infinite}@-webkit-keyframes fall-107 { 77.982% { transform: translate(3.4439vw, 77.982vh) scale(.6676) } to { transform: translate(2.19285vw, 100vh) scale(.6676) }}@keyframes fall-107 { 77.982% { transform: translate(3.4439vw, 77.982vh) scale(.6676) } to { transform: translate(2.19285vw, 100vh) scale(.6676) }}.event.event_ch .snow_box .snow:nth-child(108) { opacity: .0022; transform: translate(7.5445vw, -10px) scale(.5409); -webkit-animation: fall-108 26s linear -22s infinite; animation: fall-108 26s linear -22s infinite}@-webkit-keyframes fall-108 { 68.695% { transform: translate(6.7793vw, 68.695vh) scale(.5409) } to { transform: translate(7.1619vw, 100vh) scale(.5409) }}@keyframes fall-108 { 68.695% { transform: translate(6.7793vw, 68.695vh) scale(.5409) } to { transform: translate(7.1619vw, 100vh) scale(.5409) }}.event.event_ch .snow_box .snow:nth-child(109) { opacity: .1025; transform: translate(36.7263vw, -10px) scale(.0223); -webkit-animation: fall-109 21s linear -15s infinite; animation: fall-109 21s linear -15s infinite}@-webkit-keyframes fall-109 { 61.973% { transform: translate(30.8253vw, 61.973vh) scale(.0223) } to { transform: translate(33.7758vw, 100vh) scale(.0223) }}@keyframes fall-109 { 61.973% { transform: translate(30.8253vw, 61.973vh) scale(.0223) } to { transform: translate(33.7758vw, 100vh) scale(.0223) }}.event.event_ch .snow_box .snow:nth-child(110) { opacity: .3029; transform: translate(85.0394vw, -10px) scale(.9993); -webkit-animation: fall-110 13s linear -23s infinite; animation: fall-110 13s linear -23s infinite}@-webkit-keyframes fall-110 { 34.132% { transform: translate(91.3871vw, 34.132vh) scale(.9993) } to { transform: translate(88.21325vw, 100vh) scale(.9993) }}@keyframes fall-110 { 34.132% { transform: translate(91.3871vw, 34.132vh) scale(.9993) } to { transform: translate(88.21325vw, 100vh) scale(.9993) }}.event.event_ch .snow_box .snow:nth-child(111) { opacity: .2728; transform: translate(85.2069vw, -10px) scale(.5514); -webkit-animation: fall-111 30s linear -11s infinite; animation: fall-111 30s linear -11s infinite}@-webkit-keyframes fall-111 { 74.039% { transform: translate(91.5338vw, 74.039vh) scale(.5514) } to { transform: translate(88.37035vw, 100vh) scale(.5514) }}@keyframes fall-111 { 74.039% { transform: translate(91.5338vw, 74.039vh) scale(.5514) } to { transform: translate(88.37035vw, 100vh) scale(.5514) }}.event.event_ch .snow_box .snow:nth-child(112) { opacity: .1113; transform: translate(77.5623vw, -10px) scale(.4684); -webkit-animation: fall-112 21s linear -1s infinite; animation: fall-112 21s linear -1s infinite}@-webkit-keyframes fall-112 { 67.724% { transform: translate(70.5323vw, 67.724vh) scale(.4684) } to { transform: translate(74.0473vw, 100vh) scale(.4684) }}@keyframes fall-112 { 67.724% { transform: translate(70.5323vw, 67.724vh) scale(.4684) } to { transform: translate(74.0473vw, 100vh) scale(.4684) }}.event.event_ch .snow_box .snow:nth-child(113) { opacity: .1867; transform: translate(35.8395vw, -10px) scale(.8362); -webkit-animation: fall-113 16s linear -5s infinite; animation: fall-113 16s linear -5s infinite}@-webkit-keyframes fall-113 { 72.052% { transform: translate(45.2311vw, 72.052vh) scale(.8362) } to { transform: translate(40.5353vw, 100vh) scale(.8362) }}@keyframes fall-113 { 72.052% { transform: translate(45.2311vw, 72.052vh) scale(.8362) } to { transform: translate(40.5353vw, 100vh) scale(.8362) }}.event.event_ch .snow_box .snow:nth-child(114) { opacity: .1504; transform: translate(32.5571vw, -10px) scale(.3867); -webkit-animation: fall-114 18s linear -2s infinite; animation: fall-114 18s linear -2s infinite}@-webkit-keyframes fall-114 { 57.381% { transform: translate(38.6707vw, 57.381vh) scale(.3867) } to { transform: translate(35.6139vw, 100vh) scale(.3867) }}@keyframes fall-114 { 57.381% { transform: translate(38.6707vw, 57.381vh) scale(.3867) } to { transform: translate(35.6139vw, 100vh) scale(.3867) }}.event.event_ch .snow_box .snow:nth-child(115) { opacity: .5154; transform: translate(64.4025vw, -10px) scale(.7623); -webkit-animation: fall-115 19s linear -29s infinite; animation: fall-115 19s linear -29s infinite}@-webkit-keyframes fall-115 { 57.043% { transform: translate(55.9004vw, 57.043vh) scale(.7623) } to { transform: translate(60.15145vw, 100vh) scale(.7623) }}@keyframes fall-115 { 57.043% { transform: translate(55.9004vw, 57.043vh) scale(.7623) } to { transform: translate(60.15145vw, 100vh) scale(.7623) }}.event.event_ch .snow_box .snow:nth-child(116) { opacity: .7298; transform: translate(59.2675vw, -10px) scale(.0815); -webkit-animation: fall-116 10s linear -29s infinite; animation: fall-116 10s linear -29s infinite}@-webkit-keyframes fall-116 { 62.523% { transform: translate(53.0449vw, 62.523vh) scale(.0815) } to { transform: translate(56.1562vw, 100vh) scale(.0815) }}@keyframes fall-116 { 62.523% { transform: translate(53.0449vw, 62.523vh) scale(.0815) } to { transform: translate(56.1562vw, 100vh) scale(.0815) }}.event.event_ch .snow_box .snow:nth-child(117) { opacity: .1111; transform: translate(10.3916vw, -10px) scale(.0234); -webkit-animation: fall-117 14s linear -7s infinite; animation: fall-117 14s linear -7s infinite}@-webkit-keyframes fall-117 { 70.805% { transform: translate(2.0122vw, 70.805vh) scale(.0234) } to { transform: translate(6.2019vw, 100vh) scale(.0234) }}@keyframes fall-117 { 70.805% { transform: translate(2.0122vw, 70.805vh) scale(.0234) } to { transform: translate(6.2019vw, 100vh) scale(.0234) }}.event.event_ch .snow_box .snow:nth-child(118) { opacity: .2455; transform: translate(41.2069vw, -10px) scale(.2167); -webkit-animation: fall-118 14s linear -23s infinite; animation: fall-118 14s linear -23s infinite}@-webkit-keyframes fall-118 { 43.869% { transform: translate(32.1656vw, 43.869vh) scale(.2167) } to { transform: translate(36.68625vw, 100vh) scale(.2167) }}@keyframes fall-118 { 43.869% { transform: translate(32.1656vw, 43.869vh) scale(.2167) } to { transform: translate(36.68625vw, 100vh) scale(.2167) }}.event.event_ch .snow_box .snow:nth-child(119) { opacity: .7021; transform: translate(3.7551vw, -10px) scale(.115); -webkit-animation: fall-119 12s linear -6s infinite; animation: fall-119 12s linear -6s infinite}@-webkit-keyframes fall-119 { 35.076% { transform: translate(7.8255vw, 35.076vh) scale(.115) } to { transform: translate(5.7903vw, 100vh) scale(.115) }}@keyframes fall-119 { 35.076% { transform: translate(7.8255vw, 35.076vh) scale(.115) } to { transform: translate(5.7903vw, 100vh) scale(.115) }}.event.event_ch .snow_box .snow:nth-child(120) { opacity: .7264; transform: translate(93.7219vw, -10px) scale(.4282); -webkit-animation: fall-120 23s linear -9s infinite; animation: fall-120 23s linear -9s infinite}@-webkit-keyframes fall-120 { 38.737% { transform: translate(92.0561vw, 38.737vh) scale(.4282) } to { transform: translate(92.889vw, 100vh) scale(.4282) }}@keyframes fall-120 { 38.737% { transform: translate(92.0561vw, 38.737vh) scale(.4282) } to { transform: translate(92.889vw, 100vh) scale(.4282) }}.event.event_ch .snow_box .snow:nth-child(121) { opacity: .2878; transform: translate(68.9937vw, -10px) scale(.3735); -webkit-animation: fall-121 22s linear -8s infinite; animation: fall-121 22s linear -8s infinite}@-webkit-keyframes fall-121 { 63.587% { transform: translate(74.3266vw, 63.587vh) scale(.3735) } to { transform: translate(71.66015vw, 100vh) scale(.3735) }}@keyframes fall-121 { 63.587% { transform: translate(74.3266vw, 63.587vh) scale(.3735) } to { transform: translate(71.66015vw, 100vh) scale(.3735) }}.event.event_ch .snow_box .snow:nth-child(122) { opacity: .0538; transform: translate(32.7061vw, -10px) scale(.8306); -webkit-animation: fall-122 28s linear -7s infinite; animation: fall-122 28s linear -7s infinite}@-webkit-keyframes fall-122 { 44.274% { transform: translate(28.769vw, 44.274vh) scale(.8306) } to { transform: translate(30.73755vw, 100vh) scale(.8306) }}@keyframes fall-122 { 44.274% { transform: translate(28.769vw, 44.274vh) scale(.8306) } to { transform: translate(30.73755vw, 100vh) scale(.8306) }}.event.event_ch .snow_box .snow:nth-child(123) { opacity: .3257; transform: translate(70.5974vw, -10px) scale(.6963); -webkit-animation: fall-123 29s linear -29s infinite; animation: fall-123 29s linear -29s infinite}@-webkit-keyframes fall-123 { 38.253% { transform: translate(63.6516vw, 38.253vh) scale(.6963) } to { transform: translate(67.1245vw, 100vh) scale(.6963) }}@keyframes fall-123 { 38.253% { transform: translate(63.6516vw, 38.253vh) scale(.6963) } to { transform: translate(67.1245vw, 100vh) scale(.6963) }}.event.event_ch .snow_box .snow:nth-child(124) { opacity: .1774; transform: translate(70.7307vw, -10px) scale(.7813); -webkit-animation: fall-124 27s linear -30s infinite; animation: fall-124 27s linear -30s infinite}@-webkit-keyframes fall-124 { 34.948% { transform: translate(74.6889vw, 34.948vh) scale(.7813) } to { transform: translate(72.7098vw, 100vh) scale(.7813) }}@keyframes fall-124 { 34.948% { transform: translate(74.6889vw, 34.948vh) scale(.7813) } to { transform: translate(72.7098vw, 100vh) scale(.7813) }}.event.event_ch .snow_box .snow:nth-child(125) { opacity: .3433; transform: translate(41.5565vw, -10px) scale(.1427); -webkit-animation: fall-125 20s linear -8s infinite; animation: fall-125 20s linear -8s infinite}@-webkit-keyframes fall-125 { 34.642% { transform: translate(48.1258vw, 34.642vh) scale(.1427) } to { transform: translate(44.84115vw, 100vh) scale(.1427) }}@keyframes fall-125 { 34.642% { transform: translate(48.1258vw, 34.642vh) scale(.1427) } to { transform: translate(44.84115vw, 100vh) scale(.1427) }}.event.event_ch .snow_box .snow:nth-child(126) { opacity: .9614; transform: translate(9.4068vw, -10px) scale(.9545); -webkit-animation: fall-126 20s linear -5s infinite; animation: fall-126 20s linear -5s infinite}@-webkit-keyframes fall-126 { 67.511% { transform: translate(1.5205vw, 67.511vh) scale(.9545) } to { transform: translate(5.46365vw, 100vh) scale(.9545) }}@keyframes fall-126 { 67.511% { transform: translate(1.5205vw, 67.511vh) scale(.9545) } to { transform: translate(5.46365vw, 100vh) scale(.9545) }}.event.event_ch .snow_box .snow:nth-child(127) { opacity: .2619; transform: translate(37.425vw, -10px) scale(.7925); -webkit-animation: fall-127 29s linear -4s infinite; animation: fall-127 29s linear -4s infinite}@-webkit-keyframes fall-127 { 33.459% { transform: translate(35.4566vw, 33.459vh) scale(.7925) } to { transform: translate(36.4408vw, 100vh) scale(.7925) }}@keyframes fall-127 { 33.459% { transform: translate(35.4566vw, 33.459vh) scale(.7925) } to { transform: translate(36.4408vw, 100vh) scale(.7925) }}.event.event_ch .snow_box .snow:nth-child(128) { opacity: .8224; transform: translate(19.6846vw, -10px) scale(.715); -webkit-animation: fall-128 20s linear -18s infinite; animation: fall-128 20s linear -18s infinite}@-webkit-keyframes fall-128 { 56.922% { transform: translate(19.1942vw, 56.922vh) scale(.715) } to { transform: translate(19.4394vw, 100vh) scale(.715) }}@keyframes fall-128 { 56.922% { transform: translate(19.1942vw, 56.922vh) scale(.715) } to { transform: translate(19.4394vw, 100vh) scale(.715) }}.event.event_ch .snow_box .snow:nth-child(129) { opacity: .5789; transform: translate(88.8677vw, -10px) scale(.7377); -webkit-animation: fall-129 25s linear -3s infinite; animation: fall-129 25s linear -3s infinite}@-webkit-keyframes fall-129 { 48.138% { transform: translate(80.2483vw, 48.138vh) scale(.7377) } to { transform: translate(84.558vw, 100vh) scale(.7377) }}@keyframes fall-129 { 48.138% { transform: translate(80.2483vw, 48.138vh) scale(.7377) } to { transform: translate(84.558vw, 100vh) scale(.7377) }}.event.event_ch .snow_box .snow:nth-child(130) { opacity: .6987; transform: translate(90.5092vw, -10px) scale(.9798); -webkit-animation: fall-130 25s linear -26s infinite; animation: fall-130 25s linear -26s infinite}@-webkit-keyframes fall-130 { 44.56% { transform: translate(97.0991vw, 44.56vh) scale(.9798) } to { transform: translate(93.80415vw, 100vh) scale(.9798) }}@keyframes fall-130 { 44.56% { transform: translate(97.0991vw, 44.56vh) scale(.9798) } to { transform: translate(93.80415vw, 100vh) scale(.9798) }}.event.event_ch .snow_box .snow:nth-child(131) { opacity: .4987; transform: translate(19.4397vw, -10px) scale(.0238); -webkit-animation: fall-131 17s linear -7s infinite; animation: fall-131 17s linear -7s infinite}@-webkit-keyframes fall-131 { 55.938% { transform: translate(22.1479vw, 55.938vh) scale(.0238) } to { transform: translate(20.7938vw, 100vh) scale(.0238) }}@keyframes fall-131 { 55.938% { transform: translate(22.1479vw, 55.938vh) scale(.0238) } to { transform: translate(20.7938vw, 100vh) scale(.0238) }}.event.event_ch .snow_box .snow:nth-child(132) { opacity: .2032; transform: translate(3.5324vw, -10px) scale(.1588); -webkit-animation: fall-132 20s linear -23s infinite; animation: fall-132 20s linear -23s infinite}@-webkit-keyframes fall-132 { 43.638% { transform: translate(5.8701vw, 43.638vh) scale(.1588) } to { transform: translate(4.70125vw, 100vh) scale(.1588) }}@keyframes fall-132 { 43.638% { transform: translate(5.8701vw, 43.638vh) scale(.1588) } to { transform: translate(4.70125vw, 100vh) scale(.1588) }}.event.event_ch .snow_box .snow:nth-child(133) { opacity: .7794; transform: translate(99.7308vw, -10px) scale(.7819); -webkit-animation: fall-133 19s linear -10s infinite; animation: fall-133 19s linear -10s infinite}@-webkit-keyframes fall-133 { 70.082% { transform: translate(101.2767vw, 70.082vh) scale(.7819) } to { transform: translate(100.50375vw, 100vh) scale(.7819) }}@keyframes fall-133 { 70.082% { transform: translate(101.2767vw, 70.082vh) scale(.7819) } to { transform: translate(100.50375vw, 100vh) scale(.7819) }}.event.event_ch .snow_box .snow:nth-child(134) { opacity: .8961; transform: translate(69.093vw, -10px) scale(.7514); -webkit-animation: fall-134 11s linear -23s infinite; animation: fall-134 11s linear -23s infinite}@-webkit-keyframes fall-134 { 34.569% { transform: translate(66.9698vw, 34.569vh) scale(.7514) } to { transform: translate(68.0314vw, 100vh) scale(.7514) }}@keyframes fall-134 { 34.569% { transform: translate(66.9698vw, 34.569vh) scale(.7514) } to { transform: translate(68.0314vw, 100vh) scale(.7514) }}.event.event_ch .snow_box .snow:nth-child(135) { opacity: .6534; transform: translate(93.4092vw, -10px) scale(.6574); -webkit-animation: fall-135 22s linear -17s infinite; animation: fall-135 22s linear -17s infinite}@-webkit-keyframes fall-135 { 73.165% { transform: translate(96.1634vw, 73.165vh) scale(.6574) } to { transform: translate(94.7863vw, 100vh) scale(.6574) }}@keyframes fall-135 { 73.165% { transform: translate(96.1634vw, 73.165vh) scale(.6574) } to { transform: translate(94.7863vw, 100vh) scale(.6574) }}.event.event_ch .snow_box .snow:nth-child(136) { opacity: .3774; transform: translate(50.7187vw, -10px) scale(.2813); -webkit-animation: fall-136 12s linear -13s infinite; animation: fall-136 12s linear -13s infinite}@-webkit-keyframes fall-136 { 37.966% { transform: translate(49.9909vw, 37.966vh) scale(.2813) } to { transform: translate(50.3548vw, 100vh) scale(.2813) }}@keyframes fall-136 { 37.966% { transform: translate(49.9909vw, 37.966vh) scale(.2813) } to { transform: translate(50.3548vw, 100vh) scale(.2813) }}.event.event_ch .snow_box .snow:nth-child(137) { opacity: .9795; transform: translate(24.556vw, -10px) scale(.1277); -webkit-animation: fall-137 25s linear -15s infinite; animation: fall-137 25s linear -15s infinite}@-webkit-keyframes fall-137 { 57.962% { transform: translate(34.1883vw, 57.962vh) scale(.1277) } to { transform: translate(29.37215vw, 100vh) scale(.1277) }}@keyframes fall-137 { 57.962% { transform: translate(34.1883vw, 57.962vh) scale(.1277) } to { transform: translate(29.37215vw, 100vh) scale(.1277) }}.event.event_ch .snow_box .snow:nth-child(138) { opacity: .0534; transform: translate(76.6906vw, -10px) scale(.7104); -webkit-animation: fall-138 28s linear -10s infinite; animation: fall-138 28s linear -10s infinite}@-webkit-keyframes fall-138 { 70.786% { transform: translate(83.0351vw, 70.786vh) scale(.7104) } to { transform: translate(79.86285vw, 100vh) scale(.7104) }}@keyframes fall-138 { 70.786% { transform: translate(83.0351vw, 70.786vh) scale(.7104) } to { transform: translate(79.86285vw, 100vh) scale(.7104) }}.event.event_ch .snow_box .snow:nth-child(139) { opacity: .1006; transform: translate(56.9899vw, -10px) scale(.6037); -webkit-animation: fall-139 16s linear -21s infinite; animation: fall-139 16s linear -21s infinite}@-webkit-keyframes fall-139 { 62.877% { transform: translate(64.5872vw, 62.877vh) scale(.6037) } to { transform: translate(60.78855vw, 100vh) scale(.6037) }}@keyframes fall-139 { 62.877% { transform: translate(64.5872vw, 62.877vh) scale(.6037) } to { transform: translate(60.78855vw, 100vh) scale(.6037) }}.event.event_ch .snow_box .snow:nth-child(140) { opacity: .1721; transform: translate(53.4984vw, -10px) scale(.9924); -webkit-animation: fall-140 25s linear -23s infinite; animation: fall-140 25s linear -23s infinite}@-webkit-keyframes fall-140 { 31.533% { transform: translate(44.9953vw, 31.533vh) scale(.9924) } to { transform: translate(49.24685vw, 100vh) scale(.9924) }}@keyframes fall-140 { 31.533% { transform: translate(44.9953vw, 31.533vh) scale(.9924) } to { transform: translate(49.24685vw, 100vh) scale(.9924) }}.event.event_ch .snow_box .snow:nth-child(141) { opacity: .601; transform: translate(28.812vw, -10px) scale(.3356); -webkit-animation: fall-141 10s linear -24s infinite; animation: fall-141 10s linear -24s infinite}@-webkit-keyframes fall-141 { 52.608% { transform: translate(33.4519vw, 52.608vh) scale(.3356) } to { transform: translate(31.13195vw, 100vh) scale(.3356) }}@keyframes fall-141 { 52.608% { transform: translate(33.4519vw, 52.608vh) scale(.3356) } to { transform: translate(31.13195vw, 100vh) scale(.3356) }}.event.event_ch .snow_box .snow:nth-child(142) { opacity: .5417; transform: translate(5.966vw, -10px) scale(.767); -webkit-animation: fall-142 27s linear -8s infinite; animation: fall-142 27s linear -8s infinite}@-webkit-keyframes fall-142 { 35.302% { transform: translate(11.2432vw, 35.302vh) scale(.767) } to { transform: translate(8.6046vw, 100vh) scale(.767) }}@keyframes fall-142 { 35.302% { transform: translate(11.2432vw, 35.302vh) scale(.767) } to { transform: translate(8.6046vw, 100vh) scale(.767) }}.event.event_ch .snow_box .snow:nth-child(143) { opacity: .6059; transform: translate(22.9962vw, -10px) scale(.1576); -webkit-animation: fall-143 19s linear -17s infinite; animation: fall-143 19s linear -17s infinite}@-webkit-keyframes fall-143 { 34.805% { transform: translate(23.7191vw, 34.805vh) scale(.1576) } to { transform: translate(23.35765vw, 100vh) scale(.1576) }}@keyframes fall-143 { 34.805% { transform: translate(23.7191vw, 34.805vh) scale(.1576) } to { transform: translate(23.35765vw, 100vh) scale(.1576) }}.event.event_ch .snow_box .snow:nth-child(144) { opacity: .8924; transform: translate(61.224vw, -10px) scale(.6383); -webkit-animation: fall-144 25s linear -12s infinite; animation: fall-144 25s linear -12s infinite}@-webkit-keyframes fall-144 { 35.559% { transform: translate(59.0733vw, 35.559vh) scale(.6383) } to { transform: translate(60.14865vw, 100vh) scale(.6383) }}@keyframes fall-144 { 35.559% { transform: translate(59.0733vw, 35.559vh) scale(.6383) } to { transform: translate(60.14865vw, 100vh) scale(.6383) }}.event.event_ch .snow_box .snow:nth-child(145) { opacity: .2967; transform: translate(68.7474vw, -10px) scale(.2777); -webkit-animation: fall-145 22s linear -29s infinite; animation: fall-145 22s linear -29s infinite}@-webkit-keyframes fall-145 { 67.029% { transform: translate(78.6961vw, 67.029vh) scale(.2777) } to { transform: translate(73.72175vw, 100vh) scale(.2777) }}@keyframes fall-145 { 67.029% { transform: translate(78.6961vw, 67.029vh) scale(.2777) } to { transform: translate(73.72175vw, 100vh) scale(.2777) }}.event.event_ch .snow_box .snow:nth-child(146) { opacity: .9099; transform: translate(58.3356vw, -10px) scale(.9226); -webkit-animation: fall-146 29s linear -29s infinite; animation: fall-146 29s linear -29s infinite}@-webkit-keyframes fall-146 { 30.542% { transform: translate(49.6412vw, 30.542vh) scale(.9226) } to { transform: translate(53.9884vw, 100vh) scale(.9226) }}@keyframes fall-146 { 30.542% { transform: translate(49.6412vw, 30.542vh) scale(.9226) } to { transform: translate(53.9884vw, 100vh) scale(.9226) }}.event.event_ch .snow_box .snow:nth-child(147) { opacity: .9907; transform: translate(90.9868vw, -10px) scale(.5575); -webkit-animation: fall-147 15s linear -30s infinite; animation: fall-147 15s linear -30s infinite}@-webkit-keyframes fall-147 { 55.852% { transform: translate(83.7359vw, 55.852vh) scale(.5575) } to { transform: translate(87.36135vw, 100vh) scale(.5575) }}@keyframes fall-147 { 55.852% { transform: translate(83.7359vw, 55.852vh) scale(.5575) } to { transform: translate(87.36135vw, 100vh) scale(.5575) }}.event.event_ch .snow_box .snow:nth-child(148) { opacity: .7347; transform: translate(28.0638vw, -10px) scale(.7588); -webkit-animation: fall-148 26s linear -11s infinite; animation: fall-148 26s linear -11s infinite}@-webkit-keyframes fall-148 { 66.489% { transform: translate(27.8542vw, 66.489vh) scale(.7588) } to { transform: translate(27.959vw, 100vh) scale(.7588) }}@keyframes fall-148 { 66.489% { transform: translate(27.8542vw, 66.489vh) scale(.7588) } to { transform: translate(27.959vw, 100vh) scale(.7588) }}.event.event_ch .snow_box .snow:nth-child(149) { opacity: .0712; transform: translate(9.9527vw, -10px) scale(.3607); -webkit-animation: fall-149 23s linear -13s infinite; animation: fall-149 23s linear -13s infinite}@-webkit-keyframes fall-149 { 39.086% { transform: translate(13.0137vw, 39.086vh) scale(.3607) } to { transform: translate(11.4832vw, 100vh) scale(.3607) }}@keyframes fall-149 { 39.086% { transform: translate(13.0137vw, 39.086vh) scale(.3607) } to { transform: translate(11.4832vw, 100vh) scale(.3607) }}.event.event_ch .snow_box .snow:nth-child(150) { opacity: .7537; transform: translate(9.5417vw, -10px) scale(.337); -webkit-animation: fall-150 30s linear -13s infinite; animation: fall-150 30s linear -13s infinite}@-webkit-keyframes fall-150 { 44.304% { transform: translate(8.9645vw, 44.304vh) scale(.337) } to { transform: translate(9.2531vw, 100vh) scale(.337) }}@keyframes fall-150 { 44.304% { transform: translate(8.9645vw, 44.304vh) scale(.337) } to { transform: translate(9.2531vw, 100vh) scale(.337) }}.event.event_ch .snow_box .snow:nth-child(151) { opacity: .0251; transform: translate(19.5165vw, -10px) scale(.2729); -webkit-animation: fall-151 29s linear -16s infinite; animation: fall-151 29s linear -16s infinite}@-webkit-keyframes fall-151 { 72.217% { transform: translate(17.6642vw, 72.217vh) scale(.2729) } to { transform: translate(18.59035vw, 100vh) scale(.2729) }}@keyframes fall-151 { 72.217% { transform: translate(17.6642vw, 72.217vh) scale(.2729) } to { transform: translate(18.59035vw, 100vh) scale(.2729) }}.event.event_ch .snow_box .snow:nth-child(152) { opacity: .1875; transform: translate(18.2159vw, -10px) scale(.378); -webkit-animation: fall-152 28s linear -5s infinite; animation: fall-152 28s linear -5s infinite}@-webkit-keyframes fall-152 { 49.669% { transform: translate(21.3941vw, 49.669vh) scale(.378) } to { transform: translate(19.805vw, 100vh) scale(.378) }}@keyframes fall-152 { 49.669% { transform: translate(21.3941vw, 49.669vh) scale(.378) } to { transform: translate(19.805vw, 100vh) scale(.378) }}.event.event_ch .snow_box .snow:nth-child(153) { opacity: .5548; transform: translate(70.452vw, -10px) scale(.368); -webkit-animation: fall-153 18s linear -28s infinite; animation: fall-153 18s linear -28s infinite}@-webkit-keyframes fall-153 { 78.9% { transform: translate(64.2963vw, 78.9vh) scale(.368) } to { transform: translate(67.37415vw, 100vh) scale(.368) }}@keyframes fall-153 { 78.9% { transform: translate(64.2963vw, 78.9vh) scale(.368) } to { transform: translate(67.37415vw, 100vh) scale(.368) }}.event.event_ch .snow_box .snow:nth-child(154) { opacity: .2508; transform: translate(6.0546vw, -10px) scale(.1786); -webkit-animation: fall-154 25s linear -16s infinite; animation: fall-154 25s linear -16s infinite}@-webkit-keyframes fall-154 { 61.857% { transform: translate(-1.7061vw, 61.857vh) scale(.1786) } to { transform: translate(2.17425vw, 100vh) scale(.1786) }}@keyframes fall-154 { 61.857% { transform: translate(-1.7061vw, 61.857vh) scale(.1786) } to { transform: translate(2.17425vw, 100vh) scale(.1786) }}.event.event_ch .snow_box .snow:nth-child(155) { opacity: .576; transform: translate(47.0505vw, -10px) scale(.5635); -webkit-animation: fall-155 24s linear -12s infinite; animation: fall-155 24s linear -12s infinite}@-webkit-keyframes fall-155 { 50.195% { transform: translate(48.0436vw, 50.195vh) scale(.5635) } to { transform: translate(47.54705vw, 100vh) scale(.5635) }}@keyframes fall-155 { 50.195% { transform: translate(48.0436vw, 50.195vh) scale(.5635) } to { transform: translate(47.54705vw, 100vh) scale(.5635) }}.event.event_ch .snow_box .snow:nth-child(156) { opacity: .6666; transform: translate(62.332vw, -10px) scale(.9323); -webkit-animation: fall-156 22s linear -10s infinite; animation: fall-156 22s linear -10s infinite}@-webkit-keyframes fall-156 { 50.032% { transform: translate(59.5036vw, 50.032vh) scale(.9323) } to { transform: translate(60.9178vw, 100vh) scale(.9323) }}@keyframes fall-156 { 50.032% { transform: translate(59.5036vw, 50.032vh) scale(.9323) } to { transform: translate(60.9178vw, 100vh) scale(.9323) }}.event.event_ch .snow_box .snow:nth-child(157) { opacity: .1929; transform: translate(86.9899vw, -10px) scale(.4378); -webkit-animation: fall-157 19s linear -2s infinite; animation: fall-157 19s linear -2s infinite}@-webkit-keyframes fall-157 { 39.611% { transform: translate(77.4452vw, 39.611vh) scale(.4378) } to { transform: translate(82.21755vw, 100vh) scale(.4378) }}@keyframes fall-157 { 39.611% { transform: translate(77.4452vw, 39.611vh) scale(.4378) } to { transform: translate(82.21755vw, 100vh) scale(.4378) }}.event.event_ch .snow_box .snow:nth-child(158) { opacity: .2587; transform: translate(63.2811vw, -10px) scale(.0164); -webkit-animation: fall-158 18s linear -7s infinite; animation: fall-158 18s linear -7s infinite}@-webkit-keyframes fall-158 { 77.874% { transform: translate(65.766vw, 77.874vh) scale(.0164) } to { transform: translate(64.52355vw, 100vh) scale(.0164) }}@keyframes fall-158 { 77.874% { transform: translate(65.766vw, 77.874vh) scale(.0164) } to { transform: translate(64.52355vw, 100vh) scale(.0164) }}.event.event_ch .snow_box .snow:nth-child(159) { opacity: .0554; transform: translate(99.1128vw, -10px) scale(.638); -webkit-animation: fall-159 17s linear -29s infinite; animation: fall-159 17s linear -29s infinite}@-webkit-keyframes fall-159 { 55.532% { transform: translate(90.2808vw, 55.532vh) scale(.638) } to { transform: translate(94.6968vw, 100vh) scale(.638) }}@keyframes fall-159 { 55.532% { transform: translate(90.2808vw, 55.532vh) scale(.638) } to { transform: translate(94.6968vw, 100vh) scale(.638) }}.event.event_ch .snow_box .snow:nth-child(160) { opacity: .8321; transform: translate(88.6176vw, -10px) scale(.1183); -webkit-animation: fall-160 16s linear -6s infinite; animation: fall-160 16s linear -6s infinite}@-webkit-keyframes fall-160 { 31.673% { transform: translate(93.3293vw, 31.673vh) scale(.1183) } to { transform: translate(90.97345vw, 100vh) scale(.1183) }}@keyframes fall-160 { 31.673% { transform: translate(93.3293vw, 31.673vh) scale(.1183) } to { transform: translate(90.97345vw, 100vh) scale(.1183) }}.event.event_ch .snow_box .snow:nth-child(161) { opacity: .5213; transform: translate(55.8448vw, -10px) scale(.4406); -webkit-animation: fall-161 20s linear -16s infinite; animation: fall-161 20s linear -16s infinite}@-webkit-keyframes fall-161 { 59.736% { transform: translate(57.4869vw, 59.736vh) scale(.4406) } to { transform: translate(56.66585vw, 100vh) scale(.4406) }}@keyframes fall-161 { 59.736% { transform: translate(57.4869vw, 59.736vh) scale(.4406) } to { transform: translate(56.66585vw, 100vh) scale(.4406) }}.event.event_ch .snow_box .snow:nth-child(162) { opacity: .8255; transform: translate(68.8885vw, -10px) scale(.3715); -webkit-animation: fall-162 10s linear -29s infinite; animation: fall-162 10s linear -29s infinite}@-webkit-keyframes fall-162 { 58.742% { transform: translate(64.6465vw, 58.742vh) scale(.3715) } to { transform: translate(66.7675vw, 100vh) scale(.3715) }}@keyframes fall-162 { 58.742% { transform: translate(64.6465vw, 58.742vh) scale(.3715) } to { transform: translate(66.7675vw, 100vh) scale(.3715) }}.event.event_ch .snow_box .snow:nth-child(163) { opacity: .5272; transform: translate(93.0301vw, -10px) scale(.2479); -webkit-animation: fall-163 20s linear -7s infinite; animation: fall-163 20s linear -7s infinite}@-webkit-keyframes fall-163 { 59.884% { transform: translate(93.1915vw, 59.884vh) scale(.2479) } to { transform: translate(93.1108vw, 100vh) scale(.2479) }}@keyframes fall-163 { 59.884% { transform: translate(93.1915vw, 59.884vh) scale(.2479) } to { transform: translate(93.1108vw, 100vh) scale(.2479) }}.event.event_ch .snow_box .snow:nth-child(164) { opacity: .2585; transform: translate(88.0361vw, -10px) scale(.8751); -webkit-animation: fall-164 26s linear -18s infinite; animation: fall-164 26s linear -18s infinite}@-webkit-keyframes fall-164 { 73.808% { transform: translate(92.9391vw, 73.808vh) scale(.8751) } to { transform: translate(90.4876vw, 100vh) scale(.8751) }}@keyframes fall-164 { 73.808% { transform: translate(92.9391vw, 73.808vh) scale(.8751) } to { transform: translate(90.4876vw, 100vh) scale(.8751) }}.event.event_ch .snow_box .snow:nth-child(165) { opacity: .3569; transform: translate(98.2126vw, -10px) scale(.5205); -webkit-animation: fall-165 11s linear -21s infinite; animation: fall-165 11s linear -21s infinite}@-webkit-keyframes fall-165 { 55.854% { transform: translate(99.1445vw, 55.854vh) scale(.5205) } to { transform: translate(98.67855vw, 100vh) scale(.5205) }}@keyframes fall-165 { 55.854% { transform: translate(99.1445vw, 55.854vh) scale(.5205) } to { transform: translate(98.67855vw, 100vh) scale(.5205) }}.event.event_ch .snow_box .snow:nth-child(166) { opacity: .9671; transform: translate(69.5763vw, -10px) scale(.6228); -webkit-animation: fall-166 16s linear -16s infinite; animation: fall-166 16s linear -16s infinite}@-webkit-keyframes fall-166 { 55.406% { transform: translate(76.4329vw, 55.406vh) scale(.6228) } to { transform: translate(73.0046vw, 100vh) scale(.6228) }}@keyframes fall-166 { 55.406% { transform: translate(76.4329vw, 55.406vh) scale(.6228) } to { transform: translate(73.0046vw, 100vh) scale(.6228) }}.event.event_ch .snow_box .snow:nth-child(167) { opacity: .6608; transform: translate(5.3071vw, -10px) scale(.4943); -webkit-animation: fall-167 22s linear -28s infinite; animation: fall-167 22s linear -28s infinite}@-webkit-keyframes fall-167 { 32.149% { transform: translate(3.7544vw, 32.149vh) scale(.4943) } to { transform: translate(4.53075vw, 100vh) scale(.4943) }}@keyframes fall-167 { 32.149% { transform: translate(3.7544vw, 32.149vh) scale(.4943) } to { transform: translate(4.53075vw, 100vh) scale(.4943) }}.event.event_ch .snow_box .snow:nth-child(168) { opacity: .8342; transform: translate(20.1256vw, -10px) scale(.6272); -webkit-animation: fall-168 19s linear -8s infinite; animation: fall-168 19s linear -8s infinite}@-webkit-keyframes fall-168 { 69.148% { transform: translate(21.8501vw, 69.148vh) scale(.6272) } to { transform: translate(20.98785vw, 100vh) scale(.6272) }}@keyframes fall-168 { 69.148% { transform: translate(21.8501vw, 69.148vh) scale(.6272) } to { transform: translate(20.98785vw, 100vh) scale(.6272) }}.event.event_ch .snow_box .snow:nth-child(169) { opacity: .9431; transform: translate(3.0183vw, -10px) scale(.7438); -webkit-animation: fall-169 26s linear -2s infinite; animation: fall-169 26s linear -2s infinite}@-webkit-keyframes fall-169 { 56.729% { transform: translate(-.3544vw, 56.729vh) scale(.7438) } to { transform: translate(1.33195vw, 100vh) scale(.7438) }}@keyframes fall-169 { 56.729% { transform: translate(-.3544vw, 56.729vh) scale(.7438) } to { transform: translate(1.33195vw, 100vh) scale(.7438) }}.event.event_ch .snow_box .snow:nth-child(170) { opacity: .2809; transform: translate(83.1169vw, -10px) scale(.6771); -webkit-animation: fall-170 19s linear -18s infinite; animation: fall-170 19s linear -18s infinite}@-webkit-keyframes fall-170 { 31.549% { transform: translate(84.4035vw, 31.549vh) scale(.6771) } to { transform: translate(83.7602vw, 100vh) scale(.6771) }}@keyframes fall-170 { 31.549% { transform: translate(84.4035vw, 31.549vh) scale(.6771) } to { transform: translate(83.7602vw, 100vh) scale(.6771) }}.event.event_ch .snow_box .snow:nth-child(171) { opacity: .3952; transform: translate(45.0329vw, -10px) scale(.2206); -webkit-animation: fall-171 26s linear -22s infinite; animation: fall-171 26s linear -22s infinite}@-webkit-keyframes fall-171 { 32.983% { transform: translate(45.2762vw, 32.983vh) scale(.2206) } to { transform: translate(45.15455vw, 100vh) scale(.2206) }}@keyframes fall-171 { 32.983% { transform: translate(45.2762vw, 32.983vh) scale(.2206) } to { transform: translate(45.15455vw, 100vh) scale(.2206) }}.event.event_ch .snow_box .snow:nth-child(172) { opacity: .7726; transform: translate(29.0488vw, -10px) scale(.7206); -webkit-animation: fall-172 16s linear -12s infinite; animation: fall-172 16s linear -12s infinite}@-webkit-keyframes fall-172 { 38.59% { transform: translate(34.1906vw, 38.59vh) scale(.7206) } to { transform: translate(31.6197vw, 100vh) scale(.7206) }}@keyframes fall-172 { 38.59% { transform: translate(34.1906vw, 38.59vh) scale(.7206) } to { transform: translate(31.6197vw, 100vh) scale(.7206) }}.event.event_ch .snow_box .snow:nth-child(173) { opacity: .1266; transform: translate(10.6356vw, -10px) scale(.076); -webkit-animation: fall-173 21s linear -15s infinite; animation: fall-173 21s linear -15s infinite}@-webkit-keyframes fall-173 { 30.629% { transform: translate(3.4351vw, 30.629vh) scale(.076) } to { transform: translate(7.03535vw, 100vh) scale(.076) }}@keyframes fall-173 { 30.629% { transform: translate(3.4351vw, 30.629vh) scale(.076) } to { transform: translate(7.03535vw, 100vh) scale(.076) }}.event.event_ch .snow_box .snow:nth-child(174) { opacity: .5453; transform: translate(37.3655vw, -10px) scale(.4824); -webkit-animation: fall-174 25s linear -7s infinite; animation: fall-174 25s linear -7s infinite}@-webkit-keyframes fall-174 { 53.652% { transform: translate(32.6708vw, 53.652vh) scale(.4824) } to { transform: translate(35.01815vw, 100vh) scale(.4824) }}@keyframes fall-174 { 53.652% { transform: translate(32.6708vw, 53.652vh) scale(.4824) } to { transform: translate(35.01815vw, 100vh) scale(.4824) }}.event.event_ch .snow_box .snow:nth-child(175) { opacity: .1804; transform: translate(62.2657vw, -10px) scale(.4952); -webkit-animation: fall-175 29s linear -23s infinite; animation: fall-175 29s linear -23s infinite}@-webkit-keyframes fall-175 { 46.727% { transform: translate(70.9541vw, 46.727vh) scale(.4952) } to { transform: translate(66.6099vw, 100vh) scale(.4952) }}@keyframes fall-175 { 46.727% { transform: translate(70.9541vw, 46.727vh) scale(.4952) } to { transform: translate(66.6099vw, 100vh) scale(.4952) }}.event.event_ch .snow_box .snow:nth-child(176) { opacity: .6117; transform: translate(32.709vw, -10px) scale(.9684); -webkit-animation: fall-176 16s linear -22s infinite; animation: fall-176 16s linear -22s infinite}@-webkit-keyframes fall-176 { 61.693% { transform: translate(35.9558vw, 61.693vh) scale(.9684) } to { transform: translate(34.3324vw, 100vh) scale(.9684) }}@keyframes fall-176 { 61.693% { transform: translate(35.9558vw, 61.693vh) scale(.9684) } to { transform: translate(34.3324vw, 100vh) scale(.9684) }}.event.event_ch .snow_box .snow:nth-child(177) { opacity: .2129; transform: translate(96.5039vw, -10px) scale(.931); -webkit-animation: fall-177 10s linear -24s infinite; animation: fall-177 10s linear -24s infinite}@-webkit-keyframes fall-177 { 79.381% { transform: translate(90.8069vw, 79.381vh) scale(.931) } to { transform: translate(93.6554vw, 100vh) scale(.931) }}@keyframes fall-177 { 79.381% { transform: translate(90.8069vw, 79.381vh) scale(.931) } to { transform: translate(93.6554vw, 100vh) scale(.931) }}.event.event_ch .snow_box .snow:nth-child(178) { opacity: .1736; transform: translate(86.9601vw, -10px) scale(.2904); -webkit-animation: fall-178 17s linear -18s infinite; animation: fall-178 17s linear -18s infinite}@-webkit-keyframes fall-178 { 73.363% { transform: translate(88.3121vw, 73.363vh) scale(.2904) } to { transform: translate(87.6361vw, 100vh) scale(.2904) }}@keyframes fall-178 { 73.363% { transform: translate(88.3121vw, 73.363vh) scale(.2904) } to { transform: translate(87.6361vw, 100vh) scale(.2904) }}.event.event_ch .snow_box .snow:nth-child(179) { opacity: .8705; transform: translate(23.6547vw, -10px) scale(.2054); -webkit-animation: fall-179 17s linear -13s infinite; animation: fall-179 17s linear -13s infinite}@-webkit-keyframes fall-179 { 49.114% { transform: translate(14.344vw, 49.114vh) scale(.2054) } to { transform: translate(18.99935vw, 100vh) scale(.2054) }}@keyframes fall-179 { 49.114% { transform: translate(14.344vw, 49.114vh) scale(.2054) } to { transform: translate(18.99935vw, 100vh) scale(.2054) }}.event.event_ch .snow_box .snow:nth-child(180) { opacity: .4703; transform: translate(40.4861vw, -10px) scale(.8557); -webkit-animation: fall-180 25s linear -26s infinite; animation: fall-180 25s linear -26s infinite}@-webkit-keyframes fall-180 { 63.267% { transform: translate(35.7821vw, 63.267vh) scale(.8557) } to { transform: translate(38.1341vw, 100vh) scale(.8557) }}@keyframes fall-180 { 63.267% { transform: translate(35.7821vw, 63.267vh) scale(.8557) } to { transform: translate(38.1341vw, 100vh) scale(.8557) }}.event.event_ch .snow_box .snow:nth-child(181) { opacity: .4184; transform: translate(9.019vw, -10px) scale(.1144); -webkit-animation: fall-181 20s linear -23s infinite; animation: fall-181 20s linear -23s infinite}@-webkit-keyframes fall-181 { 64.048% { transform: translate(.1467vw, 64.048vh) scale(.1144) } to { transform: translate(4.58285vw, 100vh) scale(.1144) }}@keyframes fall-181 { 64.048% { transform: translate(.1467vw, 64.048vh) scale(.1144) } to { transform: translate(4.58285vw, 100vh) scale(.1144) }}.event.event_ch .snow_box .snow:nth-child(182) { opacity: .6904; transform: translate(90.1011vw, -10px) scale(.8792); -webkit-animation: fall-182 12s linear -18s infinite; animation: fall-182 12s linear -18s infinite}@-webkit-keyframes fall-182 { 52.779% { transform: translate(86.666vw, 52.779vh) scale(.8792) } to { transform: translate(88.38355vw, 100vh) scale(.8792) }}@keyframes fall-182 { 52.779% { transform: translate(86.666vw, 52.779vh) scale(.8792) } to { transform: translate(88.38355vw, 100vh) scale(.8792) }}.event.event_ch .snow_box .snow:nth-child(183) { opacity: .5048; transform: translate(52.3844vw, -10px) scale(.7228); -webkit-animation: fall-183 20s linear -28s infinite; animation: fall-183 20s linear -28s infinite}@-webkit-keyframes fall-183 { 56.002% { transform: translate(60.9269vw, 56.002vh) scale(.7228) } to { transform: translate(56.65565vw, 100vh) scale(.7228) }}@keyframes fall-183 { 56.002% { transform: translate(60.9269vw, 56.002vh) scale(.7228) } to { transform: translate(56.65565vw, 100vh) scale(.7228) }}.event.event_ch .snow_box .snow:nth-child(184) { opacity: .0328; transform: translate(81.6708vw, -10px) scale(.1137); -webkit-animation: fall-184 17s linear -17s infinite; animation: fall-184 17s linear -17s infinite}@-webkit-keyframes fall-184 { 44.328% { transform: translate(85.7503vw, 44.328vh) scale(.1137) } to { transform: translate(83.71055vw, 100vh) scale(.1137) }}@keyframes fall-184 { 44.328% { transform: translate(85.7503vw, 44.328vh) scale(.1137) } to { transform: translate(83.71055vw, 100vh) scale(.1137) }}.event.event_ch .snow_box .snow:nth-child(185) { opacity: .6689; transform: translate(43.4413vw, -10px) scale(.9672); -webkit-animation: fall-185 19s linear -26s infinite; animation: fall-185 19s linear -26s infinite}@-webkit-keyframes fall-185 { 47.985% { transform: translate(44.7384vw, 47.985vh) scale(.9672) } to { transform: translate(44.08985vw, 100vh) scale(.9672) }}@keyframes fall-185 { 47.985% { transform: translate(44.7384vw, 47.985vh) scale(.9672) } to { transform: translate(44.08985vw, 100vh) scale(.9672) }}.event.event_ch .snow_box .snow:nth-child(186) { opacity: .4672; transform: translate(28.0998vw, -10px) scale(.1718); -webkit-animation: fall-186 22s linear -23s infinite; animation: fall-186 22s linear -23s infinite}@-webkit-keyframes fall-186 { 70.309% { transform: translate(31.1224vw, 70.309vh) scale(.1718) } to { transform: translate(29.6111vw, 100vh) scale(.1718) }}@keyframes fall-186 { 70.309% { transform: translate(31.1224vw, 70.309vh) scale(.1718) } to { transform: translate(29.6111vw, 100vh) scale(.1718) }}.event.event_ch .snow_box .snow:nth-child(187) { opacity: .375; transform: translate(90.4854vw, -10px) scale(.682); -webkit-animation: fall-187 21s linear -13s infinite; animation: fall-187 21s linear -13s infinite}@-webkit-keyframes fall-187 { 48.827% { transform: translate(94.8371vw, 48.827vh) scale(.682) } to { transform: translate(92.66125vw, 100vh) scale(.682) }}@keyframes fall-187 { 48.827% { transform: translate(94.8371vw, 48.827vh) scale(.682) } to { transform: translate(92.66125vw, 100vh) scale(.682) }}.event.event_ch .snow_box .snow:nth-child(188) { opacity: .9548; transform: translate(91.2858vw, -10px) scale(.1276); -webkit-animation: fall-188 14s linear -25s infinite; animation: fall-188 14s linear -25s infinite}@-webkit-keyframes fall-188 { 65.276% { transform: translate(96.0567vw, 65.276vh) scale(.1276) } to { transform: translate(93.67125vw, 100vh) scale(.1276) }}@keyframes fall-188 { 65.276% { transform: translate(96.0567vw, 65.276vh) scale(.1276) } to { transform: translate(93.67125vw, 100vh) scale(.1276) }}.event.event_ch .snow_box .snow:nth-child(189) { opacity: .7439; transform: translate(8.1838vw, -10px) scale(.628); -webkit-animation: fall-189 15s linear -6s infinite; animation: fall-189 15s linear -6s infinite}@-webkit-keyframes fall-189 { 34.65% { transform: translate(11.6473vw, 34.65vh) scale(.628) } to { transform: translate(9.91555vw, 100vh) scale(.628) }}@keyframes fall-189 { 34.65% { transform: translate(11.6473vw, 34.65vh) scale(.628) } to { transform: translate(9.91555vw, 100vh) scale(.628) }}.event.event_ch .snow_box .snow:nth-child(190) { opacity: .2785; transform: translate(56.9172vw, -10px) scale(.2341); -webkit-animation: fall-190 11s linear -29s infinite; animation: fall-190 11s linear -29s infinite}@-webkit-keyframes fall-190 { 51.284% { transform: translate(48.1846vw, 51.284vh) scale(.2341) } to { transform: translate(52.5509vw, 100vh) scale(.2341) }}@keyframes fall-190 { 51.284% { transform: translate(48.1846vw, 51.284vh) scale(.2341) } to { transform: translate(52.5509vw, 100vh) scale(.2341) }}.event.event_ch .snow_box .snow:nth-child(191) { opacity: .3354; transform: translate(16.278vw, -10px) scale(.3045); -webkit-animation: fall-191 19s linear -18s infinite; animation: fall-191 19s linear -18s infinite}@-webkit-keyframes fall-191 { 79.791% { transform: translate(8.5826vw, 79.791vh) scale(.3045) } to { transform: translate(12.4303vw, 100vh) scale(.3045) }}@keyframes fall-191 { 79.791% { transform: translate(8.5826vw, 79.791vh) scale(.3045) } to { transform: translate(12.4303vw, 100vh) scale(.3045) }}.event.event_ch .snow_box .snow:nth-child(192) { opacity: .9145; transform: translate(32.113vw, -10px) scale(.5878); -webkit-animation: fall-192 26s linear -27s infinite; animation: fall-192 26s linear -27s infinite}@-webkit-keyframes fall-192 { 50.825% { transform: translate(35.5598vw, 50.825vh) scale(.5878) } to { transform: translate(33.8364vw, 100vh) scale(.5878) }}@keyframes fall-192 { 50.825% { transform: translate(35.5598vw, 50.825vh) scale(.5878) } to { transform: translate(33.8364vw, 100vh) scale(.5878) }}.event.event_ch .snow_box .snow:nth-child(193) { opacity: .0489; transform: translate(94.6984vw, -10px) scale(.1664); -webkit-animation: fall-193 21s linear -4s infinite; animation: fall-193 21s linear -4s infinite}@-webkit-keyframes fall-193 { 37.225% { transform: translate(97.6914vw, 37.225vh) scale(.1664) } to { transform: translate(96.1949vw, 100vh) scale(.1664) }}@keyframes fall-193 { 37.225% { transform: translate(97.6914vw, 37.225vh) scale(.1664) } to { transform: translate(96.1949vw, 100vh) scale(.1664) }}.event.event_ch .snow_box .snow:nth-child(194) { opacity: .4108; transform: translate(97.6vw, -10px) scale(.6084); -webkit-animation: fall-194 27s linear -1s infinite; animation: fall-194 27s linear -1s infinite}@-webkit-keyframes fall-194 { 35.68% { transform: translate(99.0626vw, 35.68vh) scale(.6084) } to { transform: translate(98.3313vw, 100vh) scale(.6084) }}@keyframes fall-194 { 35.68% { transform: translate(99.0626vw, 35.68vh) scale(.6084) } to { transform: translate(98.3313vw, 100vh) scale(.6084) }}.event.event_ch .snow_box .snow:nth-child(195) { opacity: .6507; transform: translate(98.9084vw, -10px) scale(.6607); -webkit-animation: fall-195 18s linear -3s infinite; animation: fall-195 18s linear -3s infinite}@-webkit-keyframes fall-195 { 34.695% { transform: translate(93.0978vw, 34.695vh) scale(.6607) } to { transform: translate(96.0031vw, 100vh) scale(.6607) }}@keyframes fall-195 { 34.695% { transform: translate(93.0978vw, 34.695vh) scale(.6607) } to { transform: translate(96.0031vw, 100vh) scale(.6607) }}.event.event_ch .snow_box .snow:nth-child(196) { opacity: .8476; transform: translate(10.8368vw, -10px) scale(.1538); -webkit-animation: fall-196 22s linear -28s infinite; animation: fall-196 22s linear -28s infinite}@-webkit-keyframes fall-196 { 55.658% { transform: translate(10.7207vw, 55.658vh) scale(.1538) } to { transform: translate(10.77875vw, 100vh) scale(.1538) }}@keyframes fall-196 { 55.658% { transform: translate(10.7207vw, 55.658vh) scale(.1538) } to { transform: translate(10.77875vw, 100vh) scale(.1538) }}.event.event_ch .snow_box .snow:nth-child(197) { opacity: .0769; transform: translate(75.7957vw, -10px) scale(.708); -webkit-animation: fall-197 29s linear -28s infinite; animation: fall-197 29s linear -28s infinite}@-webkit-keyframes fall-197 { 73.721% { transform: translate(84.7073vw, 73.721vh) scale(.708) } to { transform: translate(80.2515vw, 100vh) scale(.708) }}@keyframes fall-197 { 73.721% { transform: translate(84.7073vw, 73.721vh) scale(.708) } to { transform: translate(80.2515vw, 100vh) scale(.708) }}.event.event_ch .snow_box .snow:nth-child(198) { opacity: .3982; transform: translate(.2038vw, -10px) scale(.4189); -webkit-animation: fall-198 24s linear -3s infinite; animation: fall-198 24s linear -3s infinite}@-webkit-keyframes fall-198 { 66.486% { transform: translate(-6.8933vw, 66.486vh) scale(.4189) } to { transform: translate(-3.34475vw, 100vh) scale(.4189) }}@keyframes fall-198 { 66.486% { transform: translate(-6.8933vw, 66.486vh) scale(.4189) } to { transform: translate(-3.34475vw, 100vh) scale(.4189) }}.event.event_ch .snow_box .snow:nth-child(199) { opacity: .3474; transform: translate(69.6649vw, -10px) scale(.9827); -webkit-animation: fall-199 16s linear -16s infinite; animation: fall-199 16s linear -16s infinite}@-webkit-keyframes fall-199 { 39.514% { transform: translate(79.1605vw, 39.514vh) scale(.9827) } to { transform: translate(74.4127vw, 100vh) scale(.9827) }}@keyframes fall-199 { 39.514% { transform: translate(79.1605vw, 39.514vh) scale(.9827) } to { transform: translate(74.4127vw, 100vh) scale(.9827) }}.event.event_ch .snow_box .snow:nth-child(200) { opacity: .9344; transform: translate(18.2704vw, -10px) scale(.3626); -webkit-animation: fall-200 29s linear -25s infinite; animation: fall-200 29s linear -25s infinite}@-webkit-keyframes fall-200 { 76.309% { transform: translate(20.971vw, 76.309vh) scale(.3626) } to { transform: translate(19.6207vw, 100vh) scale(.3626) }}@keyframes fall-200 { 76.309% { transform: translate(20.971vw, 76.309vh) scale(.3626) } to { transform: translate(19.6207vw, 100vh) scale(.3626) }}.event.event_ch .event_bg { background-image: url(../../../img/event/wave.svg); background-position: bottom; background-repeat: no-repeat; background-size: contain}.event.event_ch .event_desc .alert { text-transform: uppercase; font-weight: 500; text-align: center}.event.event_ch .days_swiper .panel_day { background: transparent; padding: 0}.event.event_ch .days_swiper .panel_day .panel_body { padding: 60px}.event.event_ch .days_swiper .panel_day.is_active { cursor: pointer}.event.event_ch .days_swiper .panel_day.is_active img { -webkit-filter: drop-shadow(0 0 1px #9aa9e2)}.event.event_ch .days_swiper .panel_day.is_inactive { background: transparent}.event.event_ch .days_swiper .panel_day.is_inactive img { opacity: .6}.event.event_ch .days_swiper .panel_day.is_open { background: transparent}.event.event_ch .days_swiper .panel_day.is_open img { -webkit-filter: drop-shadow(0 0 5px #a9a9ca)}.event.event_h { background-image: url(../../../img/event/spiders_left.png), url(../../../img/event/spiders_right.png); background-position: 0 0, 100% 0; background-repeat: no-repeat}.event.event_h .event_bg { background-image: url(../../../img/event/web.svg); background-position: top; background-repeat: no-repeat; background-size: contain}.event.event_h .event_desc .alert { font-weight: 500; text-align: center}.event.event_h .panel { background: #191a28}.event .event_info { display: flex; flex-direction: column; justify-content: center; align-items: center}.event .event_info .event_image { position: relative}.event .event_info .event_buttons { width: 100%; display: flex; justify-content: center; align-items: center}.event .event_info .event_buttons .hexagon_button { min-width: 300px}.event .cases_container { display: grid; margin-top: 0}.event .case_box { display: flex; flex-direction: column; justify-content: center; align-items: center}.event .case_box .case_image { position: relative}.event .case_box .case_info { text-transform: uppercase}.event .case_items .case_title { width: 100%; text-align: center; border-bottom: 1px solid hsla(240, 3%, 54%, .2); line-height: .1em; margin: 10px 0 20px}.event .case_items .case_title span { background: #1e1f30; padding: 0 10px; color: #86868e}.event .case_items .case_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; gap: 10px}.event .case_items .case_grid .case_item { background: rgba(20, 21, 32, .6); border: 1px dashed hsla(240, 3%, 54%, .2); border-radius: 10px; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; flex-direction: column}.event .case_items .case_grid .case_item .item_image { position: relative; width: 50px; height: 50px}.event .case_items .case_grid .case_item .item_reward { font-size: .75em; text-align: center}.event .days_swiper { position: relative}.event .days_swiper .panel_day { width: 100%}.event .days_swiper .panel_day.is_active { cursor: pointer}.event .days_swiper .panel_day.is_inactive { background: #161723}.event .days_swiper .panel_day.is_open { background: #232438}.event .days_swiper .panel_day .panel_body { position: relative; display: flex; justify-content: center}.event .days_swiper .panel_day .panel_body i { font-size: 80px}.event .days_swiper .panel_day .panel_body .day { font-size: .875em; position: absolute; left: 50%; top: 56%; transform: translate(-50%, -50%)}.event .event_day { overflow: hidden}.event .event_day .panel { background: #232438}.event .event_day .panel .stats { display: grid}.event .event_day .panel .winners { display: grid; grid-template-columns: repeat(2, 1fr); background: rgba(0, 0, 0, .2); border-radius: 10px}.event .event_day .panel .winners .info_row { background: transparent}.event .event_day .panel .winners .info_row div+div { padding-top: 0}.event .event_day .panel .winners .info_row .win_row.have_user .user { cursor: pointer}.event .event_day .panel .winners .info_row .win_row .user { display: flex; align-items: center}.event .event_day .panel .winners .info_row .win_row .user .username { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 10px}.event .event_day .panel .winners .info_row .win_row .action { display: flex; justify-content: space-between; flex-shrink: 0; align-items: center; font-size: .875em}.event .days_container { margin-top: 0}.event .days_container .row+.row { margin-top: 40px}.event .days_container .event_days { display: grid; grid-gap: 40px; gap: 40px; grid-template-columns: repeat(7, 1fr)}.event .days_container .event_days .panel_day.is_active { cursor: pointer}.event .days_container .event_days .panel_day.is_inactive { background: #161723}.event .days_container .event_days .panel_day.is_open { background: #232438}.event .days_container .event_days .panel_day .panel_body { position: relative; display: flex; justify-content: center}.event .days_container .event_days .panel_day .panel_body i { font-size: 80px}.event .days_container .event_days .panel_day .panel_body .day { font-size: .875em; position: absolute; left: 50%; top: 56%; transform: translate(-50%, -50%)}.event .days_container .event_day { overflow: hidden}.event .days_container .event_day .panel { background: #232438}.event .days_container .event_day .panel .stats { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; gap: 40px}.event .days_container .event_day .panel .winners { display: grid; grid-template-columns: repeat(2, 1fr); background: rgba(0, 0, 0, .2); border-radius: 10px}.event .days_container .event_day .panel .winners .info_row { background: transparent}.event .last_winners { display: grid; margin-top: 0; overflow-x: auto}.event .last_winners .box { background: #1e1f30; border-radius: 10px; padding: 10px; display: inline-flex; flex-direction: column; justify-content: center; flex-shrink: 0; transition: background-color .3s ease-out; height: 100%; min-width: 0; -webkit-animation-duration: .5s; animation-duration: .5s}.event .last_winners .box.have_user { cursor: pointer}.event .last_winners .box.box_win_med { background: rgba(44, 45, 67, .7)}.event .last_winners .box.box_win_med:hover { background: rgba(44, 45, 67, .8)}.event .last_winners .box.box_win_high { background: rgba(44, 45, 67, .9)}.event .last_winners .box.box_win_high:hover { background: #2c2d43}.event .last_winners .box .user { display: flex; align-items: center; width: 100%; margin-bottom: 10px}.event .last_winners .box .user .username { flex: 1 1; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}.event .last_winners .box .user .level { padding: 2px 4px; border-radius: 5px}.event .last_winners .box .action { display: flex; justify-content: space-between; align-items: center; font-size: .875em; color: #86868e}.event .last_winners .panel .panel_body { padding: 10px}html:not(.is_mobile) .event .last_winners { padding-bottom: 10px}html:not(.is_mobile) .event .last_winners::-webkit-scrollbar { width: 10px; height: 8px}html:not(.is_mobile) .event .last_winners::-webkit-scrollbar-track { background: transparent}html:not(.is_mobile) .event .last_winners::-webkit-scrollbar-thumb { background: #1a1c2d}html:not(.is_mobile) .event .last_winners::-webkit-scrollbar-thumb:hover { background: #22243b}@media(max-width:1200px) { .event .days_swiper { margin: 0 60px }}@media(min-width:1440px) { .event.event_h { background-size: 350px } .event.event_h .event_bg { background-size: 2000px } .event .event_info .event_image { width: 1000px; height: 365px } .event .event_info .event_desc { margin-bottom: 40px } .event .cases_container { gap: 35px } .event .cases_container.cases_3 { grid-template-columns: repeat(3, 1fr) } .event .case_box .case_image { width: 180px; height: 180px } .event .event_day .panel .stats { grid-template-columns: repeat(3, 1fr); gap: 40px } .event .event_day .panel .winners .info_row .win_row .user svg { width: 35px } .event .last_winners { gap: 20px; grid-template-columns: repeat(6, minmax(233px, 1fr)) } .event .last_winners .box .user svg { width: 35px }}@media(min-width:1281px)and (max-width:1439px) { .event.event_h { background-size: 300px } .event.event_h .event_bg { background-size: 1900px } .event .event_info .event_image { width: 650px; height: 254px } .event .event_info .event_desc { margin-bottom: 35px } .event .cases_container { gap: 35px } .event .cases_container.cases_3 { grid-template-columns: repeat(3, 1fr) } .event .case_box .case_image { width: 160px; height: 160px } .event .event_day .panel .stats { grid-template-columns: repeat(3, 1fr); gap: 35px } .event .event_day .panel .winners .info_row .win_row .user svg { width: 30px } .event .last_winners { gap: 17.5px; grid-template-columns: repeat(6, minmax(220px, 1fr)) } .event .last_winners .box .user svg { width: 30px }}@media(min-width:1025px)and (max-width:1280px) { .event.event_h { background-size: 250px } .event.event_h .event_bg { background-size: 1800px } .event .event_info .event_image { width: 600px; height: 234px } .event .event_info .event_desc { margin-bottom: 30px } .event .cases_container { gap: 30px } .event .cases_container.cases_3 { grid-template-columns: repeat(8, 1fr); align-items: center } .event .cases_container.cases_3 .case_1 { grid-column: 1/5 } .event .cases_container.cases_3 .case_2 { grid-column: 5/9 } .event .cases_container.cases_3 .case_3 { grid-column: 3/7 } .event .case_box .case_image { width: 140px; height: 140px } .event .event_day .panel .stats { grid-template-columns: repeat(3, 1fr); gap: 30px } .event .event_day .panel .winners .info_row .win_row .user svg { width: 25px } .event .last_winners { gap: 15px; grid-template-columns: repeat(6, minmax(210px, 1fr)) } .event .last_winners .box .user svg { width: 25px }}@media(min-width:768px)and (max-width:1024px) { .event.event_h { background-size: 200px } .event.event_h .event_bg { background-size: 1700px } .event .event_info .event_image { width: 550px; height: 215px } .event .event_info .event_desc { margin-bottom: 25px } .event .cases_container { gap: 25px } .event .cases_container.cases_3 { grid-template-columns: repeat(8, 1fr); align-items: center } .event .cases_container.cases_3 .case_1 { grid-column: 1/5 } .event .cases_container.cases_3 .case_2 { grid-column: 5/9 } .event .cases_container.cases_3 .case_3 { grid-column: 3/7 } .event .case_box .case_image { width: 140px; height: 140px } .event .event_day .panel .stats { grid-template-columns: repeat(3, 1fr); gap: 25px } .event .event_day .panel .winners .info_row .win_row .user svg { width: 25px } .event .last_winners { gap: 25px; grid-template-columns: repeat(6, minmax(200px, 1fr)) } .event .last_winners .box .user svg { width: 25px }}@media(min-width:481px)and (max-width:767px) { .event.event_h { background-size: 0 } .event.event_h .event_bg { background-size: 1600px } .event .event_info .event_image { width: 450px; height: 176px } .event .event_info .event_desc { margin-bottom: 20px } .event .cases_container { gap: 20px } .event .cases_container.cases_3 { grid-template-columns: repeat(1, 1fr); align-items: center } .event .case_box .case_image { width: 120px; height: 120px } .event .case_items .case_grid .case_item { aspect-ratio: inherit; padding-bottom: 10px } .event .event_day .panel .stats { gap: 20px } .event .event_day .panel .stats, .event .event_day .panel .winners { grid-template-columns: repeat(1, 1fr) } .event .event_day .panel .winners .info_row .win_row .user svg { width: 25px } .event .last_winners { gap: 20px; grid-template-columns: repeat(6, minmax(190px, 1fr)) } .event .last_winners .box .user svg { width: 25px }}@media(max-width:480px) { .event.event_h { background-size: 0 } .event.event_h .event_bg { background-size: 1500px } .event .event_info .event_image { width: 100%; height: 150px } .event .event_info .event_desc { margin-bottom: 15px } .event.event_ch { background-size: 0 } .event.event_ch .event_bg { background-size: 1500px } .event .cases_container { gap: 15px } .event .cases_container.cases_3 { grid-template-columns: repeat(1, 1fr); align-items: center } .event .case_box .case_image { width: 100px; height: 100px } .event .case_items .case_grid .case_item { aspect-ratio: inherit; padding-bottom: 10px } .event .event_day .panel .stats { gap: 15px } .event .event_day .panel .stats, .event .event_day .panel .winners { grid-template-columns: repeat(1, 1fr) } .event .event_day .panel .winners .info_row .win_row .user svg { width: 20px } .event .last_winners { gap: 15px; grid-template-columns: repeat(6, minmax(180px, 1fr)) } .event .last_winners .box .user svg { width: 20px }}.snow_top:before { content: ""; display: block; position: absolute; top: -7px; left: -3px; right: 0; height: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0}.roll_container { height: 140px; position: relative}.roll_container .roll_arrows { position: absolute; left: 50%; transform: translate(-50%); display: flex; flex-direction: column; justify-content: space-between; top: -10px; bottom: -10px; font-size: 20px; z-index: 1}.roll_container .roll_arrows .arrow_bottom { transform: rotate(180deg)}.roll_container .roll_box { height: 100%; overflow: hidden; position: relative}.roll_container .roll_box .roll_shadow { position: absolute; display: inline-flex; box-shadow: inset -40px 0 20px -20px rgba(30, 31, 48, .9), inset 40px 0 20px -20px rgba(30, 31, 48, .9); width: 100%; height: 140px; z-index: 1}.roll_container .roll_box .roll_roller { width: 1000px; position: relative; position: absolute; left: 50%; transform: translate(-50%)}.roll_container .roll_box .roll_roller .roll_holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 140px; width: 100%; overflow: hidden}.roll_container .roll_box .roll_roller .roll_holder:before { content: ""; position: absolute; border: none; z-index: 12222225; width: 2px; height: 100%; left: calc(50% - 1px); background: rgba(255, 231, 113, .5)}.roll_container .roll_box .roll_roller .roll_container { width: 10000000000000002000px; max-width: 1000000000000000100px; margin-top: 10px; height: 120px; margin-left: 0; transition: all 8s cubic-bezier(.08, .6, 0, 1); display: flex}.roll_container .roll_box .roll_roller .roll_container.winner .item:not(.w) { opacity: .6}.roller_item { margin: 0 0 0 5px; width: 120px; height: 120px; background: rgba(44, 45, 67, .5); border-bottom: 2px solid #2b2d41; position: relative; display: inline-flex; align-items: center; flex-direction: column}.roller_item .line { position: absolute; bottom: -2px; left: 10px; right: 10px}.roller_item .image { position: relative; width: 50px; height: 50px; flex-shrink: 0; margin-top: 10px}.roller_item .info { display: flex; flex-direction: column; text-align: center}.roller_item .info .win { padding-top: .5em; font-size: .75em; text-transform: uppercase; color: #86868e}.roller_item .info .coins { padding-top: .2em; font-size: .875em}.roller_item.win_med { background: rgba(44, 45, 67, .7); border-color: rgba(101, 117, 176, .2)}.roller_item.win_med .line { background: linear-gradient(90deg, #6575b0 0, #9aa9e2); height: 2px; box-shadow: 0 0 1em #99a8e1}.roller_item.win_med .win { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.roller_item.win_high { background: rgba(44, 45, 67, .9); border-color: rgba(255, 231, 113, .2)}.roller_item.win_high .line { background: linear-gradient(270deg, #a9a9ca, #a9a9ca); height: 2px; box-shadow: 0 0 1em #f7b242}.roller_item.win_high .win { background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.roller_item.reward { -webkit-animation: glow 2s infinite alternate; animation: glow 2s infinite alternate; display: flex}.roller_reward { align-items: center; text-align: center}@-webkit-keyframes glow { 0% { box-shadow: 0 0 10px -5px rgba(44, 45, 67, .5) } to { box-shadow: 0 0 10px 10px rgba(44, 45, 67, .5) }}@keyframes glow { 0% { box-shadow: 0 0 10px -5px rgba(44, 45, 67, .5) } to { box-shadow: 0 0 10px 10px rgba(44, 45, 67, .5) }}.landing_sats { background: transparent; grid-template-columns: 1fr}.landing_sats,.landing_sats .stats { display: grid; justify-content: center}.landing_sats .stats { grid-template-columns: repeat(4, -webkit-max-content); grid-template-columns: repeat(4, max-content)}.landing_sats .stats .with_icon { position: relative; display: flex; align-items: center}.landing_sats .stats .with_icon .icon { font-size: 1.875em}.landing_sats .stats .box .stat_top { font-size: 1.25em}.top_text { font-weight: 500; font-size: 1.5em; text-transform: uppercase; background: -webkit-linear-gradient(#a9a9ca, #a9a9ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.2}.top_text span { font-weight: 700; font-size: 1.125em}.section_join { display: flex; justify-content: center; text-align: center; flex-direction: column; align-items: center}.section_join .text_top { text-transform: uppercase; font-size: 1.125em}.section_join .text_top strong { font-weight: 500}.section_join .text_more { font-size: .875em}.section_join .button,.section_join .images { display: flex; justify-content: center}.section_join .images { flex-wrap: wrap}.section_join .images .badge { padding: 5px 10px; background: #212235; border-radius: 5px}.section_join .images .badge .image { position: relative}@media(min-width:1440px) { .landing_sats .panel_body { padding: 20px 0 } .landing_sats .stats { gap: 40px } .landing_sats .stats .with_icon .icon { margin-right: 20px } .section_join .images { margin: -10px 0 } .section_join .images .badge { margin: 10px } .section_join .images .badge .image { height: 30px; width: 80px }}@media(min-width:1281px)and (max-width:1439px) { .landing_sats .panel_body { padding: 17.5px 0 } .landing_sats .stats { gap: 35px } .landing_sats .stats .with_icon .icon { margin-right: 17.5px } .section_join .images { margin: -9px 0 } .section_join .images .badge { margin: 9px } .section_join .images .badge .image { height: 28px; width: 78px }}@media(min-width:1025px)and (max-width:1280px) { .landing_sats .panel_body { padding: 15px 0 } .landing_sats .stats { gap: 30px } .landing_sats .stats .with_icon .icon { margin-right: 15px } .section_join .images { margin: -8px 0 } .section_join .images .badge { margin: 8px } .section_join .images .badge .image { height: 26px; width: 72px }}@media(min-width:768px)and (max-width:1024px) { .landing_sats .panel_body { padding: 25px 0 } .landing_sats .stats { gap: 25px; grid-template-columns: repeat(3, 1fr) } .landing_sats .stats .with_icon:nth-child(4) { grid-column-start: 2; grid-column-end: 3 } .landing_sats .stats .with_icon .icon { margin-right: 25px } .section_join .images { margin: -7px 0 } .section_join .images .badge { margin: 7px } .section_join .images .badge .image { height: 24px; width: 66px }}@media(min-width:481px)and (max-width:767px) { .landing_sats .panel_body { padding: 20px 0 } .landing_sats .stats { gap: 20px; grid-template-columns: repeat(2, 1fr) } .landing_sats .stats .with_icon .icon { margin-right: 20px } .section_join .images { margin: -6px 0 } .section_join .images .badge { margin: 6px } .section_join .images .badge .image { height: 22px; width: 60px }}@media(max-width:480px) { .landing_sats .panel_body { padding: 15px 0 } .landing_sats .stats { gap: 15px; grid-template-columns: repeat(1, 1fr) } .landing_sats .stats .with_icon .icon { margin-right: 15px } .section_join .images { margin: -5px 0 } .section_join .images .badge { margin: 5px } .section_join .images .badge .image { height: 20px; width: 54px }}.panel .withdraw_footer:only-child { border-top-left-radius: 10px; border-top-right-radius: 10px}.withdraw_footer { background: rgba(154, 169, 226, .1); border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0}.withdraw_footer .data { display: flex; align-items: center; justify-content: space-between}.withdraw_footer .cost { display: flex; flex-direction: column; background: #1e1f30; border-radius: 10px}.withdraw_footer .cost .box { display: flex; justify-content: space-between; align-items: center; padding: 10px 0}.withdraw_footer .cost .box .hexagon_input { grid-template-columns: -webkit-min-content auto -webkit-min-content -webkit-min-content; grid-template-columns: min-content auto min-content min-content; min-width: 50px}.withdraw_footer .cost .box+.box { border-top: 1px dashed #2e3047}.rate { white-space: nowrap; text-align: right; border-radius: 10px; display: flex; align-items: center}.rate .info { display: flex; flex-direction: column; gap: 5px}.rate .info .text { text-transform: uppercase}.rate .info .value { font-size: 1.125em}.rate .icon { background: #1e1f30; border-radius: 10px; padding: 10px; font-size: 2.188em; display: flex}.withdraw_info { align-items: center}.withdraw_info .info { text-align: center}.withdraw_info .buttons,.withdraw_info .info_row { width: 100%}.withdraw_info .panel_cards .panel { width: 100%; aspect-ratio: 16/7; padding: 10px; display: flex; align-items: center}.withdraw_info .panel_cards .panel .image { position: relative; width: 100%; aspect-ratio: 230/70}.panel_cards .panel.paypal { background: linear-gradient(342.04deg, #263b80 -75.71%, #25bcff 135.9%)}.panel_cards .panel.bitcoin { background: linear-gradient(342.04deg, #f9aa4b -75.71%, #f7931a 135.9%)}.panel_cards .panel.ethereum { background: linear-gradient(342.04deg, #b1b1ff -75.71%, #778eff 135.9%)}.panel_cards .panel.litecoin { background: linear-gradient(342.04deg, #a1a4c9 -75.71%, #7e809a 135.9%)}.panel_cards .panel.tether { background: linear-gradient(342.04deg, #26a17b -75.71%, #279c78 135.9%)}.panel_cards .panel.usd_coin { background: linear-gradient(342.04deg, #2775ca -75.71%, #2b72bf 135.9%)}.panel_cards .panel.amazon { background: linear-gradient(342.04deg, #313a41 -75.71%, #272e33 135.9%)}.panel_cards .panel.google_pay,.panel_cards .panel.visa { background: linear-gradient(342.04deg, #fff -75.71%, #f1f1f1 135.9%)}.panel_cards .panel.apple { background: linear-gradient(112.11deg, #ff5b53 -9.59%, #9850fa 54.58%, #2cc9f8 117.99%)}.panel_cards .panel.spotify { background: linear-gradient(342.04deg, #1ed760 -75.71%, #33cf6b 135.9%)}.panel_cards .panel.nintendo { background: linear-gradient(342.04deg, #eb3327 -75.71%, #eb3327 135.9%)}.panel_cards .panel.zalando { background: linear-gradient(342.04deg, #fff -75.71%, #f1f1f1 135.9%)}.panel_cards .panel.steam { background: linear-gradient(342.04deg, #111d2e -75.71%, #1384b5 135.9%)}.panel_cards .panel.netflix { background: linear-gradient(342.04deg, #fff -75.71%, #f1f1f1 135.9%)}.panel_cards .panel.xbox { background: linear-gradient(342.04deg, #57ff3c -75.71%, #177d3e 135.9%)}.panel_cards .panel.playstation { background: linear-gradient(342.04deg, #1dc1f3 -75.71%, #047fc5 135.9%)}.panel_cards .panel.fortnite { background: linear-gradient(342.04deg, #027efc -75.71%, #157de7 135.9%)}.panel_cards .panel.roblox { background: linear-gradient(342.04deg, #3e3f47 -75.71%, #1b1d1f 135.9%)}.panel_cards .panel.lol { background: linear-gradient(342.04deg, #54482f -75.71%, #443b27 135.9%)}.panel_cards .panel.valorant { background: linear-gradient(342.04deg, #ff4655 -75.71%, #e2414e 135.9%)}.panel_cards .panel.pcs_mastercard { background: linear-gradient(342.04deg, #333 -75.71%, #575757 135.9%)}.panel_cards .panel.plus_telecard { background: linear-gradient(342.04deg, #68af23 -75.71%, #609e22 135.9%)}.panel_cards .panel.tesco_mobile { background: linear-gradient(342.04deg, #fff -75.71%, #f1f1f1 135.9%)}.panel_cards .panel.vodafone { background: linear-gradient(342.04deg, #850000 -75.71%, #e30001 135.9%)}.panel_cards .panel.t_mobile { background: linear-gradient(342.04deg, #d80480 -75.71%, #ed008c 135.9%)}.panel_cards .panel.virgin_mobile { background: linear-gradient(342.04deg, #c91a3a -75.71%, #df173b 135.9%)}.panel_cards .panel.orange { background: linear-gradient(342.04deg, #f60 -75.71%, #f60 135.9%)}.panel_cards .panel.vectone { background: linear-gradient(342.04deg, #5f4996 -75.71%, #684eab 135.9%)}.panel_cards .panel.bild { background: linear-gradient(342.04deg, #c71c1c -75.71%, #d91918 135.9%)}.panel_cards .panel.blau { background: linear-gradient(342.04deg, #0f8db8 -75.71%, #00b6f1 135.9%)}.panel_cards .panel.giffgaff { background: linear-gradient(342.04deg, #1b1b1b -75.71%, #313131 135.9%)}.panel_cards .panel.turkcell { background: linear-gradient(342.04deg, #0f4999 -75.71%, #0d4ba0 135.9%)}.panel_cards .panel.syma { background: linear-gradient(342.04deg, #c41f25 -75.71%, #ea2127 135.9%)}.panel_cards .panel.jim_mobile { background: linear-gradient(342.04deg, #ddb30c -75.71%, #ffcd00 135.9%)}.panel_cards .panel.drei { background: linear-gradient(342.04deg, #fff -75.71%, #f1f1f1 135.9%)}.panel_cards .panel.base { background: linear-gradient(-33.33deg, #111 33.3%, #009f98 0, #009f98 66.6%, #fff 0)}.panel_cards .panel.proximus { background: linear-gradient(342.04deg, #3c0f5f -75.71%, #4c0e7c 135.9%)}.panel_cards .panel.minecraft_minecoins { background: linear-gradient(342.04deg, #7a6b06 -75.71%, #8c7a01 135.9%)}.panel_cards .panel.minecraft { background: linear-gradient(342.04deg, #4a791e -75.71%, #5a9521 135.9%)}.withdraw_top { display: grid}.withdraw_top .withdraw_info { display: grid; grid-template-columns: 1fr; grid-template-rows: -webkit-min-content -webkit-min-content auto; grid-template-rows: min-content min-content auto}.withdraw_top .withdraw_info .withdraw_title { font-size: 1.875em}.withdraw_top .withdraw_info .withdraw_subtitle { color: rgba(154, 169, 226, .8)}.withdraw_top .withdraw_info .withdraw_region { margin-top: auto; padding-top: .5em}.withdraw_top .withdraw_info .withdraw_region .regions { display: flex; margin-top: .2em}.withdraw_top .withdraw_info .withdraw_region .regions .image { width: 1.4em; height: 1.4em; position: relative}.withdraw_top .withdraw_info .withdraw_region .regions .image+.image { margin-left: .8em}.withdraw_top .withdraw_image { position: relative; border-radius: 10px; overflow: hidden}@media(min-width:1440px) { .withdraw_footer .cost { width: 500px; padding: 20px 40px } .withdraw_footer .cost .box .hexagon_input { max-width: 300px } .rate { gap: 20px } .withdraw_info .panel_cards { width: 300px } .withdraw_top { gap: 40px } .withdraw_top .withdraw_info { gap: 10px } .withdraw_top .withdraw_image { width: 165px; height: 206px }}@media(min-width:1281px)and (max-width:1439px) { .withdraw_footer .cost { width: 470px; padding: 17.5px 35px } .withdraw_footer .cost .box .hexagon_input { max-width: 270px } .rate { gap: 17.5px } .withdraw_info .panel_cards { width: 280px } .withdraw_top { gap: 35px } .withdraw_top .withdraw_info { gap: 8.75px } .withdraw_top .withdraw_image { width: 160px; height: 200px }}@media(min-width:1025px)and (max-width:1280px) { .withdraw_footer .cost { width: 440px; padding: 15px 30px } .withdraw_footer .cost .box .hexagon_input { width: 240px; min-width: 240px } .rate { gap: 15px } .withdraw_info .panel_cards { width: 260px } .withdraw_top { gap: 30px } .withdraw_top .withdraw_info { gap: 7.5px } .withdraw_top .withdraw_image { width: 144px; height: 180px }}@media(min-width:768px)and (max-width:1024px) { .withdraw_footer .cost { width: 360px; padding: 12.5px 25px } .withdraw_footer .cost .box .hexagon_input { max-width: 160px } .rate { gap: 12.5px } .withdraw_info .panel_cards { width: 240px } .withdraw_top { gap: 30px } .withdraw_top .withdraw_info { gap: 7.5px } .withdraw_top .withdraw_image { width: 122px; height: 160px }}@media(max-width:767px) { .withdraw_footer .data { flex-direction: column } .withdraw_footer .button, .withdraw_footer .button .hexagon_button, .withdraw_footer .cost { width: 100% }}@media(min-width:481px)and (max-width:767px) { .withdraw_footer .data { gap: 25px } .withdraw_footer .cost { padding: 25px } .withdraw_footer .cost .box .hexagon_input { max-width: 200px } .rate { gap: 12.5px } .withdraw_info .panel_cards { width: 220px } .withdraw_top { gap: 25px } .withdraw_top .withdraw_info { gap: 6.25px } .withdraw_top .withdraw_image { width: 112px; height: 140px }}@media(min-width:481px) { .withdraw_top { grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr }}@media(max-width:480px) { .withdraw_footer .data { gap: 15px } .withdraw_footer .cost { padding: 15px } .withdraw_footer .cost .box .hexagon_input { max-width: 180px } .rate { gap: 7.5px } .withdraw_info .panel_cards { width: 200px } .withdraw_top { grid-template-columns: 1fr; gap: 15px } .withdraw_top .withdraw_info { gap: 3.75px } .withdraw_top .withdraw_image { width: 96px; height: 120px }}.leaderbard .section_box.no_bg { background-image: url(/img/lb_bg.png), url(/img/lb_bg_2.png); background-position: 100% 0, 0 100%; background-repeat: no-repeat}.leaderbard .no_leaderboard { height: 65vh; max-width: 1100px; display: flex; align-items: center; justify-content: center; margin: 0 auto}.leaderbard .leaderbard_top { display: flex; justify-content: center; max-width: 1100px; width: 100%; -webkit-animation-duration: .2s; animation-duration: .2s}.leaderbard .leaderbard_top .top { display: flex; background: rgba(30, 31, 48, .9); border-radius: 10px; flex-direction: column; align-items: center; width: 100%; height: 100%; position: relative}.leaderbard .leaderbard_top .top .username { font-size: 1.25em}.leaderbard .leaderbard_top .top .hexagon_group { margin: 0}.leaderbard .leaderbard_top .top .hexagon_group .hexagon_stats { height: 4em}.leaderbard .leaderbard_top .top .hexagon_group .hexagon_div:first-child svg { fill: #191a28}.leaderbard .leaderbard_top .top .hexagon_group .hexagon_div:first-child .text { background: #191a28}.leaderbard .leaderbard_top .top .hexagon_group .hexagon_div .text .box .stat_top { white-space: nowrap}.leaderbard .leaderbard_top .top .reward { width: 100%; background: #191a28; border-radius: 10px; box-sizing: border-box}.leaderbard .leaderbard_top .top .reward .image { display: flex; align-items: center; justify-content: center; aspect-ratio: 2/1; position: relative}.leaderbard .leaderbard_top .top .position { position: absolute; left: 0; right: 0; bottom: -1.5em; display: flex; justify-content: center}.leaderbard .leaderbard_top .top .position .box { display: flex; align-items: center; justify-content: center; width: 3em; height: 3em; border-radius: 50%; font-weight: 700; text-shadow: 0 0 5px #000}.leaderbard .leaderbard_top .top.top_1 .avatar svg>path { fill: #a9a9ca}.leaderbard .leaderbard_top .top.top_1 .position .box { background: #a9a9ca}.leaderbard .leaderbard_top .top.top_2 .avatar svg>path { fill: #c5c5c5}.leaderbard .leaderbard_top .top.top_2 .position .box { background: #c5c5c5}.leaderbard .leaderbard_top .top.top_3 .avatar svg>path { fill: #664a22}.leaderbard .leaderbard_top .top.top_3 .position .box { background: #664a22}.leaderbard .leaderboard_timer { margin-top: 10px; padding: 10px 20px; text-align: center; display: flex; flex-direction: column}.leaderbard .leaderboard_timer .text { text-transform: uppercase; font-size: 1.25em}.leaderbard .leaderboard_timer .timer { margin-top: 10px; font-size: 1.125em}.leaderbard .leaderboard_timer .timer span { color: #86868e}.leaderbard .leaderboard_table .lb_table { width: 100%; font-size: .875em; white-space: nowrap; border-collapse: separate; border-spacing: 0 5px}.leaderbard .leaderboard_table .lb_table thead th { text-align: left; font-weight: 400}.leaderbard .leaderboard_table .lb_table>:nth-child(2) tr:nth-child(-n+3) td { background: #1e1f30}.leaderbard .leaderboard_table .lb_table .tb_list tr:first-child .td_user .user .avatar svg>path { fill: #a9a9ca}.leaderbard .leaderboard_table .lb_table .tb_list tr:nth-child(2) .td_user .user .avatar svg>path { fill: #c5c5c5}.leaderbard .leaderboard_table .lb_table .tb_list tr:nth-child(3) .td_user .user .avatar svg>path { fill: #664a22}.leaderbard .leaderboard_table .lb_table tbody tr td { background: #1e1f30; vertical-align: middle}.leaderbard .leaderboard_table .lb_table tbody tr td:first-child { border-top-left-radius: 30px; border-bottom-left-radius: 30px}.leaderbard .leaderboard_table .lb_table tbody tr td:last-child { border-top-right-radius: 30px; border-bottom-right-radius: 30px}.leaderbard .leaderboard_table .lb_table tbody .box { background: #141520; border-radius: 10px; text-align: center}.leaderbard .leaderboard_table .lb_table tbody .td_rank { width: 15%}.leaderbard .leaderboard_table .lb_table tbody .td_user .user { display: flex; align-items: center}.leaderbard .leaderboard_table .lb_table tbody .td_user .user.has_user .avatar,.leaderbard .leaderboard_table .lb_table tbody .td_user .user.has_user .username span { cursor: pointer}.leaderbard .leaderboard_table .lb_table tbody .td_user .user .avatar svg>path { fill: #1e1f30}.leaderbard .leaderboard_table .lb_table tbody .td_ce,.leaderbard .leaderboard_table .lb_table tbody .td_co,.leaderbard .leaderboard_table .lb_table tbody .td_prize { width: 15%}.leaderbard .leaderboard_table .lb_table .tb_user:before { content: ""; display: block; height: 20px}@media(min-width:1440px) { .leaderbard .section_box.no_bg { background-size: 500px } .leaderbard .leaderbard_top { gap: 40px; margin: 40px auto } .leaderbard .leaderbard_top .top { padding: 20px; gap: 20px } .leaderbard .leaderbard_top .top .avatar { width: 120px; height: 120px } .leaderbard .leaderbard_top .top .reward { margin-top: 20px; padding: 20px } .leaderbard .leaderboard_table .lb_table tbody tr td, .leaderbard .leaderboard_table .lb_table thead th { padding: 20px } .leaderbard .leaderboard_table .lb_table tbody .box { padding: 16px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user { display: flex; align-items: center } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .avatar { width: 40px; height: 40px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .username { margin-left: 10px }}@media(min-width:1281px)and (max-width:1439px) { .leaderbard .section_box.no_bg { background-size: 460px } .leaderbard .leaderbard_top { gap: 35px; margin: 35px auto } .leaderbard .leaderbard_top .top { padding: 17.5px; gap: 17.5px } .leaderbard .leaderbard_top .top .avatar { width: 110px; height: 110px } .leaderbard .leaderbard_top .top .reward { margin-top: 17.5px; padding: 17.5px } .leaderbard .leaderboard_table .lb_table tbody tr td, .leaderbard .leaderboard_table .lb_table thead th { padding: 17.5px } .leaderbard .leaderboard_table .lb_table tbody .box { padding: 14px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user { display: flex; align-items: center } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .avatar { width: 38px; height: 38px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .username { margin-left: 10px }}@media(min-width:1025px)and (max-width:1280px) { .leaderbard .section_box.no_bg { background-size: 440px } .leaderbard .leaderbard_top { gap: 30px; margin: 30px auto } .leaderbard .leaderbard_top .top { padding: 15px; gap: 15px } .leaderbard .leaderbard_top .top .avatar { width: 100px; height: 100px } .leaderbard .leaderbard_top .top .reward { margin-top: 15px; padding: 15px } .leaderbard .leaderboard_table .lb_table tbody tr td, .leaderbard .leaderboard_table .lb_table thead th { padding: 15px } .leaderbard .leaderboard_table .lb_table tbody .box { padding: 12px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user { display: flex; align-items: center } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .avatar { width: 36px; height: 36px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .username { margin-left: 10px }}@media(min-width:768px)and (max-width:1024px) { .leaderbard .section_box.no_bg { background-size: 320px } .leaderbard .leaderbard_top { gap: 25px; margin: 25px auto } .leaderbard .leaderbard_top .top { padding: 25px; gap: 25px } .leaderbard .leaderbard_top .top .avatar { width: 90px; height: 90px } .leaderbard .leaderbard_top .top .reward { margin-top: 25px; padding: 25px } .leaderbard .leaderboard_table .lb_table tbody tr td, .leaderbard .leaderboard_table .lb_table thead th { padding: 12.5px } .leaderbard .leaderboard_table .lb_table tbody .box { padding: 10px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user { display: flex; align-items: center } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .avatar { width: 34px; height: 34px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .username { margin-left: 8px }}@media(min-width:767px) { .leaderbard .leaderbard_top .top.top_1 { order: 2 } .leaderbard .leaderbard_top .top.top_2 { order: 1; margin-top: 100px } .leaderbard .leaderbard_top .top.top_3 { order: 3; margin-top: 100px }}@media(max-width:767px) { .leaderbard .leaderbard_top { flex-direction: column } .leaderbard .leaderbard_top .top { flex-direction: row; flex-wrap: wrap } .leaderbard .leaderbard_top .top .reward { flex-basis: 100% } .leaderbard .leaderbard_top .top .image { max-width: 200px; margin: 0 auto } .leaderbard .leaderbard_top .top .position { top: 20px; right: 20px; left: auto }}@media(min-width:481px)and (max-width:767px) { .leaderbard .section_box.no_bg { background-size: 300px } .leaderbard .leaderbard_top { gap: 20px; margin: 20px auto } .leaderbard .leaderbard_top .top { padding: 20px; gap: 20px } .leaderbard .leaderbard_top .top .avatar { width: 80px; height: 80px } .leaderbard .leaderbard_top .top .reward { margin-top: 20px; padding: 20px } .leaderbard .leaderboard_table .lb_table tbody tr td, .leaderbard .leaderboard_table .lb_table thead th { padding: 10px } .leaderbard .leaderboard_table .lb_table tbody .box { padding: 8px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user { display: flex; align-items: center } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .avatar { width: 32px; height: 32px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .username { margin-left: 8px }}@media(max-width:480px) { .leaderbard .section_box.no_bg { background-size: 280px } .leaderbard .leaderbard_top { gap: 15px; margin: 15px auto } .leaderbard .leaderbard_top .top { padding: 15px; gap: 15px } .leaderbard .leaderbard_top .top .avatar { width: 70px; height: 70px } .leaderbard .leaderbard_top .top .reward { margin-top: 15px; padding: 15px } .leaderbard .leaderboard_table { overflow-x: auto } .leaderbard .leaderboard_table .lb_table tbody tr td, .leaderbard .leaderboard_table .lb_table thead th { padding: 7.5px } .leaderbard .leaderboard_table .lb_table tbody .box { padding: 6px } .leaderbard .leaderboard_table .lb_table tbody .td_user .user { display: flex; align-items: center } .leaderbard .leaderboard_table .lb_table tbody .td_user .user .avatar { display: none }}.info_row { background: #191a28; display: flex; flex-direction: column; gap: 20px; padding: 20px}.info_row>div { display: flex; justify-content: space-between}.info_row>div>div:first-child { color: #86868e}.info_row>div>div:first-child i { padding-right: 5px}.info_row>div>div:last-child { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent}.info_row>div+div { border-top: 1px dashed #1e1f30; padding-top: 20px}.wrap_text { max-width: 350px}.support_link a { transition: color .2s}.support_link a:hover { color: #86868e}.panel_ticket label { display: block; font-size: .875em; color: hsla(0, 0%, 100%, .4)}.panel_ticket.user_answer .ticket_top .user .user_avatar svg>path { fill: #434c73}.panel_ticket.support_answer { background: rgba(67, 76, 115, .6)}.panel_ticket.support_answer .ticket_top .user .user_avatar svg>path { fill: url(#gradient_blue)}.panel_ticket .panel_body { display: flex; flex-direction: column}.panel_ticket .ticket_top { justify-content: space-between}.panel_ticket .ticket_top,.panel_ticket .ticket_top .user { display: flex; align-items: center}.panel_ticket .ticket_top .user .user_info { margin-left: 10px}.panel_ticket .ticket_message { border-radius: 10px; background: #191a28; color: #fff}@media(min-width:1440px) { .panel_ticket.user_answer { margin-right: 40px } .panel_ticket.support_answer { margin-left: 40px } .panel_ticket .panel_body { gap: 20px } .panel_ticket .ticket_top .user_avatar { width: 50px; height: 50px } .panel_ticket .ticket_message { padding: 40px }}@media(min-width:1281px)and (max-width:1439px) { .panel_ticket.user_answer { margin-right: 35px } .panel_ticket.support_answer { margin-left: 35px } .panel_ticket .panel_body { gap: 17.5px } .panel_ticket .ticket_top .user_avatar { width: 45px; height: 45px } .panel_ticket .ticket_message { padding: 35px }}@media(min-width:1025px)and (max-width:1280px) { .panel_ticket.user_answer { margin-right: 30px } .panel_ticket.support_answer { margin-left: 30px } .panel_ticket .panel_body { gap: 15px } .panel_ticket .ticket_top .user_avatar { width: 40px; height: 40px } .panel_ticket .ticket_message { padding: 30px }}@media(min-width:768px)and (max-width:1024px) { .panel_ticket.user_answer { margin-right: 25px } .panel_ticket.support_answer { margin-left: 25px } .panel_ticket .panel_body { gap: 12.5px } .panel_ticket .ticket_top .user_avatar { width: 40px; height: 40px } .panel_ticket .ticket_message { padding: 25px }}@media(min-width:481px)and (max-width:767px) { .panel_ticket.user_answer { margin-right: 20px } .panel_ticket.support_answer { margin-left: 20px } .panel_ticket .panel_body { gap: 10px } .panel_ticket .ticket_top .user_avatar { width: 35px; height: 35px } .panel_ticket .ticket_message { padding: 20px }}@media(max-width:480px) { .panel_ticket.user_answer { margin-right: 15px } .panel_ticket.support_answer { margin-left: 15px } .panel_ticket .panel_body { gap: 7.5px } .panel_ticket .ticket_top .user_avatar { width: 30px; height: 30px } .panel_ticket .ticket_message { padding: 15px }}.login .split { display: grid; max-width: 1680px; margin: 0 auto}.login .login_info { display: grid; grid-template-columns: 1fr}.login .login_info .site_logo { position: relative}.login .login_info .info { font-size: 2.25em; line-height: 1.25em}.login .login_info .stats .counter { display: grid; grid-template-columns: repeat(13, -webkit-min-content); grid-template-columns: repeat(13, min-content)}.login .login_info .stats .counter .number,.login .login_info .stats .counter .separator { display: flex; align-items: center; justify-content: center}.login .login_info .stats .counter .number { background: #1e1f30; text-align: center}.login .trust { font-size: .875em}.login .trust .logo,.login .trust .stars { position: relative; margin-bottom: 10px}.login .locale .hexagon_dropdown { min-width: 150px}.login .locale .hexagon_dropdown>svg { fill: #1e1f30}.login .locale .hexagon_dropdown .cs__control { background: #1e1f30}.login .mobile_data { display: grid; justify-items: center}.login .mobile_data .trust { display: flex; flex-direction: column; align-items: center}.login .login_panel { flex-grow: 1; display: flex; flex-direction: column; justify-content: center}.login .login_panel .login_or { text-align: center; padding: 20px 0; font-size: 1.125em; text-transform: uppercase}.login .login_panel .social_login { display: grid; grid-template-columns: 1fr}.login .login_panel .social_login .btn_social { display: flex; align-items: center; position: relative; border-radius: 10px; overflow: hidden}.login .login_panel .social_login .btn_social .icon { padding: 1em; background: rgba(0, 0, 0, .2); display: flex}.login .login_panel .social_login .btn_social .text { position: absolute; width: 100%; text-align: center}.login .login_panel .social_login .btn_social.btn_google { background: #d6543c}.login .login_panel .social_login .btn_social.btn_google:hover { background: rgba(214, 84, 60, .9)}.login .login_panel .social_login .btn_social.btn_twitter { background: #4aa2ef}.login .login_panel .social_login .btn_social.btn_twitter:hover { background: rgba(74, 162, 239, .9)}.login .login_panel .social_login .btn_social.btn_twitch { background: #451093}.login .login_panel .social_login .btn_social.btn_twitch:hover { background: rgba(69, 16, 147, .9)}.login .login_panel .login_tos { font-size: .75em; text-align: center; margin-top: 20px}@media(min-width:1440px) { .login { background-size: 500px } .login .split { padding: 40px } .login .login_info { gap: 72px; margin-top: 72px } .login .login_info .site_logo { width: 410px; height: 92px } .login .login_info .stats .earned { padding-top: 20px } .login .login_info .stats .counter { gap: 10px } .login .login_info .stats .counter .number { padding: 10px; min-width: 45px } .login .login_panel .social_login { gap: 20px } .login .mobile_data { margin-top: 40px; gap: 40px } .login .trust .logo { width: 120px; height: 30px } .login .trust .stars { width: 156px; height: 30px }}@media(min-width:1281px)and (max-width:1439px) { .login { background-size: 460px } .login .split { padding: 35px } .login .login_info { gap: 63px; margin-top: 63px } .login .login_info .site_logo { width: 365px; height: 82px } .login .login_info .stats .earned { padding-top: 17.5px } .login .login_info .stats .counter { gap: 8.75px } .login .login_info .stats .counter .number { padding: 8.75px; min-width: 38px } .login .login_panel .social_login { gap: 17.5px } .login .mobile_data { margin-top: 35px; gap: 35px } .login .trust .logo { width: 100px; height: 25px } .login .trust .stars { width: 136px; height: 25px }}@media(min-width:1025px)and (max-width:1280px) { .login { background-size: 440px } .login .split { padding: 30px } .login .login_info { gap: 54px; margin-top: 54px } .login .login_info .site_logo { width: 320px; height: 72px } .login .login_info .stats .earned { padding-top: 15px } .login .login_info .stats .counter { gap: 7.5px } .login .login_info .stats .counter .number { padding: 7.5px; min-width: 32px } .login .login_panel .social_login { gap: 15px } .login .mobile_data { margin-top: 30px; gap: 30px } .login .trust .logo { width: 80px; height: 20px } .login .trust .stars { width: 106px; height: 20px }}@media(min-width:1025px) { .login { background-image: url(/img/lb_bg.png), url(/img/lb_bg_2.png); background-position: 100% 0, 0 100%; background-repeat: no-repeat } .login .split { min-height: 100vh; height: 100%; grid-template-columns: 3fr 2fr } .login .login_info { grid-template-rows: repeat(5, -webkit-min-content); grid-template-rows: repeat(5, min-content) } .login .login_info .stats .counter { font-size: 2.25em } .login .login_info .stats .counter .number { border-radius: 10px } .login .mobile_data { display: none }}@media(max-width:1024px) { .login .login_info { grid-template-rows: repeat(3, -webkit-min-content); grid-template-rows: repeat(3, min-content); justify-items: center } .login .login_info .info { text-align: center } .login .login_info .stats .counter { font-size: 1.75em } .login .login_info .stats .counter .number { border-radius: 5px } .login .login_info .stats .earned { text-align: center } .login .locale_desktop, .login .trust_desktop { display: none }}@media(min-width:768px)and (max-width:1024px) { .login .split { padding: 25px; gap: 25px } .login .login_info { gap: 50px } .login .login_info .site_logo { width: 244px; height: 55px } .login .login_info .stats .earned { padding-top: 12.5px } .login .login_info .stats .counter { gap: 6.25px } .login .login_info .stats .counter .number { padding: 12.5px; min-width: 40px } .login .login_panel .social_login { gap: 25px } .login .mobile_data { margin-top: 25px; gap: 25px } .login .trust .logo { width: 80px; height: 20px } .login .trust .stars { width: 106px; height: 20px }}@media(min-width:481px)and (max-width:767px) { .login .split { padding: 20px; gap: 20px } .login .login_info { gap: 40px } .login .login_info .site_logo { width: 220px; height: 50px } .login .login_info .stats .earned { padding-top: 10px } .login .login_info .stats .counter { gap: 5px } .login .login_info .stats .counter .number { padding: 10px; min-width: 35px } .login .login_panel .social_login { gap: 20px } .login .mobile_data { margin-top: 20px; gap: 20px } .login .trust .logo { width: 70px; height: 16px } .login .trust .stars { width: 92px; height: 16px }}@media(max-width:480px) { .login .split { padding: 15px; gap: 15px } .login .login_info { gap: 30px } .login .login_info .site_logo { width: 220px; height: 50px } .login .login_info .stats .earned { padding-top: 7.5px } .login .login_info .stats .counter { gap: 3.75px } .login .login_info .stats .counter .number { padding: 7.5px; min-width: 30px } .login .login_panel .social_login { gap: 15px } .login .mobile_data { margin-top: 15px; gap: 15px } .login .trust .logo { width: 70px; height: 16px } .login .trust .stars { width: 92px; height: 16px }}.offline { min-height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column}.offline.overlay { position: fixed; z-index: 1000; background: radial-gradient(550px at 50% 400px, #191927 0, #12121e 100%)}.offline .offline_inner { display: flex; width: 100%}.offline .offline_inner .offline_padding { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px; width: 100%}.offline .offline_inner .offline_padding .logo { position: relative}.offline .offline_inner .offline_padding>.panel { width: 100%; max-width: 600px}.offline .offline_inner .offline_padding .btn_under { width: 100%; max-width: 600px; margin-top: 40px}.offline .offline_inner .offline_padding .info { text-align: center; font-size: 2.25em; text-transform: uppercase}.offline .offline_inner .offline_padding .info_small { margin-top: 10px; text-align: center; color: hsla(0, 0%, 100%, .4)}.offline .offline_inner .offline_padding .counter { display: flex; flex-direction: column}.offline .offline_inner .offline_padding .counter .counter_title { text-align: center; font-size: 1.25em; margin-bottom: 20px}.offline .offline_inner .offline_padding .counter .counter_elements { display: flex}.offline .offline_inner .offline_padding .counter .counter_elements .number,.offline .offline_inner .offline_padding .counter .counter_elements .separator { font-size: 2.5em}.offline .offline_inner .offline_padding .counter .counter_elements .separator { color: #86868e}.offline .offline_inner .offline_padding .counter .counter_elements .counter_element { display: flex; flex-direction: column; align-items: center}.offline .offline_inner .offline_padding .counter .counter_elements .counter_element .number { background: #1e1f30; text-align: center; border-radius: 10px}.offline .offline_inner .offline_padding .counter .counter_elements .counter_element .number+.number { margin-left: 10px}.offline .offline_inner .offline_padding .counter .counter_elements .counter_element .text { margin-top: 10px; color: hsla(0, 0%, 100%, .8); font-size: .75em}.offline .offline_inner .offline_padding .login_message { margin-top: 1em; font-size: 1.25em; text-transform: uppercase; position: relative}.offline .offline_inner .offline_padding .login_message .anim_dots { display: inline-block; width: 24px}@media(min-width:1025px) { .offline .logo { width: 500px; height: 200px } .offline .offline_padding>.panel { margin-top: 50px } .offline .counter { margin-top: 70px } .offline .number, .offline .separator { padding: 25px 10px } .offline .number { min-width: 80px }}@media(max-width:1024px) { .offline .logo { width: 350px; height: 120px } .offline .offline_padding>.panel { margin-top: 30px } .offline .counter { margin-top: 50px } .offline .number, .offline .separator { padding: 20px 10px } .offline .number { min-width: 70px }}.page_blog .blog_top { display: grid; grid-template-columns: 1fr -webkit-max-content; grid-template-columns: 1fr max-content}.page_blog .blog_top .blog_info { display: grid; grid-template-columns: 1fr; grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content auto -webkit-min-content; grid-template-rows: min-content min-content min-content auto min-content}.page_blog .blog_top .blog_info .blog_title { font-size: 2.25em}.page_blog .blog_top .blog_info .blog_subtitle { font-size: 1.125em}.page_blog .blog_top .blog_info .button { display: flex; align-items: center}.page_blog .blog_top .blog_info .blog_details { display: grid; grid-template-columns: -webkit-max-content -webkit-max-content; grid-template-columns: max-content max-content}.page_blog .blog_top .blog_image { position: relative; border: 1px solid rgba(154, 169, 226, .4); border-radius: 10px; overflow: hidden}.page_blog .articles { display: grid; grid-template-columns: 1fr; grid-gap: 20px; gap: 20px}.page_blog .articles .panel { display: grid; cursor: pointer; position: relative; transition: all .2s; overflow: hidden; border: 1px dashed rgba(154, 169, 226, .2); grid-template-columns: -webkit-min-content 1fr; grid-template-columns: min-content 1fr}.page_blog .articles .panel:hover { border: 1px solid rgba(154, 169, 226, .4); filter: brightness(120%)}.page_blog .articles .panel:hover .image { transform: scale(1.05)}.page_blog .articles .panel .image_box { overflow: hidden}.page_blog .articles .panel .image { position: relative; transition: transform .2s}.page_blog .articles .panel .info { background: #212235; font-size: .75em; padding: 10px; overflow: hidden}.page_blog .articles .panel .info .title { background: -webkit-linear-gradient(#6575b0, #9aa9e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.125em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}.page_blog .articles .panel .info .description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: .8em}.page_blog .articles .panel .info .details { margin-top: 1em; display: flex; justify-content: space-between; font-size: .875em}.page_blog .article_message h1 { font-size: 2em}.page_blog .article_message h2 { font-size: 1.5em}.page_blog .article_message h3 { font-size: 1.17em}.page_blog .article_message h4 { font-size: 1em}.page_blog .article_message h5 { font-size: .83em}.page_blog .article_message h6 { font-size: .75em}.page_blog .article_message blockquote { background: #32334f; padding: 1em; border-radius: 10px}.page_blog .article_message strong { font-weight: 500}.page_blog .article_message .se-video-container { position: relative; width: auto; height: auto; max-width: 100%}.page_blog .article_message .se-video-container figure { left: 0; width: 100%; max-width: 100%}.page_blog .article_message .se-video-container iframe,.page_blog .article_message .se-video-container video { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%}@media(min-width:1440px) { .page_blog .blog_top { gap: 80px } .page_blog .blog_top .blog_info { gap: 20px } .page_blog .blog_top .blog_info .blog_details { gap: 40px } .page_blog .blog_top .blog_image { width: 320px; height: 320px } .page_blog .articles { gap: 20px } .page_blog .articles .panel .image { height: 100px; width: 100px }}@media(min-width:1281px)and (max-width:1439px) { .page_blog .blog_top { gap: 70px } .page_blog .blog_top .blog_info { gap: 17.5px } .page_blog .blog_top .blog_info .blog_details { gap: 35px } .page_blog .blog_top .blog_image { width: 310px; height: 310px } .page_blog .articles { gap: 17.5px } .page_blog .articles .panel .image { height: 95px; width: 95px }}@media(min-width:1025px)and (max-width:1280px) { .page_blog .blog_top { gap: 60px } .page_blog .blog_top .blog_info { gap: 15px } .page_blog .blog_top .blog_info .blog_details { gap: 30px } .page_blog .blog_top .blog_image { width: 300px; height: 300px } .page_blog .articles { gap: 15px } .page_blog .articles .panel .image { height: 90px; width: 90px }}@media(min-width:768px)and (max-width:1024px) { .page_blog .blog_top { gap: 50px } .page_blog .blog_top .blog_info, .page_blog .blog_top .blog_info .blog_details { gap: 25px } .page_blog .blog_top .blog_image { width: 280px; height: 280px } .page_blog .articles { gap: 25px } .page_blog .articles .panel .image { height: 90px; width: 90px }}@media(max-width:767px) { .page_blog .blog_top .blog_image { display: none }}@media(min-width:481px)and (max-width:767px) { .page_blog .blog_top { gap: 40px } .page_blog .articles, .page_blog .blog_top .blog_info, .page_blog .blog_top .blog_info .blog_details { gap: 20px } .page_blog .articles .panel .image { height: 90px; width: 90px }}@media(max-width:480px) { .page_blog .blog_top { gap: 30px } .page_blog .articles, .page_blog .blog_top .blog_info, .page_blog .blog_top .blog_info .blog_details { gap: 15px } .page_blog .articles .panel .image { height: 90px; width: 90px }}.rg_overlay { min-height: 100vh; align-items: center; justify-content: center; flex-direction: column; background-image: url(/img/lb_bg.png), url(/img/lb_bg_2.png); background-position: 100% 0, 0 100%; background-repeat: no-repeat}.rg_overlay,.rg_overlay .rg_inner { width: 100%; display: flex}.rg_overlay .rg_inner .rg_padding { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px; width: 100%}.rg_overlay .rg_inner .rg_padding .logo { position: relative}.rg_overlay .rg_inner .rg_padding>.panel { width: 100%; max-width: 600px}.rg_overlay .rg_inner .rg_padding>.panel .header_simple { justify-content: center}.rg_overlay .rg_inner .rg_padding>.panel .cards { grid-template-columns: -webkit-min-content; grid-template-columns: min-content; justify-content: center}.rg_overlay .rg_inner .rg_padding>.panel .cards .panel { cursor: default}.rg_overlay .rg_inner .rg_padding>.panel .form_vertical { width: 100%}.rg_overlay .rg_inner .rg_padding>.panel .qr_code { width: 200px; height: 200px; position: relative}@media(min-width:1440px) { .rg_overlay { background-size: 500px } .rg_overlay .rg_inner .rg_padding .logo { width: 500px; height: 200px } .rg_overlay .rg_inner .rg_padding>.panel { margin-top: 40px } .rg_overlay .rg_inner .rg_padding>.panel .cards .panel { min-width: 300px }}@media(min-width:1281px)and (max-width:1439px) { .rg_overlay { background-size: 460px } .rg_overlay .rg_inner .rg_padding .logo { width: 470px; height: 188px } .rg_overlay .rg_inner .rg_padding>.panel { margin-top: 35px } .rg_overlay .rg_inner .rg_padding>.panel .cards .panel { min-width: 280px }}@media(min-width:1025px)and (max-width:1280px) { .rg_overlay { background-size: 440px } .rg_overlay .rg_inner .rg_padding .logo { width: 440px; height: 176px } .rg_overlay .rg_inner .rg_padding>.panel { margin-top: 30px } .rg_overlay .rg_inner .rg_padding>.panel .cards .panel { min-width: 260px }}@media(min-width:768px)and (max-width:1024px) { .rg_overlay { background-size: 320px } .rg_overlay .rg_inner .rg_padding .logo { width: 410px; height: 164px } .rg_overlay .rg_inner .rg_padding>.panel { margin-top: 25px } .rg_overlay .rg_inner .rg_padding>.panel .cards .panel { min-width: 240px }}@media(min-width:481px)and (max-width:767px) { .rg_overlay { background-size: 300px } .rg_overlay .rg_inner .rg_padding .logo { width: 390px; height: 156px } .rg_overlay .rg_inner .rg_padding>.panel { margin-top: 20px } .rg_overlay .rg_inner .rg_padding>.panel .cards .panel { min-width: 220px }}@media(max-width:480px) { .rg_overlay { background-size: 280px } .rg_overlay .rg_inner .rg_padding .logo { width: 360px; height: 144px } .rg_overlay .rg_inner .rg_padding>.panel { margin-top: 15px } .rg_overlay .rg_inner .rg_padding>.panel .cards .panel { min-width: 200px }}.rdrCalendarWrapper { box-sizing: border-box; background: #fff; display: inline-flex; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}.rdrDateDisplay { display: flex; justify-content: space-between}.rdrDateDisplayItem { flex: 1 1; width: 0; text-align: center; color: inherit}.rdrDateDisplayItem+.rdrDateDisplayItem { margin-left: .833em}.rdrDateDisplayItem input { text-align: inherit}.rdrDateDisplayItem input:disabled { cursor: default}.rdrMonthAndYearWrapper { box-sizing: inherit; display: flex; justify-content: space-between}.rdrMonthAndYearPickers { flex: 1 1 auto; display: flex; justify-content: center; align-items: center}.rdrNextPrevButton { box-sizing: inherit; cursor: pointer; outline: none}.rdrMonths { display: flex}.rdrMonthsVertical { flex-direction: column}.rdrMonthsHorizontal>div>div>div { display: flex; flex-direction: row}.rdrMonth { width: 27.667em}.rdrWeekDays { display: flex}.rdrWeekDay { flex-basis: calc(100% / 7); box-sizing: inherit; text-align: center}.rdrDays { display: flex; flex-wrap: wrap}.rdrInfiniteMonths { overflow: auto}.rdrDateRangeWrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}.rdrDateInput { position: relative}.rdrDateInput input { outline: none}.rdrDateInput .rdrWarning { position: absolute; font-size: 1.6em; line-height: 1.6em; top: 0; right: .25em; color: red}.rdrDay { box-sizing: inherit; width: calc(100% / 7); position: relative; font: inherit; cursor: pointer}.rdrDayNumber { display: block; position: relative}.rdrDayNumber span { color: #1d2429}.rdrDayDisabled { cursor: not-allowed}@supports (-ms-ime-align:auto) { .rdrDay { flex-basis: 14.285% !important }}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge { pointer-events: none}.rdrDateRangePickerWrapper { display: inline-flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}.rdrStaticRanges { display: flex; flex-direction: column}.rdrStaticRange { font-size: inherit}.rdrInputRange { display: flex}.rdrCalendarWrapper { color: #000; font-size: 12px}.rdrDateDisplayWrapper { background-color: #eff2f7}.rdrDateDisplay { margin: .833em}.rdrDateDisplayItem { border-radius: 4px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(35, 57, 66, .21); border: 1px solid transparent}.rdrDateDisplayItem input { cursor: pointer; height: 2.5em; line-height: 2.5em; border: 0; background: transparent; width: 100%; color: #849095}.rdrDateDisplayItemActive { border-color: currentColor}.rdrDateDisplayItemActive input { color: #7d888d}.rdrMonthAndYearWrapper { align-items: center; height: 60px; padding-top: 10px}.rdrMonthAndYearPickers { font-weight: 600}.rdrMonthAndYearPickers select { -moz-appearance: none; appearance: none; -webkit-appearance: none; border: 0; background: transparent; padding: 10px 30px 10px 10px; border-radius: 4px; outline: 0; color: #3e484f; background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat; background-position: right 8px center; cursor: pointer; text-align: center}.rdrMonthAndYearPickers select:hover { background-color: rgba(0, 0, 0, .07)}.rdrMonthPicker,.rdrYearPicker { margin: 0 5px}.rdrNextPrevButton { display: block; width: 24px; height: 24px; margin: 0 .833em; padding: 0; border: 0; border-radius: 5px; background: #eff2f7}.rdrNextPrevButton:hover { background: #e1e7f0}.rdrNextPrevButton i { display: block; width: 0; height: 0; padding: 0; text-align: center; border-style: solid; margin: auto; transform: translate(-3px)}.rdrPprevButton i { border-width: 4px 6px 4px 4px; border-color: transparent #34495e transparent transparent; transform: translate(-3px)}.rdrNextButton i { margin: 0 0 0 7px; border-width: 4px 4px 4px 6px; border-color: transparent transparent transparent #34495e; transform: translate(3px)}.rdrWeekDays { padding: 0 .833em}.rdrMonth { padding: 0 .833em 1.666em}.rdrMonth .rdrWeekDays { padding: 0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName { display: none}.rdrWeekDay { font-weight: 400; line-height: 2.667em; color: #849095}.rdrDay { background: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; padding: 0; line-height: 3em; height: 3em; text-align: center; color: #1d2429}.rdrDay:focus { outline: 0}.rdrDayNumber { outline: 0; font-weight: 300; position: absolute; left: 0; right: 0; top: 0; bottom: 0; top: 5px; bottom: 5px; display: flex; align-items: center; justify-content: center}.rdrDayToday .rdrDayNumber span { font-weight: 500}.rdrDayToday .rdrDayNumber span:after { content: ""; position: absolute; bottom: 4px; left: 50%; transform: translate(-50%); width: 18px; height: 2px; border-radius: 2px; background: #3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after { background: #fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span { color: hsla(0, 0%, 100%, .85)}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge { background: currentColor; position: absolute; top: 5px; left: 0; right: 0; bottom: 5px}.rdrSelected { left: 2px; right: 2px}.rdrStartEdge { border-top-left-radius: 1.042em; border-bottom-left-radius: 1.042em; left: 2px}.rdrEndEdge { border-top-right-radius: 1.042em; border-bottom-right-radius: 1.042em; right: 2px}.rdrSelected { border-radius: 1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange { border-top-left-radius: 1.042em; border-bottom-left-radius: 1.042em; left: 2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge { border-top-right-radius: 1.042em; border-bottom-right-radius: 1.042em; right: 2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview { border-top-left-radius: 1.333em; border-bottom-left-radius: 1.333em; border-left-width: 1px; left: 0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview { border-top-right-radius: 1.333em; border-bottom-right-radius: 1.333em; border-right-width: 1px; right: 0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview { background: hsla(0, 0%, 100%, .09); position: absolute; top: 3px; left: 0; right: 0; bottom: 3px; pointer-events: none; border: 0 solid; z-index: 1}.rdrDayStartPreview { border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-top-left-radius: 1.333em; border-bottom-left-radius: 1.333em; left: 0}.rdrDayEndPreview,.rdrDayInPreview { border-top-width: 1px; border-bottom-width: 1px}.rdrDayEndPreview { border-right-width: 1px; border-top-right-radius: 1.333em; border-bottom-right-radius: 1.333em; right: 2px; right: 0}.rdrDefinedRangesWrapper { font-size: 12px; width: 226px; border-right: 1px solid #eff2f7; background: #fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected { color: currentColor; font-weight: 600}.rdrStaticRange { border: 0; cursor: pointer; display: block; outline: 0; border-bottom: 1px solid #eff2f7; padding: 0; background: #fff}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel { background: #eff2f7}.rdrStaticRangeLabel { display: block; outline: 0; line-height: 18px; padding: 10px 20px; text-align: left}.rdrInputRanges { padding: 10px 0}.rdrInputRange { align-items: center; padding: 5px 20px}.rdrInputRangeInput { width: 30px; height: 30px; line-height: 30px; border-radius: 4px; text-align: center; border: 1px solid #dee7eb; margin-right: 10px; color: #6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover { border-color: #b4bfc4; outline: 0; color: #333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after { content: ""; border: 1px solid; border-radius: 1.333em; position: absolute; top: -2px; bottom: -2px; left: 0; right: 0; background: transparent}.rdrDayPassive { pointer-events: none}.rdrDayPassive .rdrDayNumber span { color: #d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge { display: none}.rdrDayDisabled { background-color: #f8f8f8}.rdrDayDisabled .rdrDayNumber span { color: #aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge { filter: grayscale(100%) opacity(60%)}.rdrMonthName { text-align: left; font-weight: 600; color: #849095; padding: .833em}/* Default styles */.tutorial { display: flex; justify-content: space-around; flex-direction: row; padding-bottom: 17.5px; margin: 20px;}.tutorial_info { display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #1e1f30; border-radius: 20px; padding: 30px; width: 100%; max-width: 400px;}.title { margin: 10px 0px; text-align: center; font-size: 22px; font-weight: bold;}.subtitle { color: #b0b0b0;}.text_blue { color: #a9a8cd; text-align: center; font-weight: 600;}/* Media queries */@media screen and (max-width: 767px) { /* Mobile devices */ .tutorial { flex-direction: column; } .tutorial_info { max-width: none; margin-bottom: 20px; }}@media screen and (min-width: 768px) and (max-width: 1023px) { /* Tablets */ .tutorial { flex-wrap: wrap; } .tutorial_info { max-width: calc(50% - 30px); margin-bottom: 30px; }}@media screen and (min-width: 1024px) { /* Desktops */ .tutorial { justify-content: space-around; } .tutorial_info { max-width: calc(33.33% - 30px); margin-bottom: 30px; }}.carousel-container { width: 100%; height: 90px; position: relative; overflow: hidden;}.carousel-slide { width: 100%; height: auto; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease-in-out; display: flex; justify-content: center; padding-top: 5px; font-weight: 600; flex-direction: column; align-items: center;}.carousel-slide.active { opacity: 1;}.home_head { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; height: 100%; width: 100%;}.carousel_icon { color: #a9a9ca; padding-top: 10px;}.paid_for h1 { font-weight: 900; font-size: xx-large; color: #a9a9ca;}.carousel_icon svg { color: #a9a9ca; height: 3em; width: 3em; fill: currentColor;}.answer { display: none; font-size: 16px; line-height: 1.4; overflow: hidden; transition: max-height .2s ease-out; background: #212235; /* border-radius: 10px; */ padding: 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: -5px; border: 1px solid #a9a9ca;}/* Default styles for desktop */.invite { width: 100%; padding-right: 15px; padding-left: 15px; /* background: rgba(84, 98, 146, .1); */ margin: 15px auto;}.content-wrapper { padding: 1rem 3rem 2rem; display: flex; align-items: center;}.invtext { display: flex; justify-content: flex-start; flex-direction: column;}.invtext_header { font-size: xx-large; font-weight: 800; color: #a9a9ca; padding-bottom: 1rem;}.invtext_footer { font-weight: 600;}/* Media query for tablet */@media screen and (max-width: 768px) { .content-wrapper { flex-direction: column; } img { max-width: 100%; height: auto; }}/* Media query for mobile */@media screen and (max-width: 480px) { .invtext_header { font-size: large; }}/* benefit */.New_benefits { display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 30px; margin: 30px 0;}.top-benefits { display: flex; justify-content: center; flex-direction: row; align-items: center; gap: 30px;}.top-benefits .benefit-item { display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 16px 19px 22px 19px; background: #212235; border-radius: 5px; width: 255px; height: 276px;}.benefit-item img { max-height: 163px; margin-bottom: 15px;}.benefit-item svg { color: #a9a9ca; height: 6em; width: 6em; fill: currentColor; margin-bottom: 10px;}.regular-benefit-wrapper { display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 30px;}.regular-benefits { display: flex; justify-content: center; flex-direction: row; align-items: center; gap: 30px;}.regular-benefits .benefit-item { display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 16px 19px 22px 19px; background: #212235; border-radius: 5px; width: 255px; height: 123px; padding-top: 36px;}.dropbtn { background-color: #04AA6D; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer;}.dropbtn:hover,.dropbtn:focus { background-color: #3e8e41;}.dropdown { float: right; position: relative; display: inline-block;}.dropdown-content { display: none; position: absolute; background-color: #1e2036; /* min-width: 160px; */ overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); right: 0; z-index: 1; /* border-radius: 20px 0; */ border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: #a9a9ca; /* width: 300px; */}.dropdown-content a { color: #a9a9ca; padding: 12px 16px; text-decoration: none; display: block;}.dropdown a:hover { background: linear-gradient(90deg, rgba(101, 117, 176, .5), rgba(154, 169, 226, .5));}.show { display: block;}/* //////////////////////////////////////////////////////// */::-webkit-scrollbar { width: 10px; height: 10px;}::-webkit-scrollbar-track { background: #222337; -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);}::-webkit-scrollbar-thumb { background: #2e2f46; -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);}::-webkit-scrollbar-thumb:hover { background: #aaa;}::-webkit-scrollbar-thumb:active { background: #888; -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);}.trustpilotStars { cursor: pointer; width: 100px; height: 19px; z-index: 2;}.homeTestimonials { margin-top: 35px; margin-bottom: 20px;}.homeTestimonials .homeTestimonialsHeading { max-width: 1060px; margin: 40px auto; padding: 0 20px; padding: 0; text-align: center; color: #fff; font-size: 25px; font-weight: 600;}@media only screen and (max-width:700px) { .homeTestimonials .homeTestimonialsHeading { margin: 20px auto; padding: 0 15px; }}.homeTestimonials .homeTmBoxes { display: flex; overflow-x: scroll;}.homeTestimonials .tmBox { background: #1d1e31; border-radius: 5px; width: 326px; min-width: 300px; height: 200px; padding: 20px; text-align: left; display: flex; flex-direction: column; margin-right: 10px; margin-bottom: 15px;}.homeTestimonials .tmBox .tmBoxTitleRow { display: flex; justify-content: space-between; align-items: center;}.homeTestimonials .tmBox .tmBoxUser { color: #01b664; font-size: 17px; font-weight: 600;}.homeTestimonials .tmBox .tmBoxDate { font-size: 12px; font-weight: 500;}.homeTestimonials .tmBox .tmBoxReview { color: #666899; font-size: 13px; font-weight: 600; flex: 1; color: #ccccdf; line-clamp: 4; -webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; margin-top: 10px;}.homeTestimonials .tmBox .tmBoxRatingRow { display: flex; justify-content: space-between; align-items: center;}.homeTestimonials .tmBox svg { color: #a9a9ca; height: 1.5em; width: 1.5em; fill: currentColor;}.feedback-section { width: 100%; padding-bottom: 60px; text-align: center; background: rgba(84, 98, 146, .1);}.feedback-section_2 { width: 100%; /* padding-bottom: 60px; */ text-align: center; background: rgba(84, 98, 146, .1);}.feedback-section .homeTestimonials { margin: 0;}.feedback-section .homeTestimonials>div { background: transparent !important; padding-bottom: 0 !important;}.feedback-section .homeTestimonials .homeTestimonialsHeading { font-weight: 600; font-size: 30px; margin-bottom: 75px;}@media only screen and (max-width:700px) { .feedback-section .homeTestimonials .homeTestimonialsHeading { font-size: 20px; margin-bottom: 75px; }}/* //////////////////////////////////////////// */.hero-chattogram h2,h5 { margin-top: 0; margin-bottom: .5rem;}.hero-chattogram img { vertical-align: middle; border-style: none;}.hero-chattogram h2,.hero-chattogram h5 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2;}.hero-chattogram h2 { font-size: 2rem;}.hero-chattogram h5 { font-size: 1.25rem;}.container_header { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}@media (min-width:576px) { .container_header { max-width: 540px; }}@media (min-width:768px) { .container_header { max-width: 720px; }}@media (min-width:992px) { .container_header { max-width: 960px; }}@media (min-width:1200px) { .container_header { max-width: 1140px; }}@media (min-width:576px) { .container_header { max-width: 540px; }}@media (min-width:768px) { .container_header { max-width: 720px; }}@media (min-width:992px) { .container_header { max-width: 960px; }}@media (min-width:1200px) { .container_header { max-width: 1140px; }}.hero-chattogram .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}.col-12,.col-lg-6,.col-md-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}@media (min-width:768px) { .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }}@media (min-width:992px) { .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }}.d-none { display: none !important;}.d-flex { display: -ms-flexbox !important; display: flex !important;}@media (min-width:768px) { .d-md-inline-block { display: inline-block !important; }}.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important;}.align-items-center { -ms-flex-align: center !important; align-items: center !important;}.h-100 { height: 100% !important;}.text-center { text-align: center !important;}.text-white { color: #fff !important;}.text-warning { color: #a9a9ca !important;}.justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}img { height: auto; max-width: 100%;}@media only screen and (min-width:480px) and (max-width:575px) { .container_header { max-width: 450px; }}@media only screen and (min-width:576px) and (max-width:767px) { .container_header { max-width: 540px; }}.welcome_area { width: 100%; position: relative; z-index: 1; height: 550px;}@media only screen and (min-width:992px) and (max-width:1199px) { .welcome_area { height: 450px; }}@media only screen and (min-width:768px) and (max-width:991px) { .welcome_area { height: 350px; }}@media only screen and (max-width:575px) { .welcome_area { height: 550px; }}@media only screen and (min-width:576px) and (max-width:767px) { .welcome_text_area { padding-top: 60px; margin-bottom: 0; }}@media only screen and (max-width:575px) { .welcome_text_area { padding-top: 60px; margin-bottom: 0; }}.welcome_text_area h2 { font-size: 3rem; margin-bottom: 30px;}@media only screen and (min-width:992px) and (max-width:1199px) { .welcome_text_area h2 { font-size: 2.5rem; }}@media only screen and (min-width:768px) and (max-width:991px) { .welcome_text_area h2 { font-size: 2.2rem; }}@media only screen and (min-width:576px) and (max-width:767px) { .welcome_text_area h2 { font-size: 2rem; }}@media only screen and (max-width:575px) { .welcome_text_area h2 { font-size: 1.7rem; }}@media only screen and (min-width:480px) and (max-width:575px) { .welcome_text_area h2 { font-size: 2rem; }}.welcome_text_area h5 { font-weight: 400; line-height: 1.6;}@media only screen and (min-width:768px) and (max-width:991px) { .welcome_text_area h5 { font-size: 1rem; }}@media only screen and (min-width:576px) and (max-width:767px) { .welcome_text_area h5 { font-size: 1rem; }}@media only screen and (max-width:575px) { .welcome_text_area h5 { font-size: 1rem; }}.welcome_area_thumb { position: relative; z-index: 1; text-align: center;}.hero-chattogram.welcome_area { /* background: #12121e; background: -webkit-linear-gradient(to right, #191927, #12121e); background: linear-gradient(to right, #191927, #12121e); */ overflow: hidden;}.hero-chattogram.welcome_area .welcome_area_thumb { padding-top: 73px;}@media only screen and (min-width:768px) and (max-width:991px) { .hero-chattogram.welcome_area .welcome_area_thumb { padding-top: 63px; }}@media only screen and (min-width:576px) and (max-width:767px) { .hero-chattogram.welcome_area .welcome_area_thumb { padding-top: 0; }}@media only screen and (max-width:575px) { .hero-chattogram.welcome_area .welcome_area_thumb { padding-top: 0; }}.hero-chattogram.welcome_area .welcome_text_area { padding-top: 73px;}@media only screen and (min-width:768px) and (max-width:991px) { .hero-chattogram.welcome_area .welcome_text_area { padding-top: 63px; }}@media only screen and (min-width:576px) and (max-width:767px) { .hero-chattogram.welcome_area .welcome_text_area { padding-top: 60px; }}@media only screen and (max-width:575px) { .hero-chattogram.welcome_area .welcome_text_area { padding-top: 60px; }}.hero-chattogram.welcome_area .welcome_text_area h2 { position: relative; z-index: 1; display: inline-block;}.hero-chattogram.welcome_area .welcome_text_area h2::after { position: absolute; content: ""; background-color: rgba(255, 255, 255, .175); bottom: 6px; left: 0; z-index: -1; width: 100%; height: 12px;}.circle-zoom { position: absolute; width: 350px; height: 350px; background-color: rgba(255, 255, 255, .07); border-radius: 50%; bottom: -350px; z-index: -10; left: -100px; -webkit-animation: circle-zoom linear 8s infinite; animation: circle-zoom linear 8s infinite;}.circle-shape-animation .circle1 { width: 30px; height: 30px; background-color: #3f43fd; position: absolute; top: 19%; left: 16%; z-index: -1; border-radius: 50%; opacity: .15; -webkit-animation: circle-zoom-in-out linear 12s infinite; animation: circle-zoom-in-out linear 12s infinite;}.circle-shape-animation .circle2 { width: 30px; height: 30px; background-color: #f4284a; position: absolute; top: 24%; left: 77%; z-index: -1; border-radius: 50%; opacity: .15; -webkit-animation: circle-zoom-in-out linear 9s infinite; animation: circle-zoom-in-out linear 9s infinite;}.circle-shape-animation .circle3 { width: 30px; height: 30px; background-color: #f1c40f; position: absolute; top: 64%; left: 91%; z-index: -1; border-radius: 50%; opacity: .15; -webkit-animation: circle-zoom-in-out linear 16s infinite; animation: circle-zoom-in-out linear 16s infinite;}.circle-shape-animation .circle4 { width: 30px; height: 30px; background-color: #f1c40f; position: absolute; top: 74%; left: 36%; z-index: -1; border-radius: 50%; opacity: .15; -webkit-animation: circle-zoom-in-out linear 10s infinite; animation: circle-zoom-in-out linear 10s infinite;}.welcome_area_thumb { position: relative; z-index: 1;}.welcome_area .apland-btn.btn-4 { color: #711982;}.fw-600 { font-weight: 600;}.signup-btn { background: linear-gradient(to right, rgb(170, 255, 169), rgb(17, 255, 189)); transition: .1s all linear !important;}.signup-btn:hover { transform: scale(1.05);}.signup-btn { border: none !important;}@media all { .tada { -webkit-animation-name: tada; animation-name: tada; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }}/*! CSS Used keyframes */@-webkit-keyframes circle-zoom { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(3.5); transform: scale(3.5); background-color: transparent; }}@keyframes circle-zoom { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(3.5); transform: scale(3.5); background-color: transparent; }}@-webkit-keyframes circle-zoom-in-out { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); }}@keyframes circle-zoom-in-out { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); }}@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }}@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); -ms-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }}@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}/* ////////////////////////////////////////////// */.walls-container-title { display: block; font-size: 16px; font-weight: 700; margin-bottom: 10px; margin-left: 22px}.walls-container { display: flex; flex-wrap: wrap; gap: 20px; margin: 0 20px 44px}@media screen and (max-width:1450px) { .walls-container { grid-template-columns: repeat(4, auto) }}@media screen and (max-width:750px) { .walls-container { grid-template-columns: repeat(3, auto) }}@media screen and (max-width:560px) { .walls-container { grid-template-columns: repeat(2, auto) }}@media screen and (max-width:380px) { .walls-container { grid-template-columns: repeat(1, auto) }}.offer-wall-class { align-items: center; background-color: #1c2531; border-radius: 8px; color: #fff; cursor: pointer; display: flex; flex-direction: column; gap: 10px; height: 100%; justify-content: space-between; max-width: 120px; min-height: 180px; padding: 5px; border-bottom: 2px solid rgb(169, 169, 202); border-top: 2px solid rgb(169, 169, 202);}/* @media screen and (max-width:444px) { .offer-wall-class { max-width: 46% }}@media screen and (max-width:375px) { .offer-wall-class { max-width: 100% }} */.offer-wall-class .wall-image-container { align-items: center; display: flex; justify-content: center}.offer-wall-class .offer-promo { background: none; display: flex; justify-content: space-between; padding-top: 10px; position: relative; width: 100%}.offer-wall-class .offer-promo p { margin-bottom: 0}.offer-wall-class .offer-name,.offer-wall-class .offer-promo p { background-color: #00000040; border-radius: 5px; padding: 3px 10px}.offer-wall-class .offer-name { font-size: 9px; margin-bottom: 10px; text-transform: capitalize; font-weight: 900;}.blur-over,.efff { align-items: center; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: 8px; bottom: 0; display: flex; flex-direction: column; justify-content: center; left: 0; margin-top: -5px; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .2s ease-in; z-index: 20}.efff { opacity: .3}.carousell-item:hover .blur-over,.carousell-small-item .blur-over { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); height: 100%; margin: 0 auto; width: 100%}.carousell-item:hover .blur-over { border-radius: 0; border-top-left-radius: 8px; border-top-right-radius: 8px}.offer-wall-class:hover>.blur-over { opacity: 1}.wall-image-container img { height: 75px}.offer-wall-class:hover>.wall-image-container img { height: 79px !important}.offer-promo { background-color: #00000040; border-radius: 0 0 4px 0; color: #d8d7d7; font-size: 11px; left: 0; padding: 2px 5px; position: absolute; text-shadow: 0 0 2px; top: 0}.waves-effect { position: relative; cursor: pointer; overflow: hidden; user-select: none; -webkit-tap-highlight-color: transparent}/* ////////////////////////////////////////////// */[tabindex="-1"]:focus { outline: 0 !important;}svg { overflow: hidden; vertical-align: middle;}.fade { transition: opacity .15s linear;}@media screen and (prefers-reduced-motion:reduce) { .fade { transition: none; }}.modal-open .modal { overflow-x: hidden; overflow-y: auto;}.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none;}.modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px);}@media screen and (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none; }}.modal.show .modal-dialog { -webkit-transform: none; transform: none;}.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2));}.modal-dialog-centered::before { display: block; height: calc(100vh - (.5rem * 2)); content: "";}.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background: #2a343d; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; outline: 0;}.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 20px; border-top-right-radius: 20px;}.modal-title { margin-bottom: 0; line-height: 1.5;}.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; /* padding: 1rem; */}@media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); }}@media (min-width:992px) { .modal-xl { max-width: 800px; }}@media (min-width:1200px) { .modal-xl { max-width: 1140px; }}/* //////////////////////////////// */.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem;}.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: rgba(0, 0, 0, .1); border: 1px solid #dee2e6;}.page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: rgba(154, 169, 226, .1); border-color: #dee2e6;}.page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);}.page-link:not(:disabled):not(.disabled) { cursor: pointer;}.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem;}.page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem;}.page-item.active .page-link { z-index: 1; color: #fff; order: 1px solid #dee2e6; background: rgba(154, 169, 226, .1);}.navigation { display: flex; justify-content: flex-start; align-content: center; align-items: center;}.pagination { display: flex; list-style-type: none;}/* //////////////////////////////////////////////////// */.Profile .col-md-12,.Profile .col-md-2 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}@media (min-width:768px) { .Profile .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .Profile .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }}.Profile .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}@media screen and (prefers-reduced-motion:reduce) { .Profile .form-control { transition: none; }}.Profile .form-control:focus { color: #495057; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);}.Profile .form-control::placeholder { color: #6c757d; opacity: 1;}.Profile .form-control:disabled { opacity: 1;}.Profile .form-group { margin-bottom: 1rem;}.Profile .fade { transition: opacity .15s linear;}@media screen and (prefers-reduced-motion:reduce) { .Profile .fade { transition: none; }}.Profile .modal-open .modal { overflow-x: hidden; overflow-y: auto;}.Profile .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}.Profile .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none;}.Profile .modal.fade .Profile .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px);}@media screen and (prefers-reduced-motion:reduce) { .Profile .modal.fade .Profile .modal-dialog { transition: none; }}.Profile .modal.show .Profile .modal-dialog { -webkit-transform: none; transform: none;}.Profile .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0;}.Profile .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;}.Profile .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem;}.Profile .modal-footer>:not(:first-child) { margin-left: .25rem;}.Profile .modal-footer>:not(:last-child) { margin-right: .25rem;}@media (min-width:576px) { .Profile .modal-dialog { max-width: 500px; margin: 1.75rem auto; }}/* ////////////////////////////////////////////////// */::placeholder { color: #323345; opacity: 1;}::-webkit-scrollbar { width: 10px; height: 10px;}::-webkit-scrollbar-track { background: #222337; -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);}::-webkit-scrollbar-thumb { background: #2e2f46; -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);}::-webkit-scrollbar-thumb:hover { background: #aaa;}::-webkit-scrollbar-thumb:active { background: #888; -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);}.moveAlmaViewToTop { top: -65px; position: relative;}.faqPage { display: flex; justify-content: center; letter-spacing: -0.03em; font-family: "Poppins", sans-serif;}.faqPage .faqPageContainer { background: rgba(60, 61, 89, 0.25); border-radius: 20px; width: 100%; max-width: 1198px; margin: 20px 20px; padding: 52px 62px;}@media only screen and (max-width:700px) { .faqPage .faqPageContainer { margin: 20px 0; padding: 32px 5px; border-radius: 0; }}.faqPage .faqHeading { display: flex; font-family: "Roboto", sans-serif; font-size: 35px; align-items: center; justify-content: space-between; color: #a9a9ca; margin: 0; margin-bottom: 30px;}@media only screen and (max-width:700px) { .faqPage .faqHeading { flex-direction: column; font-size: 30px; margin-bottom: 25px; }}.faqPage .faqHeading .faqHeadingLeft { font-weight: 900; display: flex; align-items: center;}@media only screen and (max-width:700px) { .faqPage .faqHeading .faqHeadingLeft { margin-right: 20px; }}.faqPage .faqHeading .faqHeadingLeft::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 100%; margin-right: 23px; background: #a9a9ca;}.faqPage .faqHeading .faqHeadingRight { font-weight: 500; text-align: center;}@media only screen and (max-width:700px) { .faqPage .faqHeading .faqHeadingRight { margin-top: 5px; font-size: 28px; font-weight: 600; }}@media only screen and (max-width:700px) { .termsPage .faqPageContainer { padding-left: 15px; padding-right: 15px; }}.termsPage .lastUpdatedBox { color: #888aaf; background: #3a3c5c; display: flex; align-items: center; justify-content: center; width: 201px; height: 33px; font-size: 12px; font-weight: 700; margin-bottom: 20px;}.termsPage #google_translate_element { margin: 20px 0;}.termsPage h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.03em; color: #a9a9ca; margin: 25px 10px 10px 10px;}.termsPage p,.termsPage li { font-weight: 500; font-size: 14px; line-height: 157%; letter-spacing: .03em; color: #606288;}.termsPage li::before { content: "•"; margin-right: 5px; display: inline;}/* ///////////////////////// */.tabs { position: relative; overflow-x: auto; overflow-y: hidden; height: 48px; width: 100%; background-color: #fff; margin: 0 auto; white-space: nowrap;}.tabs.tabs-fixed-width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}.tabs.tabs-fixed-width .tab { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;}.tabs .tab { display: inline-block; text-align: center; line-height: 48px; height: 48px; padding: 0; margin: 0; text-transform: uppercase;}.tabs .tab a { color: rgba(238, 110, 115, 0.7); display: block; width: 100%; height: 100%; padding: 0 24px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color .28s ease, background-color .28s ease; transition: color .28s ease, background-color .28s ease;}.tabs .tab a:focus,.tabs .tab a:focus.active { background-color: rgba(246, 178, 181, 0.2); outline: none;}.tabs .tab a:hover,.tabs .tab a.active { background-color: transparent; color: #ee6e73;}.tabs .indicator { position: absolute; bottom: 0; height: 2px; background-color: #f6b2b5; will-change: left, right;}@media only screen and (max-width: 992.99px) { .tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs .tab { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .tabs .tab a { padding: 0 12px; }}.tabs .tab a { color: black !important; cursor: pointer;}.faqPage .tabsContainer { padding: 0 15px; position: relative; margin-bottom: 15px;}@media only screen and (max-width:700px) { .faqPage .tabsContainer { padding: 5px 15px 0 15px; margin: 0 -5px 25px -5px; background: #1f2034; }}.faqPage .tabsContainer .tabsLine { width: 100%; height: 1px; background: #3c3d59; position: absolute; bottom: 0; left: 0;}@media only screen and (max-width:700px) { .faqPage .tabsContainer .tabsLine { display: none; }}.faqPage .tabs { background: none !important; font-family: "Roboto", sans-serif;}@media only screen and (max-width:700px) { .faqPage .tabs { height: 55px; }}.faqPage .tabs .tab { text-transform: none;}.faqPage .tabs .tab a { color: #545673 !important; font-size: 14px; font-weight: 700;}@media only screen and (max-width:700px) { .faqPage .tabs .tab a { font-size: 15px; }}.faqPage .tabs .tab a.active { color: #a9a9ca !important;}.faqPage .tabs .tab a:focus,.faqPage .tabs .tab a:active { background: none !important;}.faqPage .tabs .indicator { background-color: #a9a9ca;}.faqPage .tabs .tab a,.faqPage .tabs .indicator { min-width: 90px;}.faqPage .faqPageBottom { display: flex; flex-direction: column; align-items: flex-end; color: #5f618d; font-weight: 500; font-size: 15px; margin-top: 30px;}@media only screen and (max-width:700px) { .faqPage .faqPageBottom { align-items: center; }}.faqPage .faqPageButton { display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #fff; background: #a9a9ca; border-radius: 5px; cursor: pointer; width: 335px; height: 49px; margin-top: 13px;}@media only screen and (max-width:700px) { .faqPage .faqPageButton { width: 90%; }}.faqItem { color: #fff; margin: 7px 0; font-family: "Poppins", sans-serif;}.faqItem .faqQuestion { padding: 15px 25px; background: #23243b; font-weight: 500; font-size: 17px; cursor: pointer; border-radius: 7px;}@media only screen and (max-width:700px) { .faqItem .faqQuestion { font-size: 15px; }}.faqItem .faqAnswer { padding: 0 35px 0 25px; background: #1f2034; font-size: 15px; font-weight: 500; max-height: 0; overflow: hidden; transition: padding .4s ease-out; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; margin: 0;}@media only screen and (max-width:700px) { .faqItem .faqAnswer { padding: 0 15px; }}.faqItem .faqAnswer ol { margin-top: 30px;}.faqItem img { max-width: 100%; display: block; margin: 10px 0 20px 0;}.faqItem--active .faqQuestion { color: #a9a9ca; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}@media only screen and (max-width:700px) { .faqItem--active .faqQuestion { border-bottom: rgba(112, 115, 158, 0.4); }}.faqItem--active .faqAnswer { padding: 25px 35px 25px 25px; max-height: 10000px;}/* ///////////////////////////////////////////////////// */.form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem;}.form-check .form-check-input { float: left; margin-left: -1.5em;}.form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, .25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact;}.form-check-input[type=checkbox] { border-radius: .25em;}.form-check-input:active { filter: brightness(90%);}.form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}.form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd;}.form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}.form-check-input:disabled { pointer-events: none; filter: none; opacity: .5;}.form-check-input:disabled~.form-check-label { opacity: .5;}.form-switch { padding-left: 2.5em;}.form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out;}@media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none; }}.form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");}.form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}.downdown-hr { height: 1px; background: #a9a9ca; opacity: .1; margin: 10px;}.avters { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap;}.avters .av { display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(20, 21, 32, .6); border: 2px dashed hsla(240, 3%, 54%, .2); border-radius: 10px; padding: 10px;}.av img { width: 50px; height: 50px; margin-bottom: 10px;}.av a { background-color: #a9a9ca; padding: 10px; border-radius: 10px; text-transform: capitalize; text-decoration: none; color: #fff;}.Social { background-color: #1d1e30; padding: 20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}@media(min-width:768px) and (max-width:1024px) { .Social { background-color: #1d1e30; padding: 20px 20px 80px; }}@media(min-width:481px)and (max-width:767px) { .Social { background-color: #1d1e30; padding: 20px 20px 80px; justify-content: center; }}@media(max-width:480px) { .Social { background-color: #1d1e30; padding: 20px 20px 80px; justify-content: center; }}.footer-container-socials-left-content { display: flex; gap: 16px;}.footer-container-socials-left-content a { width: 40px; height: 40px; border-radius: 20px; display: flex; align-items: center; justify-content: center; background: #242537; color: #7d7d9e;}.footer-container-socials-left-content .footer-social-link-twitter:hover { background: #1d9bf0; color: #fff;}.footer-container-socials-left-content .footer-social-link-facebook:hover { background: #4267b2; color: #fff;}.footer-container-socials-left-content .footer-social-link-instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); color: #fff;}.footer-container-socials-left-content .footer-social-link-reddit:hover { background: #ff5700; color: #fff;}.footer-container-socials-left-content .footer-social-link-trustpilot:hover { background: #007f4e; color: #fff;}.icon svg { height: 1em; width: 1em; fill: currentColor;}.nav-menu-item { padding: 9px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 160%; color: #a9a9ca; display: flex; align-items: center; border-radius: 6px;}.nav-menu-item:hover { color: #ccc;}.button .icon svg { color: #a9a9ca;}.gap-10 { gap: 10px;}.flex { display: flex; flex-wrap: wrap;}.flex-col { display: flex; flex-direction: column;}.items-center { align-items: center;}.d-block { display: block;}.margin-auto { margin: auto;}.text-bold { font-weight: bold;}.text-natural-grey-300 { color: #7d7ca1;}.social-items button { border: 0; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; cursor: pointer;}.social-items a { width: 60px; height: 60px; border-radius: 30px; display: flex; align-items: center; justify-content: center; background: #242537; color: #7d7d9e;}.social-items .twit:hover { background: #1d9bf0; color: #fff;}.social-items .face:hover { background: #4267b2; color: #fff;}.social-items .emailbt:hover { background: #868686; color: #fff;}.social-items .whats:hover { background: #007f4e; color: #fff;}/* ////////////////////////////////////////////////////////////// */.daily-bonuses { background-color: #212235; border-radius: 8px; color: #fff; display: flex; flex-direction: column; padding: 5px; font-weight: 900; height: 70px;}.daily-bonuses button,.daily-bonuses button:focus,.daily-bonuses button:hover { background-color: #178a9452; border: none; border-radius: 5px; box-shadow: none; color: #ebecec; font-size: 11px; height: 25px;}.daily-bonuses-cont { align-items: center; display: flex; flex-direction: row; font-size: 13px; justify-content: space-between; padding: 10px; width: 100%;}.daily-bonuses-cont img { margin-bottom: 2.5px !important;}.daily-bonuses-cont p { margin-bottom: 0;}.splide__slide img { vertical-align: bottom;}.splide__slide .btn { background-color: #0d131c; padding: 0 20px; font-weight: 900;}/* /////////////////////////////////////////////////////// */.coin { height: 15px !important; margin: 2px !important; width: 15px !important;}.truncate { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.custom_arrows { position: absolute !important; right: 0 !important; top: -29px !important; width: 68px !important;}.custom_arrow { background-color: #1c2531 !important; border-color: transparent !important; border-radius: 10px !important; color: #fff !important; font-size: 16.68px !important; height: 2rem !important; opacity: 1 !important; transition: opacity .1s ease-in-out !important; width: 2rem !important;}.custom_arrow:hover { background-color: #1f2a39 !important;}.splide__arrow--prev { left: -.15rem !important;}.splide__arrow--next { right: -.15em !important;}.custom_arrow svg { fill: #55657e !important;}.custom_arrow:hover svg { fill: #93acd3 !important;}.custom_arrow:disabled:hover svg { fill: #55657e !important;}.custom_arrow:disabled { opacity: .25 !important;}.splider-container { margin-bottom: 20px; padding: 0 24px 24px; position: relative; z-index: 2;}.carousell-small-item { background-color: #222339; border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; height: 100%; min-height: 0; width: 100%;}.carousell-small-item { align-items: center; color: #fff; gap: 10px; max-width: 400px; min-height: 100%; padding: 10px;}.carousell-small-item img { height: 100%; image-rendering: auto; image-rendering: crisp-edges; width: 100%;}.carousell-small-item img { border-radius: 8px; max-width: 100%;}.carousell-small-item-bottom { width: 97%;}.carousell-small-item p { display: block; font-size: 14px; margin-bottom: 10px; max-width: 90% !important; text-align: left; width: 100%; text-transform: capitalize; font-weight: 600;}.carousell-small-item .reward { align-items: center; display: flex; font-size: 13px; gap: 2px; text-align: left; font-weight: 900;}.carousell-small-item-reward-container { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: -1px; margin-top: 2px;}.carousell-small-item-reward-container img { height: 10px; margin-top: -1px; width: auto;}.carousell-small-item-reward-provider { border-radius: 6px; display: flex; justify-content: start; opacity: .8; padding-top: 0; line-height: 14px; font-size: 10px; color: #55657e; text-transform: capitalize; font-weight: 600;}.carousell-small-item-reward-provider img { max-height: 17px; width: auto;}.carousell-container-title { color: #93acd3; display: block; font-size: 16px; font-weight: 700; margin-bottom: 10px; margin-left: 22px;}.carousell-container-title { margin-left: 2px;}/* .carousell-container-title i { margin-right: 10px; } */.wall-img-container { padding-bottom: 50%; position: relative; width: 100%;}/* .blur-over, .efff { align-items: center; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: 8px; bottom: 0; display: flex; flex-direction: column; justify-content: center; left: 0; margin-top: -5px; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .2s ease-in; z-index: 20; } .efff { opacity: .3; } .carousell-small-item .blur-over { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); height: 100%; margin: 0 auto; width: 100%; } */.carousell-small-item:hover .blur-over { opacity: 1;}.blur-over-icon { --tw-shadow: 0 10px 15px rgb(0 0 0/15%); --tw-shadow-colored: 0 10px 15px #0000; align-items: center; border-radius: 9999px; box-shadow: 0 0 20px 7px #0000009e; display: flex; height: 2.5rem; justify-content: center; width: 2.5rem;}.blur-over-icon svg { fill: #fff;}.img-container-span { background: none; border: 0; box-sizing: border-box; display: block; height: auto; inset: 0; margin: 0; opacity: 1; overflow: hidden; padding: 0; position: absolute; width: auto;}.carousell-small-item .wall-img-container { padding-bottom: 100% !important;}.splide__list { backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important; padding: 0 !important;}.splide { position: relative; visibility: hidden;}.splide.is-initialized { visibility: visible;}.splide__slide { -ms-flex-negative: 0; backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative; margin-right: 10px !important;}.splide__track { overflow: hidden; position: relative; z-index: 0;}.splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}.splide__arrow { -ms-flex-align: center; -ms-flex-pack: center; align-items: center; background: #ccc; border: 0; border-radius: 50%; cursor: pointer; display: -ms-flexbox; display: flex; height: 2em; justify-content: center; opacity: .7; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 2em; z-index: 1;}.splide__arrow svg { fill: #000; height: 1.2em; width: 1.2em;}.splide__arrow:hover:not(:disabled) { opacity: .9;}.splide__arrow:disabled { opacity: .3;}.splide__arrow--prev { left: 1em;}.splide__arrow--prev svg { transform: scaleX(-1);}.splide__arrow--next { right: 1em;}.splide__slide { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.splide__slide:focus { outline: 0;}.splide__pagination { display: none;}svg { fill: #a9a9ca; color: #a9a9ca;}#offerwall-frame { width: 100%; border: none; min-height: 600px; border-radius: 4px 4px 3px 3px; margin-top: -7px; /* height: 100vh; */ background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAlIDEwMCUiPjx0ZXh0IGZpbGw9IiUyM2JkYmRiZCIgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJcJ0x1Y2lkYSBHcmFuZGVcJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSI+TG9hZGluZy4uLjwvdGV4dD48L3N2Zz4=) 0 0 no-repeat;}.switch,.switch * { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.switch label { cursor: pointer;}.switch label input[type=checkbox] { opacity: 0; width: 0; height: 0;}.switch label input[type=checkbox]:checked:not([disabled]) { background-color: #84c7c1;}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after { left: 18px;}.switch label input[type=checkbox]:checked+.lever:after { background-color: #26a69a;}.switch label .lever { content: ""; display: inline-block; position: relative; width: 36px; height: 14px; background-color: rgba(0, 0, 0, 0.38); border-radius: 15px; margin-right: 10px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px;}.switch label .lever:before,.switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; border-radius: 50%; left: 0; top: -3px; -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;}.switch label .lever:before { background-color: rgba(38, 166, 154, 0.15);}.switch label .lever:after { background-color: #F1F1F1; -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);}input[type=checkbox]:checked:not(:disabled)~.lever:active::before { -webkit-transform: scale(2.4); transform: scale(2.4); background-color: rgba(38, 166, 154, 0.15);}input[type=checkbox]:not(:disabled)~.lever:active:before { -webkit-transform: scale(2.4); transform: scale(2.4); background-color: rgba(0, 0, 0, 0.08);}.switch.custom-switch .lever { width: 30px; height: 16px; background: #3e3e65; border-radius: 4px; margin: 0;}.switch.custom-switch .lever::before,.switch.custom-switch .lever::after { width: 12px; height: 12px; border-radius: 3px; top: 2px; left: 2px;}.switch.custom-switch .lever::after { background: #23253a;}.switch.custom-switch input[type=checkbox]:checked+.lever::before,.switch.custom-switch input[type=checkbox]:checked+.lever::after { left: 16px;}.switch.custom-switch input[type=checkbox]:checked+.lever::after { background: #cd1515;}.switch.custom-switch .lever { background-color: #242537; border-radius: 20px; height: 24px; width: 46px;}.switch.custom-switch .lever:after { background-color: #a9a9ca; border-radius: 50%; height: 20px; width: 20px;}.switch.custom-switch .lever:before { display: none;}.switch.custom-switch input[type=checkbox]:checked+.lever { background-color: #000;}.switch.custom-switch input[type=checkbox]:checked+.lever:after { left: 24px;}.accountInfo { display: flex; justify-content: center; align-items: center; width: 330px; height: 40px;}.accountInfo { display: inline-flex; flex-direction: row; align-items: center; position: relative;}.accountInfo { margin-right: 18px; margin-left: auto;}@media only screen and (max-width:1199px) { .accountInfo { margin-right: 15px; }}.accountInfo .account-item { margin-left: 20px; background-image: url('/Cortaly_interface/img/bell-solid.png'); background-size: contain; background-repeat: no-repeat; display: flex; justify-content: flex-end; align-items: flex-start; font-size: 7px;}@media only screen and (max-width:700px) { .accountInfo .account-item { margin-left: 10px; background-image: url('/Cortaly_interface/img/bell-solid.png'); background-size: contain; background-repeat: no-repeat; display: flex; justify-content: flex-end; align-items: flex-start; font-size: 7px; }}.user-balance { display: flex; align-items: center; background: #141523; border-radius: 10px; font-size: 14px; line-height: 160%; color: #fff; font-weight: 700; height: 40px; border: 2px solid #2f3043;}.user-balance .balanceValue { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 140%; flex: 1; display: flex; align-items: center; justify-content: center; padding-right: 15px;}.user-balance .user-balance-icon { margin-right: 8px; display: flex; align-items: center; justify-content: center; border-right: 3px solid #2f3043; height: 100%; padding: 0 8px 0 12px; width: 40px;}.user-balance .user-balance-icon .show-coins { height: 20px; width: 20px;}.user-balance .user-balance-icon .currency { height: 20px; width: 20px;}.user-menu { margin-left: 20px;}.user-menu .dropdown-toggle { height: 40px; background: #2f3043; border-radius: 6px; padding: 6px 16px 6px 6px; display: flex; align-items: center; box-shadow: none;}.user-menu .dropdown-toggle:after { display: none;}.user-menu .user-menu-username { margin-right: 12px; font-weight: 500; font-size: 14px; line-height: 160%; color: #a9a9ca; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}@media only screen and (max-width:700px) { .user-menu .user-menu-username { display: none; }}.user-menu .user-menu-avatar,.user-menu .user-menu-avatar img { width: 28px; height: 28px; border-radius: 50%; margin-right: 8px;}.user-menu .user-menu-toggle-arrow { display: flex; align-items: center; color: #a9a9ca;}.user-menu .user-menu-item,.user-menu .user-menu-item a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 160%; color: #a9a9ca;}.user-menu .user-menu-item:not(:last-child):not(.user-menu-item-no-margin) { margin-bottom: 10px;}.user-menu .user-menu-item:not(.user-menu-item-separator):hover { opacity: .8;}.user-menu .user-menu-item a { display: flex; align-items: center; padding: 10px 4px;}.user-menu .user-menu-item-icon { margin-right: 13px; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center;}.user-menu .user-menu-item-separator { height: 1px; background: #a9a9ca; opacity: .1; margin-top: 20px; margin-bottom: 20px !important; font-size: 1px;}.user-menu .user-menu-item-switcher { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 10px 0;}.user-menu .dropdown-menu { background: rgba(51, 51, 77, 0.98); box-shadow: 0 0 16px rgba(20, 21, 35, 0.2); border-radius: 6px; padding: 20px 16px; min-width: 224px; margin-top: 8px !important;}.dropdown { position: relative;}.dropdown-toggle { white-space: nowrap;}.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}.dropdown-toggle:empty::after { margin-left: 0;}.dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: rgba(255, 255, 255, 0.7); text-align: left; list-style: none; background-color: #101020; background-clip: padding-box; border-radius: .375rem;}.user-menu button { border: 0; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; cursor: pointer;}.pageRoute { cursor: pointer;}.site-notifications__bell { position: relative; cursor: pointer; min-width: 30px; min-height: 30px; display: flex; align-items: center; justify-content: center;}.site-notifications__bell>svg path { fill: #7d7d9e;}.live_off { display: none;}.live_on { display: flex;}.custom_arrow_banner_container { top: 0; position: absolute; display: flex; align-items: center; padding: 8px; height: 100%; background-color: transparent !important; z-index: 10000;}.custom_arrow_banner_container:hover { background-color: rgba(0, 0, 0, .2) !important; z-index: 10000;}.custom_arrow_banner_container_right { right: 0;}.custom_arrow_banner_container_left { left: 0;}.custom_arrow_banner_container_right { right: 0;}.custom_arrow_banner { /* background-color: #1f2a39 !important; */ color: #fff !important; border-color: transparent !important; padding: 4px !important; border-radius: 8px !important; font-size: 11px !important; width: 1.5rem !important; height: 1.5rem !important; opacity: .6 !important; top: auto !important; transition: opacity .1s ease-in-out !important; position: relative !important; z-index: 10000;}.custom_arrow_banner:hover { opacity: 1 !important;}.custom_arrow_banner_container { top: 0; position: absolute; display: flex; align-items: center; padding: 8px; height: 100%; background-color: transparent !important; z-index: 10000;}.custom_arrow_banner_container:hover { background-color: rgba(0, 0, 0, 0.76) !important; z-index: 10000;}.custom_arrow_banner_container_right { right: 0;}.custom_arrow_banner_container_left { left: 0;}@media all { .relative { position: relative; } .z-0 { z-index: 0; } .flex { display: flex; } .h-full { height: 100%; } .h-8 { height: 2rem; } .w-full { width: 100%; } .w-0\.5 { width: .125rem; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-center { justify-content: center; } .gap-sm { gap: 8px; } .rounded-full { border-radius: 9999px; } .rounded-sm { border-radius: 6px; } .bg-accent-2 { background-color: #16202b; } .text-tiny { font-size: 10px; line-height: 14px; font-weight: 900; } .text-xs { font-size: .75rem; line-height: 1rem; } /* .capitalize { text-transform: capitalize; } */ .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .text-secondary { color: #55657e; }}@media all { .Button_button__odZew { pointer-events: auto; position: relative; display: flex; align-items: center; justify-content: center; background-color: #a9a9ca; text-align: center; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); font-size: 12px; padding: 8px 12px; border-radius: 10px; } .Button_button__odZew:disabled { background-color: #0d131c; color: #55657e; opacity: .7; } .Button_button__odZew:disabled:hover { cursor: not-allowed; background-color: #0d131c; } .Button_primary__AC210 { background-color: #a9a9ca; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .Button_primary__AC210 { position: relative; overflow: hidden; font-weight: 600; font-size: 12px; } .Button_primary__AC210:hover { cursor: pointer; background-color: #575e82; } .Button_large__4NhaL { height: 44px; min-height: 44px; font-size: 14px; line-height: 24px; } .Button_full__9KtTs { width: 100%; } .Button_primary__AC210:hover:after { width: 20px; } .Button_primary__AC210:hover:after, .Button_primary__AC210:hover:before { content: ""; position: absolute; top: 50%; height: 90px; background: #fff; opacity: .35; transform: translate(-100%, -50%) rotate(45deg); animation: Button_shine__2h84x 4s linear infinite; } .Button_primary__AC210:hover:before { width: 10px; } .Button_primary__AC210:before { content: ""; position: absolute; top: 50%; height: 90px; background: #fff; opacity: .35; animation: Button_shine-two__rSWYm 10s linear infinite; } .Button_primary__AC210:before { width: 10px; transform: translate(-100%, -50%) rotate(45deg); } .Button_button__odZew:disabled:after, .Button_button__odZew:disabled:before { opacity: 0; } .Currency_root__IAgWC { display: flex; height: 100%; width: -moz-fit-content; width: fit-content; align-items: center; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .Currency_root__IAgWC:hover { cursor: pointer; } .Currency_largeBold__yKJSc { font-size: 14px; font-weight: 700; } .Currency_coin___Ur2S { position: relative; } .Currency_largeBold__yKJSc .Currency_coin___Ur2S { margin-right: 6px; width: 11px; height: 11px; }}@media all { .DeviceIcon_root__xuGzS { border: 2px solid; position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; border-color: #1c2531; background-color: #1f2a39; font-size: 10px; line-height: 14px; font-weight: 700; color: #55657e; } .DeviceIcon_root__xuGzS:hover { cursor: pointer; } .DeviceIcon_root__xuGzS { border-radius: 3rem; } .DeviceIcon_root__xuGzS svg { z-index: 10; fill: #93acd3; } .DeviceIcon_root__xuGzS:hover svg { fill: #fff; } .DeviceIcon_dark__xeWlE { border-color: #253243; background-color: #253243; } .DeviceIcon_small__dZiq6 { height: 1.5rem; width: 1.5rem; }}.Offer_root__6XRBZ { display: flex; width: 100%; flex-direction: column; min-height: 540px; max-width: 530px; min-width: 530px; margin: -24px; padding-bottom: 96px;}.Offer_headerRow__43IwP { display: flex; align-items: center; gap: 24px; border-color: #1f2a39; letter-spacing: -.02em; padding: 32px 24px;}.Offer_title__mZmpU { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.25rem; line-height: 1.75rem; font-weight: 800; max-width: 300px;}.Offer_rewardContainer__Uq5_c { margin-top: 16px; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; color: #a9a9ca !important;}.Offer_description__Q6RAZ { font-weight: 600; color: #55657e; font-size: 12px; line-height: 1.2rem;}.Offer_deviceContainer__4lL8K { position: relative; display: flex; align-items: center; gap: 8px;}.Offer_wallIcon__kaZ56 { height: 1.5rem; width: 1.5rem; padding: 4px;}.Offer_wallIcon__kaZ56 { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 6px; background-color: #1c2531; font-size: .875rem; line-height: 1.25rem; color: #55657e;}.Offer_wallIcon__kaZ56 img { width: 50%;}.Offer_col__vnsj1 { z-index: 10; display: flex; flex-direction: column;}.Offer_about__YjJsV { padding: 16px 24px; background-color: #16202b; border-radius: 16px;}.Offer_textColumn__egKdn { display: flex; flex-direction: column;}.Offer_colTitle__Ll0ry { display: flex; align-items: center; gap: 4px; font-weight: 600; margin-bottom: 10px; font-size: 14px; line-height: 1.2;}.Offer_stats__z9WFi { display: flex; align-items: center; justify-content: space-around; padding-top: 8px; margin: 0 12px 16px;}.Offer_category__UE5lS { border-radius: 9999px; background-color: #253243; color: #fff; padding: 2px 9px; font-size: 11px; font-weight: 600;}.Offer_grid1__mPZJx { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); border-color: #1f2a39; padding: 24px;}.Offer_icon__UVIi7 { position: relative; overflow: hidden; background-color: #1f2a39; width: 100px; height: 100px; min-width: 100px; border-radius: 14px;}.Offer_list__xzL6C { margin-top: 4px; display: flex; flex-direction: column; gap: 16px; color: #93acd3;}.Offer_count__iA_QC { display: flex; height: .75rem; width: .75rem; align-items: center; justify-content: center; border-radius: 4px; background-color: #1c2531; font-size: .75rem; line-height: 1rem; font-weight: 600; color: #55657e; min-width: .75rem;}.Offer_countGreen__Yai_u { background-color: #a9a9ca; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity));}.Offer_item__JYtws { display: flex; align-items: center; gap: 16px; color: #55657e; font-size: 12px;}.Offer_sectionHeader__RpsMB { display: flex; flex: 1 1 0%; align-items: center; gap: 8px; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); margin-bottom: 12px; font-size: 16px; line-height: 1.2;}.Offer_footer__MSll7 { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; overflow: hidden; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-color: #1f2a39; background-color: #111923; padding: 24px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; padding-bottom: 29px;}.Offer_reward__T0_gN { display: flex; align-items: center; justify-content: space-between; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity));}.Offer_offertoro__2fP1z { background-color: #e43a3b;}.Offer_noBorder__fs1dT { border-width: 0; padding-top: 8px !important;}.Offer_showMore__0okDb { width: 100%;}.Offer_showMore__0okDb a { color: #a9a9ca;}@media (max-width:1280px) { .Offer_root__6XRBZ { overflow-y: auto; min-width: 100%; width: 100%; height: calc(80vh - 63px); margin: 0; } .Offer_scroll__vgKxx { position: absolute; left: 0; right: 0; bottom: 97px; top: 0; /* overflow-y: scroll; */ } .Offer_icon__UVIi7 { width: 85px; height: 85px; min-width: 85px; } .Offer_headerRow__43IwP { flex-direction: column; } .Offer_grid1__mPZJx { padding: 24px 10px; } .Offer_stats__z9WFi { margin: 0 10px 16px; } .Offer_title__mZmpU { font-weight: 700; font-size: 18px; } .Offer_deviceContainer__4lL8K { gap: 4px; } .Offer_footer__MSll7 { border-radius: 0; border-top-width: 0; padding-left: 10px; padding-right: 10px; } .Offer_textColumn__egKdn { align-items: center; justify-content: center; }}.Modal_root__IeOwp { position: fixed; top: 0; bottom: 0; right: 0; left: 0; margin: auto; display: block; display: flex; /* width: -moz-fit-content; */ /* width: fit-content; */ /* max-width: -moz-max-content; */ /* max-width: max-content; */ flex-direction: column; justify-content: center; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; z-index: 60; max-width: 100%;}.Modal_modalHeader__scnTn { position: absolute; right: 0; top: 0; display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; padding: 16px;}.Modal_closeButton__dy2w3 { z-index: 50; display: flex; align-items: center; justify-content: center; border-radius: 9999px; background-color: #1c2531; padding: .25rem; height: 32px; width: 32px;}.Modal_modalWrapper__8VURL { position: relative; max-height: calc(100vh - 7rem); box-shadow: 18px 22px 100px rgba(0, 0, 0, .35);}.Modal_modalContainer__Eqs0u,.Modal_modalWrapper__8VURL { width: -moz-fit-content; width: fit-content; border-radius: 14px;}.Modal_modalContainer__Eqs0u { height: 100%; background-color: #111923; padding: 24px;}.Modal_modalContainer__Eqs0u::-webkit-scrollbar-track { position: absolute; margin-top: 1rem; margin-bottom: 1rem; background-color: transparent; background: transparent;}.Modal_closeButton__dy2w3 svg { fill: #93acd3;}.Modal_closeButton__dy2w3:hover svg { cursor: pointer; fill: #93acd3;}.Modal_root__IeOwp { align-items: center; opacity: 0; transform: translateY(-50px); backdrop-filter: blur(20px) !important; background-color: rgba(0, 0, 0, .137);}.Modal_enterDone__sTQWY { pointer-events: auto; opacity: 1; transition: transform .2s, opacity .2s; transform: translate(0);}@media (max-width:1280px) { .Modal_root__IeOwp { height: auto; justify-content: flex-end; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .2s; bottom: 63px; max-width: 100vw; } .Modal_maxH__7ED5_ { top: 64px; } .Modal_modalContainer__Eqs0u { width: 100vw; padding: 0; border-radius: 14px 14px 0 0; } .Modal_modalWrapper__8VURL { height: 100%; } .Modal_root__IeOwp { align-items: center; opacity: 1; transform: translateY(100vh); } .Modal_enterDone__sTQWY { pointer-events: auto; transition: transform .2s, opacity .2s; transform: translate(0); }}@keyframes Button_shine__2h84x { 0% { transform: translate(-500px, -50%) rotate(45deg); } 25% { transform: translate(320px, -50%) rotate(45deg); } to { transform: translate(320px, -50%) rotate(45deg); }}@keyframes Button_shine__2h84x { 0% { transform: translate(-500px, -50%) rotate(45deg); } 25% { transform: translate(320px, -50%) rotate(45deg); } to { transform: translate(320px, -50%) rotate(45deg); }}@keyframes Button_shine-two__rSWYm { 0% { transform: translate(-500px, -50%) rotate(45deg); } 90% { transform: translate(-500px, -50%) rotate(45deg); } to { transform: translate(320px, -50%) rotate(45deg); }}@keyframes Button_shine-two__rSWYm { 0% { transform: translate(-500px, -50%) rotate(45deg); } 90% { transform: translate(-500px, -50%) rotate(45deg); } to { transform: translate(320px, -50%) rotate(45deg); }}@media all { .Carousel_viewAllButton__snqIw { position: absolute; display: flex; align-items: center; justify-content: center; border-color: transparent; background-color: #1c2531; font-weight: 600; color: #55657e; opacity: 1; } .Carousel_viewAllButton__snqIw a { font-weight: 600; color: #55657e; } .Carousel_viewAllButton__snqIw:hover a:hover { cursor: pointer; background-color: #1f2a39; color: #93acd3; } .Carousel_viewAllButton__snqIw { border-radius: 10px !important; height: 2rem !important; top: -16px; right: 5.25rem; width: 5rem; font-size: 14px; } .Carousel_viewAllButton__snqIw button { font-weight: 600; font-size: 12px !important; }}.Survey_S159X { display: flex; max-width: 100%; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; margin-top: 25px;}.Survey_S160X { margin: 10px 10px; max-width: 115px !important; max-height: 198px !important; min-width: 114px !important; min-height: 197px !important;}.Ahmed_Quickly { position: relative;}.Ahmed_Quickly::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: linear-gradient(90deg, #454564, #212235, #454564); background-size: 200%; animation: Ahmed_Quickly 1s infinite reverse; border-radius: 5px;}@keyframes Ahmed_Quickly { 0% { background-position: -100% 0; } 100% { background-position: 100% 0; }}.messages_root { pointer-events: none; position: fixed; right: 0; margin-right: 8px; display: flex; height: 100vh; width: 18rem; flex-direction: column; background-color: #16202b; padding: 0; z-index: 1000000000; border-radius: 14px; max-height: calc(100vh - 150px); width: 325px; top: 2rem;}.messages_root { opacity: 0; transition: transform .2s, opacity .2s; transform: translate(0);}.Index_messages_root { pointer-events: auto; opacity: 1; transition: transform .2s, opacity .2s; transform: translateY(40px);}@media (max-width:1024px) { .messages_root { z-index: 1000000000; margin-right: 0; width: 100vw; border-radius: 0; opacity: 1; transform: translate(100vh); top: 64px; bottom: 63px; height: auto; max-height: none !important; } .Index_messages_root { pointer-events: auto; opacity: 1; transition: transform .2s, opacity .2s; transform: translate(0); }}.messages_arrow { position: absolute; top: -1rem; right: 5.75rem; display: block; text-decoration: none; text-transform: uppercase;}.messages_arrowUp:after { color: #16202b; content: "\25b2"; padding-left: 1em;}.messages_body { display: flex; height: 100%; flex-direction: column; overflow-y: auto; padding: 0 12px;}.messages_iframe { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; text-align: center; font-weight: 500; font-size: 12px;}.messages_iframe iframe { height: 100%; width: 100%; border-radius: 10px;}.Notifications_body { display: none;}