@keyframes shake
{
    0%
    {
        transform: rotate(0deg);
    }
    25%
    {
        transform: rotate(1deg);
    }
    50%
    {
        transform: rotate(-1deg);
    }
    75%
    {
        transform: rotate(1deg);
    }
    100%
    {
        transform: rotate(0deg);
    }
}
.shake-product
{
    animation: shake .2s infinite;
    animation-timing-function: ease-in-out;
}
.shake-product:hover
{
    animation: none;
}
.scrollbar
{
    overflow: auto;
    scrollbar-color: rgba(61,61,61,.5);
    scrollbar-arrow-color: #9e9e9e;
    scrollbar-face-color: #9e9e9e;
    scrollbar-track-color: rgba(0,0,0,0);
}
.banner-example .scrollbar
{
    padding-bottom: .5em;
}
.scrollbar::-webkit-scrollbar
{
    height: .5em;
}
.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-color: #c9dbed;
}
.scrollbar--vertical
{
    overflow-x: hidden;
}
.scrollbar--horizontal
{
    overflow-y: hidden;
}
.scrollbar::-webkit-scrollbar
{
    width: .3125em;
    height: .3125em;
}
.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: .375em;
    background-color: rgba(61,61,61,.5);
}
.scrollbar::-webkit-scrollbar-track
{
    background-color: rgba(61,61,61,.1);
}
.scrollbar--sidebar
{
    overflow-x: hidden;
}
.fixedRight .scrollbar--sidebar
{
    padding-right: 1px;
}
.scrollbar--sidebar::-webkit-scrollbar
{
    width: .3125em;
}
.scrollbar--sidebar::-webkit-scrollbar-thumb
{
    width: 100%;
    border-radius: 3px;
    background-color: rgba(184,222,255,.3);
}
.scrollbar--sidebar::-webkit-scrollbar-track
{
    border-radius: 3px;
}
@-moz-document url-prefix(){.scrollbar{scrollbar-width:thin}}
.tooltip
{
    display: block!important;
    z-index: 100005;
}
.tooltip .tooltip-inner
{
    padding: .3125em .625em .25em;
    border-radius: 1em;
    background: #000;
    color: #fff;
}
.tooltip .tooltip-arrow
{
    position: absolute;
    width: 0;
    height: 0;
    margin: .3125em;
    border-style: solid;
    border-color: #000;
}
.tooltip[x-placement^=top]
{
    margin-bottom: .3125em;
}
.tooltip[x-placement^=top] .tooltip-arrow
{
    bottom: -.3125em;
    margin-top: 0;
    margin-bottom: 0;
    border-width: .3125em .3125em 0 .3125em;
    border-right-color: rgba(0,0,0,0)!important;
    border-bottom-color: rgba(0,0,0,0)!important;
    border-left-color: rgba(0,0,0,0)!important;
    left: calc(50% - .3125em);
}
.tooltip[x-placement^=bottom]
{
    margin-top: .3125em;
}
.tooltip[x-placement^=bottom] .tooltip-arrow
{
    top: -.3125em;
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0 .3125em .3125em .3125em;
    border-top-color: rgba(0,0,0,0)!important;
    border-right-color: rgba(0,0,0,0)!important;
    border-left-color: rgba(0,0,0,0)!important;
    left: calc(50% - .3125em);
}
.tooltip[x-placement^=right]
{
    margin-left: .3125em;
}
.tooltip[x-placement^=right] .tooltip-arrow
{
    top: calc(50% - .3125em);
    border-width: .3125em .3125em .3125em 0;
    border-top-color: rgba(0,0,0,0)!important;
    border-bottom-color: rgba(0,0,0,0)!important;
    border-left-color: rgba(0,0,0,0)!important;
    left: -.3125em;
    margin-left: 0;
    margin-right: 0;
}
.tooltip[x-placement^=left]
{
    margin-right: .3125em;
}
.tooltip[x-placement^=left] .tooltip-arrow
{
    top: calc(50% - .3125em);
    border-width: .3125em 0 .3125em .3125em;
    border-top-color: rgba(0,0,0,0)!important;
    border-right-color: rgba(0,0,0,0)!important;
    border-bottom-color: rgba(0,0,0,0)!important;
    right: -.3125em;
    margin-left: 0;
    margin-right: 0;
}
.tooltip[aria-hidden=true]
{
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s,visibility .15s;
}
.tooltip[aria-hidden=false]
{
    visibility: visible;
    opacity: 1;
    transition: opacity .15s;
}
.notice
{
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 100000;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 62.5em;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    transform: translate(-50%,0);
    transition: transform .3s ease;
    border-radius: .1875em .1875em 0 0;
    background-color: #fff;
}
@media(max-width: 1919px)
{
    .notice
    {
        max-width: 50em;
    }
}
@media(max-width: 1679px)
{
    .notice
    {
        max-width: 43.75em;
    }
}
@media(max-width: 1599px)
{
    .notice
    {
        max-width: 34.375em;
    }
}
@media(max-width: 1399px)
{
    .notice
    {
        max-width: 25em;
    }
}
@media(max-width: 1279px)
{
    .notice
    {
        max-width: 21.875em;
    }
}
@media(max-width: 1199px)
{
    .notice
    {
        left: 1.25em;
        max-width: 31.25em;
        transform: none;
    }
}
@media(max-width: 999px)
{
    .notice
    {
        max-width: 100%;
    }
}
.notice--is-hidden
{
    transform: translate(-50%,100%);
}
.notice--is-visible
{
    transform: translate(-50%,0);
}
.notice__container
{
    display: flex;
    position: relative;
    align-items: center;
    padding: .625em .9375em;
    overflow: hidden;
    border-radius: .1875em .1875em 0 0;
    box-shadow: 0 0 .375em rgba(0,0,0,.2);
    background-color: rgba(251,226,116,.5);
}
.notice__ico
{
    display: flex;
    border-radius: 50%;
    background: #fff;
    width: 1.25em;
    max-width: 1.25em;
    min-width: 1.25em;
    height: 1.25em;
    max-height: 1.25em;
    min-height: 1.25em;
}
.notice__svg
{
    width: 100%;
    height: 100%;
    fill: #ff575a;
}
.notice__text
{
    flex: auto;
    margin: 0 .625em;
}
.notice__label
{
    margin: 0;
    font-size: .875em;
    color: #333;
}
.notice__close
{
    position: relative;
    cursor: pointer;
    padding: 0;
    min-width: 1.125em;
    min-height: 1.125em;
    outline: none;
    border: none;
    background: rgba(0,0,0,0);
}
.notice__close::after, .notice__close::before
{
    content: "";
    opacity: .7;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 1.875em;
    background-color: #000;
}
.notice__close::after
{
    transform: rotate(-45deg);
}
.notice__close::before
{
    transform: rotate(45deg);
}
.notice__close:hover::before, .notice__close:hover::after
{
    opacity: 1;
}
.flip-clock
{
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-end;
    width: 100%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    -webkit-user-select: none;
}
.flip-clock .flip-clock-group
{
    display: flex;
    position: relative;
}
.flip-clock .flip-clock-group .flip-clock-label
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2em;
    text-transform: capitalize;
    font-size: inherit;
    font-weight: 400;
    line-height: 2em;
    transform: translateY(-100%);
}
.flip-clock .flip-clock-group .flip-clock-label.flip-clock-meridium
{
    top: 50%;
    left: 100%;
    flex: 0;
    width: auto;
    text-transform: uppercase;
    font-size: 1.75em;
    font-weight: 200;
    line-height: 1;
    transform: translate(.5em,-50%);
}
.flip-clock .flip-clock-group .flip-clock-list
{
    position: relative;
    width: 4em;
    height: 6em;
    border-radius: .75em;
    box-shadow: 0 1.5px 3px rgba(0,0,0,.24),0 3px .5em rgba(0,0,0,.05);
    font-weight: bold;
    color: #ccc;
}
.flip-clock .flip-clock-group .flip-clock-list:not(:last-child)
{
    margin-right: .3125em;
}
.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .active .flip-clock-list-item-inner
{
    z-index: 4;
}
.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .flip-clock-list-item-inner .top::after, .flip-clock .flip-clock-group .flip-clock-list:not(.flip) .flip-clock-list-item-inner .bottom::after
{
    display: none;
}
.flip-clock .flip-clock-group .flip-clock-list.flip
{
    animation-duration: 500ms;
    animation-delay: 500ms;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .flip-clock-list-item-inner
{
    perspective: 15em;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .top, .flip-clock .flip-clock-group .flip-clock-list.flip .bottom, .flip-clock .flip-clock-group .flip-clock-list.flip .active, .flip-clock .flip-clock-group .flip-clock-list.flip .active>div, .flip-clock .flip-clock-group .flip-clock-list.flip .before, .flip-clock .flip-clock-group .flip-clock-list.flip .before>div
{
    animation-duration: inherit;
    animation-timing-function: ease-in;
    animation-delay: inherit;
    animation-fill-mode: forwards;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .top::after, .flip-clock .flip-clock-group .flip-clock-list.flip .bottom::after, .flip-clock .flip-clock-group .flip-clock-list.flip .active::after, .flip-clock .flip-clock-group .flip-clock-list.flip .active>div::after, .flip-clock .flip-clock-group .flip-clock-list.flip .before::after, .flip-clock .flip-clock-group .flip-clock-list.flip .before>div::after
{
    animation-duration: inherit;
    animation-timing-function: inherit;
    animation-fill-mode: inherit;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .before
{
    animation-delay: 0s;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .before .top
{
    animation-name: flip-top;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .before .top::after, .flip-clock .flip-clock-group .flip-clock-list.flip .before .bottom::after
{
    animation-name: show-shadow;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .active>div
{
    animation-name: indexing;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .active .top::after, .flip-clock .flip-clock-group .flip-clock-list.flip .active .bottom::after
{
    animation-name: hide-shadow;
    animation-delay: 75ms;
}
.flip-clock .flip-clock-group .flip-clock-list.flip .active .bottom
{
    animation-name: flip-bottom;
}
.flip-clock .flip-clock-group .flip-clock-list .active
{
    z-index: 2;
}
.flip-clock .flip-clock-group .flip-clock-list .active .bottom
{
    z-index: 2;
    transform-origin: top center;
}
.flip-clock .flip-clock-group .flip-clock-list .before
{
    z-index: 3;
}
.flip-clock .flip-clock-group .flip-clock-list .before .top
{
    z-index: 2;
    transform-origin: bottom center;
}
.flip-clock .flip-clock-group .flip-clock-list .before .top::after
{
    background: linear-gradient(to bottom,hsla(0,0%,0%,.1) 0%,hsl(0,0%,0%) 100%);
}
.flip-clock .flip-clock-group .flip-clock-list .before .bottom::after
{
    background: linear-gradient(to bottom,hsl(0,0%,0%) 0%,hsla(0,0%,0%,.1) 100%);
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner
{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotateX(.0001deg);
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner:first-child
{
    z-index: 2;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top, .flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom
{
    position: relative;
    width: 100%;
    height: 50%;
    overflow: hidden;
    box-shadow: inset 0 0 3px rgba(0,0,0,.5);
    background: #333;
    font-size: 4.5em;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top::after, .flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom::after
{
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top::before, .flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom::before
{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top
{
    border-radius: .75em .75em 0 0;
    line-height: 1.33333;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top::after
{
    border-radius: .75em .75em 0 0;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top::before
{
    opacity: .4;
    bottom: 0;
    background: #333;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom
{
    border-radius: 0 0 .75em .75em;
    line-height: 0;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom::after
{
    border-radius: 0 0 .75em .75em;
}
.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom::before
{
    opacity: .1;
    background: #ccc;
}
.flip-clock .flip-clock-divider
{
    position: relative;
    width: 1.5em;
    height: 6em;
}
.flip-clock .flip-clock-divider::before, .flip-clock .flip-clock-divider::after
{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: .75em;
    height: .75em;
    border-radius: 50%;
    background: #333;
}
.flip-clock .flip-clock-divider::before
{
    transform: translate(-50%,75%);
}
.flip-clock .flip-clock-divider::after
{
    transform: translate(-50%,-175%);
}
@keyframes indexing
{
    0%
    {
        z-index: 2;
    }
    1%
    {
        z-index: 3;
    }
    100%
    {
        z-index: 4;
    }
}
@keyframes flip-bottom
{
    0%
    {
        transform: rotateX(90deg);
    }
    100%
    {
        transform: rotateX(0);
    }
}
@keyframes flip-top
{
    0%
    {
        transform: rotateX(0);
    }
    100%
    {
        transform: rotateX(-90deg);
    }
}
@keyframes show-shadow
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes hide-shadow
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
#sh-widget
{
    margin-bottom: 3.125em;
}
.body--with-new-payment-client .deposit-modal, .body--with-new-payment-client .modals-container, .payment-client-page .payment-deposit, .payment-client-page .payment-withdraw
{
    font-size: 16px;
}
.body--with-new-payment-client .deposit-modal *, .body--with-new-payment-client .modals-container *, .payment-client-page .payment-deposit *, .payment-client-page .payment-withdraw *
{
    box-sizing: border-box;
}
.body--with-new-payment-client .deposit-modal h2, .body--with-new-payment-client .modals-container h2, .payment-client-page .payment-deposit h2, .payment-client-page .payment-withdraw h2
{
    margin: 0;
}
.body--with-new-payment-client .deposit-modal button, .body--with-new-payment-client .deposit-modal input, .body--with-new-payment-client .modals-container button, .body--with-new-payment-client .modals-container input, .payment-client-page .payment-deposit button, .payment-client-page .payment-deposit input, .payment-client-page .payment-withdraw button, .payment-client-page .payment-withdraw input
{
    outline: none;
    border: none;
    box-shadow: none;
    font-size: initial;
    background-color: initial;
}
.body--with-new-payment-client .deposit-modal input, .body--with-new-payment-client .modals-container input, .payment-client-page .payment-deposit input, .payment-client-page .payment-withdraw input
{
    padding: 0;
}
.body--with-new-payment-client .deposit-modal button, .body--with-new-payment-client .modals-container button, .payment-client-page .payment-deposit button, .payment-client-page .payment-withdraw button
{
    cursor: pointer;
}
.body--with-new-payment-client .deposit-modal ul, .body--with-new-payment-client .modals-container ul, .payment-client-page .payment-deposit ul, .payment-client-page .payment-withdraw ul
{
    padding-left: 0;
}
.body--with-new-payment-client .deposit-modal li, .body--with-new-payment-client .modals-container li, .payment-client-page .payment-deposit li, .payment-client-page .payment-withdraw li
{
    list-style: none;
}
.body--with-new-payment-client .deposit-modal p, .body--with-new-payment-client .modals-container p, .payment-client-page .payment-deposit p, .payment-client-page .payment-withdraw p
{
    margin: 0;
}
.payment-client-page .payment-deposit .selection__icon::before, .payment-client-page .payment-withdraw .selection__icon::before
{
    opacity: 1;
}
.body--with-new-payment-client .inline-modal, .body--with-new-payment-client .modals-container
{
    position: absolute;
}
.body--with-new-payment-client .inline-modal
{
    z-index: 10125;
}
.body--with-new-payment-client .modals-container
{
    z-index: 10120;
}
.body--with-new-payment-client .deposit-modal
{
    position: relative;
}
.vdp-datepicker__calendar .day-header
{
    text-transform: uppercase;
}