[popover-container]
{
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 5100;
    text-align: left;
}
[popover-container] .popover-position
{
    position: fixed;
}
[popover-container] .popover-position .popover
{
    position: absolute;
}
[popover-container] .popover-position .popover .component-crop
{
    padding: 10px;
    font-size: 13px;
    line-height: 18px;
    color: hsla(0,0%,100%,.5);
    background-color: #0e1415;
    border: 1px solid hsla(0,0%,100%,.1);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    height: auto;
    max-height: none;
    overflow-y: auto;
}
[popover-container] .popover-position .popover .component-crop.use-component
{
    padding: 0;
}
[popover-container] .popover-position .popover .component-crop.has-close
{
    padding-right: 30px;
}
[popover-container] .popover-position .popover .arrow
{
    width: 7px;
    height: 7px;
    background-color: #0e1415;
    border-top: 1px solid hsla(0,0%,100%,.1);
    border-left: 1px solid hsla(0,0%,100%,.1);
    border-bottom: 0;
    position: absolute;
    z-index: 1;
}
[popover-container] .popover-position .popover.r .arrow
{
    transform: rotate(315deg);
    left: -2px;
}
[popover-container] .popover-position .popover.t .arrow
{
    transform: rotate(225deg);
    bottom: -2px;
}
[popover-container] .popover-position .popover.l .arrow
{
    transform: rotate(135deg);
    right: -2px;
}
[popover-container] .popover-position .popover.b .arrow
{
    transform: rotate(315deg);
    top: -2px;
}
[popover-container] .popover-position .popover.vl .arrow
{
    left: var(--target-center);
}
[popover-container] .popover-position .popover.vc .arrow
{
    left: calc(50% - 5px);
}
[popover-container] .popover-position .popover.vr .arrow
{
    right: var(--target-center);
}
[popover-container] .popover-position .popover.ht .arrow
{
    top: var(--target-middle);
}
[popover-container] .popover-position .popover.hc .arrow
{
    top: calc(50% - 5px);
}
[popover-container] .popover-position .popover.hb .arrow
{
    bottom: calc(100% - 20px);
}
[popover-container] .popover-position .popover .popover-close
{
    position: absolute;
    right: 8px;
    top: 7px;
    left: auto;
    bottom: auto;
    cursor: pointer;
}
[popover-container] .popover-position .popover .popover-text
{
    color: #fff;
}
[popover-container] .popover-position .popover.use-component .component-crop
{
    padding: 0;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    background-color: transparent;
}
[popover-container] .popover-position .popover.use-component.arrow
{
    background-color: #3a3957;
    border-top: 1px solid rgba(173,168,227,.4);
    border-left: 1px solid rgba(173,168,227,.4);
}
[modal]
{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
[modal] .tc
{
    text-align: center;
}
[modal] .tr
{
    text-align: right;
}
[modal] .tl
{
    text-align: left;
}
[modal] [grid-table] thead th
{
    background-color: rgba(0,0,0,.1);
    font-size: 14px;
}
[modal]>.dim
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
}
[modal]>.panel
{
    position: relative;
    border-radius: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-shadow: 0 3px 6px 0 #000;
    max-height: 100%;
    padding-bottom: 20px;
}
[modal]>.panel>.header
{
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
    position: relative;
    background-color: #06c;
    padding: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}
[modal]>.panel>.header:first-of-type
{
    color: #fff;
    text-align: left;
}
[modal]>.panel>.header .close
{
    position: absolute;
    right: 20px;
    top: 20px;
    left: auto;
    bottom: auto;
    z-index: 100;
}
[modal]>.panel>.header .close [font-icon]
{
    display: block;
    color: #fff;
}
[modal]>.panel .btn-close
{
    padding-top: 12px;
    float: right;
    margin-right: 25px;
}
[modal]>.panel .btn-close button
{
    color: #fff;
    background-color: #b3bbc2;
    border: 1px solid #a5b2b4;
    padding: 9px;
    border-radius: 4px;
}
[modal]>.panel .bts
{
    display: flex;
    margin-top: 32px;
}
[modal]>.panel .bts>*
{
    flex: 1;
}
[modal]>.panel .bts button
{
    height: 40px;
    font-size: 16px;
    line-height: 38px;
    border-radius: 24px;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}
[modal]>.panel .bts button:not(:first-of-type)
{
    margin-left: 14px;
}
[modal]>.panel>.scroll-area
{
    overflow-y: auto;
}
[modal]>.panel.normal, [modal]>.panel>.scroll-area
{
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
}
[modal]>.panel.normal>.header
{
    padding-top: 22px;
    padding-right: 0;
    padding-bottom: 12px;
    padding-left: 0;
    border-bottom: 1px solid #ebebf0;
    margin-bottom: 15px;
}
[modal]>.panel.normal>.header .close
{
    right: 0;
}
[modal]>.panel.normal>.header h2
{
    font-size: 16px;
}
[modal]>.panel.normal .scroll-area
{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
}
[modal]>.panel.medium
{
    padding-bottom: 40px;
}
[modal]>.panel.medium .scroll-area
{
    padding-top: 0;
    padding-right: 26px;
    padding-bottom: 0;
    padding-left: 26px;
}
[modal].light>.panel
{
    background-color: #fff;
}
[modal].light>.panel>.header .close [font-icon]
{
    color: #191919;
}
[modal].dark>.panel
{
    background-color: #161a1d;
    border-radius: 4px;
    padding-bottom: 0;
}
[modal].dark>.panel>.header
{
    background-color: transparent;
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    font-size: 16px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 16px;
}
[modal].dark>.panel>.header .close
{
    right: 12px;
    top: 12px;
    left: auto;
    bottom: auto;
}
[modal].dark>.panel>.header .close [font-icon]
{
    color: #fff;
}
[modal].dark>.panel .scroll-area
{
    color: #aeaeae;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    padding-top: 24px;
    padding-bottom: 24px;
}
[modal].my-white>.panel
{
    border-radius: 16px;
    box-shadow: none;
    background-color: #f7f7f8;
    padding-bottom: 0;
    margin-right: 20px;
    margin-left: 20px;
    max-width: 460px;
}
[modal].my-white>.panel>.header
{
    padding-bottom: 0;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
[modal].my-white>.panel>.header>p
{
    color: #000;
    font-weight: 500;
    padding-top: 15px;
    text-align: center;
}
[modal].my-white>.panel>.header>a
{
    top: 10px;
    right: 10px;
}
[modal].my-white>.panel>.header>a>[font-icon]
{
    color: #000;
}
[modal].my-white>.panel .scroll-area
{
    color: #aeaeae;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    padding-top: 16px;
    padding-bottom: 24px;
}
@media(max-width: 300px)
{
    [modal].my-white>.panel
    {
        margin-right: 0;
        margin-left: 0;
    }
}
[modal].transparent>.panel.large
{
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}
[modal].transparent>.panel.large>.header
{
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
}
[modal].transparent>.panel.large>.header .close
{
    right: 0;
    top: 24px;
    left: auto;
    bottom: auto;
}
[modal].transparent>.panel.large>.header [font-icon]
{
    display: inline-block;
    width: 20px;
    line-height: 20px;
    background-color: #ebebf0;
    border-radius: 4px;
    font-size: 18px;
    color: #a4a3ae;
    text-align: center;
}
[modal].transparent>.panel.large .scroll-area
{
    padding: 0;
}
@media(min-width: 580px)
{
    [modal]
    {
        padding: 10px;
    }
}
@media(min-width: 768px)
{
    [modal]>.panel.large
    {
        width: 460px;
    }
}
[color-button]
{
    border-radius: 6px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 700;
    box-sizing: border-box;
    transition: background-color .3s,border-color .3s;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    border: 0;
}
[color-button].light-gray
{
    color: #191919;
    background-color: #ebebf0;
}
[color-button].light-gray .stroke-target
{
    stroke: #191919;
}
[color-button].light-gray .fill-target
{
    fill: #191919;
}
.no-touch [color-button].light-gray:hover:not(.hover-disable), [color-button].light-gray:active
{
    background-color: #ccc;
    color: #a4a3ae;
}
[color-button].dark-gray
{
    color: #979797;
    background-color: rgba(59,62,67,.55);
    border: 1px solid transparent;
}
[color-button].dark-gray .stroke-target
{
    stroke: #979797;
}
[color-button].dark-gray .fill-target
{
    fill: #979797;
}
.no-touch [color-button].dark-gray:hover:not(.hover-disable), [color-button].dark-gray:active
{
    background-color: #ccc;
    color: #ebebf0;
}
[color-button].gray-gold
{
    color: #fff;
    background-color: #717171;
    border: 1px solid transparent;
}
[color-button].gray-gold .stroke-target
{
    stroke: #fff;
}
[color-button].gray-gold .fill-target
{
    fill: #fff;
}
.no-touch [color-button].gray-gold:hover:not(.hover-disable), [color-button].gray-gold:active
{
    background-color: #a98545;
}
[color-button].gray-red
{
    color: #fff;
    background-color: #717171;
    border: 1px solid transparent;
}
[color-button].gray-red .stroke-target
{
    stroke: #fff;
}
[color-button].gray-red .fill-target
{
    fill: #fff;
}
.no-touch [color-button].gray-red:hover:not(.hover-disable), [color-button].gray-red:active
{
    background-color: #e81a1a;
}
[color-button].gray
{
    color: #fff;
    background-color: #3b3e43;
    border: 1px solid transparent;
}
[color-button].gray .stroke-target
{
    stroke: #fff;
}
[color-button].gray .fill-target
{
    fill: #fff;
}
.no-touch [color-button].gray:hover:not(.hover-disable), [color-button].gray:active
{
    background-color: #191919;
}
[color-button].light-gray-line
{
    color: #ebebf0;
    background-color: transparent;
    border: 1px solid #ebebf0;
}
[color-button].light-gray-line .stroke-target
{
    stroke: #ebebf0;
}
[color-button].light-gray-line .fill-target
{
    fill: #ebebf0;
}
.no-touch [color-button].light-gray-line:hover:not(.hover-disable), [color-button].light-gray-line:active
{
    color: #fff;
    background-color: #ebebf0;
}
.no-touch [color-button].light-gray-line:hover:not(.hover-disable) .stroke-target, [color-button].light-gray-line:active .stroke-target
{
    stroke: #fff;
}
.no-touch [color-button].light-gray-line:hover:not(.hover-disable) .fill-target, [color-button].light-gray-line:active .fill-target
{
    fill: #fff;
}
[color-button].dark-line
{
    color: #787781;
    background-color: transparent;
    border: 1px solid #787781;
}
[color-button].dark-line .stroke-target
{
    stroke: #787781;
}
[color-button].dark-line .fill-target
{
    fill: #787781;
}
.no-touch [color-button].dark-line:hover:not(.hover-disable), [color-button].dark-line:active
{
    color: #ebebf0;
    border: 1px solid #ebebf0;
}
.no-touch [color-button].dark-line:hover:not(.hover-disable) .stroke-target, [color-button].dark-line:active .stroke-target
{
    stroke: #ebebf0;
}
.no-touch [color-button].dark-line:hover:not(.hover-disable) .fill-target, [color-button].dark-line:active .fill-target
{
    fill: #ebebf0;
}
[color-button].red
{
    color: #fff;
    background-color: #c71f1f;
    border: 1px solid transparent;
}
[color-button].red .stroke-target
{
    stroke: #fff;
}
[color-button].red .fill-target
{
    fill: #fff;
}
.no-touch [color-button].red:hover:not(.hover-disable), [color-button].red:active
{
    background-color: #e03939;
}
[color-button].light-red
{
    color: #fff;
    background-color: #c64040;
    border: 1px solid transparent;
}
[color-button].light-red .stroke-target
{
    stroke: #fff;
}
[color-button].light-red .fill-target
{
    fill: #fff;
}
.no-touch [color-button].light-red:hover:not(.hover-disable), [color-button].light-red:active
{
    background-color: #e03939;
}
[color-button].blue
{
    color: #fff;
    background-color: #5975ff;
    border: 1px solid transparent;
}
[color-button].blue .stroke-target
{
    stroke: #fff;
}
[color-button].blue .fill-target
{
    fill: #fff;
}
.no-touch [color-button].blue:hover:not(.hover-disable), [color-button].blue:active
{
    background-color: #4054b6;
}
[color-button].dark
{
    color: #fff;
    background-color: #191919;
}
[color-button].dark .stroke-target
{
    stroke: #fff;
}
[color-button].dark .fill-target
{
    fill: #fff;
}
.no-touch [color-button].dark:hover:not(.hover-disable), [color-button].dark:active
{
    background-color: #3b3e43;
}
[color-button].white
{
    color: #191919;
    background-color: #fff;
}
[color-button].white .stroke-target
{
    stroke: #191919;
}
[color-button].white .fill-target
{
    fill: #191919;
}
.no-touch [color-button].white:hover:not(.hover-disable), [color-button].white:active
{
    background-color: #ebebf0;
}
[color-button].purple
{
    color: #fff;
    background-color: #7815f5;
}
[color-button].purple .stroke-target
{
    stroke: #fff;
}
[color-button].purple .fill-target
{
    fill: #fff;
}
.no-touch [color-button].purple:hover:not(.hover-disable), [color-button].purple:active
{
    background-color: #785af5;
}
[color-button].mint
{
    color: #fff;
    background-color: #07d0b5;
}
[color-button].mint .stroke-target
{
    stroke: #fff;
}
[color-button].mint .fill-target
{
    fill: #fff;
}
.no-touch [color-button].mint:hover:not(.hover-disable), [color-button].mint:active
{
    background-color: #71d2c9;
}
[color-button].yellow
{
    background-color: #fcd801;
    color: rgba(0,0,0,.7);
}
[color-button].yellow .stroke-target
{
    stroke: rgba(0,0,0,.7);
}
[color-button].yellow .fill-target
{
    fill: rgba(0,0,0,.7);
}
.no-touch [color-button].yellow:hover:not(.hover-disable), [color-button].yellow:active
{
    background-color: #ffe75b;
}
[color-button].gold
{
    color: #fff;
    background-color: #a98545;
}
[color-button].gold .stroke-target
{
    stroke: #fff;
}
[color-button].gold .fill-target
{
    fill: #fff;
}
.no-touch [color-button].gold:hover:not(.hover-disable), [color-button].gold:active
{
    background-color: #a17545;
}
[color-button].orange
{
    color: #fff;
    background-color: #ff8058;
}
[color-button].orange .stroke-target
{
    stroke: #fff;
}
[color-button].orange .fill-target
{
    fill: #fff;
}
.no-touch [color-button].orange:hover:not(.hover-disable), [color-button].orange:active
{
    background-color: #fda06d;
}
[color-button].deep-blue
{
    color: #2ae2b3;
    background-color: #474d67;
}
[color-button].deep-blue .stroke-target
{
    stroke: #2ae2b3;
}
[color-button].deep-blue .fill-target
{
    fill: #2ae2b3;
}
[color-button].sky-blue
{
    color: #fff;
    background-color: #22b4e6;
    border: 1px solid transparent;
}
[color-button].sky-blue .stroke-target
{
    stroke: #fff;
}
[color-button].sky-blue .fill-target
{
    fill: #fff;
}
.no-touch [color-button].sky-blue:hover:not(.hover-disable), [color-button].sky-blue:active, [color-button].sky-blue:hover
{
    background-color: #1b90b8;
}
[color-button].sky-blue:disabled
{
    background-color: #bce8f7;
    color: hsla(0,0%,100%,.6);
    opacity: 1;
}
[color-button].color-only
{
    border: 0!important;
}
.dark [color-button].dark-gray:active, .dark [color-button].gray:active, .no-touch .dark [color-button].dark-gray:hover:not(.hover-disable), .no-touch .dark [color-button].gray:hover:not(.hover-disable)
{
    background-color: #53575e;
}
[color-button]:disabled
{
    background-color: #545454;
    cursor: not-allowed;
    opacity: .5;
}
.no-touch [color-button]:disabled:hover:not(.hover-disable), [color-button]:disabled:active
{
    background-color: #545454;
    border: 1px solid #545454;
}
[color-button]:disabled.dark
{
    opacity: 1;
    color: #545454;
}
.no-touch [color-button]:disabled.dark:hover:not(.hover-disable), [color-button]:disabled.dark, [color-button]:disabled.dark:active
{
    background-color: transparent;
    border: 1px solid #666;
}
[color-button]:disabled.light-red
{
    background-color: transparent;
    border: 2px solid #c64040;
    opacity: 1;
    color: #c64040;
}
.no-touch [color-button]:disabled.light-red:hover:not(.hover-disable), [color-button]:disabled.light-red:active
{
    background-color: transparent;
    border: 1px solid #c64040;
}
.GOLD [progress-button].progress .sync
{
    fill: #fff;
}
[progress-button][color-button]
{
    width: 100%;
    height: 56px;
    border-radius: 28px;
    font-size: 18px;
    transition: transform .3s 0s;
    position: relative;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 500;
}
[progress-button][color-button] .sync
{
    animation: rolling 1s infinite;
    width: 32px;
    height: 32px;
    animation-timing-function: linear;
    fill: #fff;
    position: absolute;
    right: 16px;
    top: 50%;
    left: auto;
    bottom: auto;
    margin-top: -16px;
}
[progress-button][color-button] .sync [font-icon]
{
    text-align: center;
}
[progress-button][color-button].large
{
    max-width: 400px;
}
[progress-button][color-button].small
{
    max-width: 260px;
}
[progress-button][color-button].progress .sync
{
    fill: #c64040;
}
@keyframes rolling
{
    50%
    {
        transform: rotate(180deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}
@media(min-width: 580px)
{
    [progress-button][color-button]
    {
        max-width: 440px;
    }
    [progress-button][color-button].large
    {
        max-width: 500px;
    }
    [progress-button][color-button].small
    {
        max-width: 360px;
    }
}
[floating-debug-button]
{
    z-index: 10;
    display: flex;
    position: fixed;
    width: auto!important;
    left: 30px;
    bottom: 30px;
    right: auto;
    top: auto;
}
[floating-debug-button]>[color-button]+[color-button]
{
    margin-left: 10px;
}
body
{
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
}
*
{
    margin: 0;
    padding: 0;
    max-height: 1000000px;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section
{
    display: block;
}
fieldset, iframe, img, table, td, textArea, tr
{
    border: 0;
}
caption, legend
{
    display: none;
}
table
{
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
table th
{
    font-weight: 400;
}
textarea
{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 0;
    resize: none;
}
ol, ul
{
    list-style: none;
}
hr
{
    border: none;
    height: 0;
}
i
{
    font-style: normal;
}
s
{
    text-decoration: none;
}
em
{
    font-style: normal;
}
a
{
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}
q:after, q:before
{
    display: none;
    content: none;
}
button
{
    border: 0;
    cursor: pointer;
}
input, select
{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    vertical-align: middle;
}
input:checked[type=checkbox]
{
    background-color: #666;
    -webkit-appearance: checkbox;
}
input[type=search]::-webkit-search-cancel-button
{
    -webkit-appearance: none;
}
input[type=submit]
{
    cursor: pointer;
}
input::-ms-clear, select::-ms-expand
{
    display: none;
}
img
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    vertical-align: middle;
}
:focus
{
    outline: 0;
}
.GOLD #app
{
    background-image: url(../../willbetgambling/image/bg_pattern.png);
}
.GOLD #app .field-holder .holder
{
    background-color: hsla(0,0%,100%,.07);
}
.BLACK #app
{
    background-color: #000;
}
.title
{
    font-size: 28px;
    text-shadow: 1px 1px 1px #000;
    font-weight: 500;
    margin-top: 80px;
    margin-bottom: 80px;
}
.title>*
{
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-top: 8px;
    color: #7f7f7f;
}
@font-face
{
    font-family: Pretendard;
    font-weight: 700;
    font-style: normal;
    src: url(https://static.goodchoice.kr/fonts/pretendard/Pretendard-Bold.woff2) format("woff2"),url(https://static.goodchoice.kr/fonts/pretendard/Pretendard-Bold.woff) format("woff");
}
@font-face
{
    font-family: Pretendard;
    font-weight: 500;
    font-style: normal;
    src: url(https://static.goodchoice.kr/fonts/pretendard/Pretendard-Medium.woff2) format("woff2"),url(https://static.goodchoice.kr/fonts/pretendard/Pretendard-Medium.woff) format("woff");
}
@font-face
{
    font-family: Pretendard;
    font-weight: 400;
    font-style: normal;
    src: url(https://static.goodchoice.kr/fonts/pretendard/Pretendard-Regular.woff2) format("woff2"),url(https://static.goodchoice.kr/fonts/pretendard/Pretendard-Regular.woff) format("woff");
}
.input-btn-x
{
    width: 24px;
    height: 24px;
    right: 30px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    background-color: rgba(0,0,0,.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.input-btn-x svg
{
    width: 12px;
    height: 12px;
}
.GOLD [drop-list] .list-holder .list-box .item.active
{
    background-color: #a98545;
}
[drop-list]
{
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    transition: opacity .2s 0s;
    transform: translateY(-10px);
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}
[drop-list].black .list-box
{
    background-color: #1f2224;
    border: 1px solid #1f2224;
}
[drop-list].dark .list-holder
{
    margin-top: 6px;
    box-shadow: 2px 0 3px rgba(0,0,0,.5);
}
[drop-list].dark .list-holder .list-box
{
    background-color: #1e1e1e;
    border: 0;
}
[drop-list].dark .list-holder .list-box .item:hover
{
    background-color: rgba(0,0,0,.2);
}
[drop-list].dark .list-holder .list-box li
{
    font-size: 12px;
}
[drop-list].dark .list-holder .list-box li i
{
    font-size: 12px;
    color: #fff;
}
[drop-list].dark .list-holder .list-box li.active
{
    background-color: #e81a1a;
    color: #fff;
}
[drop-list].animated
{
    transition: none;
}
[drop-list].down .list-box, [drop-list].on .list-box
{
    border-radius: 0 0 8px 8px;
}
[drop-list].up .list-box
{
    border-radius: 0 0 0 0;
}
[drop-list] .list-holder
{
    height: 100%;
}
[drop-list] .list-holder .list-box
{
    overflow: hidden;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow-y: auto;
    height: 100%;
}
[drop-list] .list-holder .list-box .item
{
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: 13px;
    line-height: 28px;
    cursor: pointer;
    color: #787781;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[drop-list] .list-holder .list-box .item:not(:first-of-type)
{
    border-top: 1px solid rgba(0,0,0,.1);
}
[drop-list] .list-holder .list-box .item.check-all
{
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 4px;
}
[drop-list] .list-holder .list-box .item:hover
{
    background-color: #999;
    color: #fff;
}
[drop-list] .list-holder .list-box .item.none-data
{
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    cursor: default;
    justify-content: center;
}
[drop-list] .list-holder .list-box .item.none-data:hover
{
    background-color: transparent;
}
[drop-list] .list-holder .list-box .item.active
{
    color: #fff;
}
[drop-list] .list-holder .list-box .tree-item
{
    font-size: 14px;
    cursor: pointer;
}
[drop-list] .list-holder .list-box .tree-item.hide
{
    padding: 0;
    border-top: 0;
}
[drop-list] .list-holder .list-box .tree-item.hide>.item-holder
{
    display: none;
}
[drop-list] .list-holder .list-box .tree-item.hide>*
{
    padding: 0;
}
[drop-list] .list-holder .list-box .tree-item .item-holder
{
    display: flex;
    align-items: center;
    padding-left: 6px;
}
[drop-list] .list-holder .list-box .tree-item .item-holder>*
{
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0;
}
[drop-list] .list-holder .list-box .tree-item .children
{
    padding-left: 20px;
}
[drop-list].active
{
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}
[drop-list] [checkbox-item]
{
    width: 100%;
    height: 100%;
}
[drop-list] .active
{
    background-color: #07d0b5;
    color: #fff;
}
[drop-list]::-webkit-scrollbar
{
    width: 0;
}
[drop-list]::-webkit-scrollbar-track
{
    background-color: transparent;
}
[drop-list]::-webkit-scrollbar-thumb
{
    background-color: transparent;
    border-radius: 2px;
}
[drop-list]::-webkit-scrollbar-thumb:hover
{
    background-color: transparent;
}
[drop-list] .drop-multi-line
{
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    padding-top: 3px;
    padding-bottom: 3px;
}
[drop-list] .drop-multi-line>p
{
    font-size: 13px;
    line-height: 16px;
    white-space: normal;
    margin-top: 6px;
    font-weight: 400;
}
.plus>.icon
{
    width: 100%;
    height: 100%;
    background: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0),transparent;
    background-position: 50%;
    background-size: 50% 2px,2px 50%;
    background-repeat: no-repeat;
}
.minus>.icon
{
    width: 100%;
    height: 100%;
    background: linear-gradient(#fff 0 0),transparent;
    background-position: 50%;
    background-size: 50% 2px,2px 50%;
    background-repeat: no-repeat;
}
.angle.icon
{
    position: absolute;
    border-top: 5px solid #000;
    border-right: 5px solid #000;
    transform: rotate(315deg);
}
html
{
    font-size: 16px;
    line-height: 24px;
    background-color: #171717;
    color: #fff;
}
body
{
    height: 100%;
    font-family: Roboto,Pretendard,sans-serif;
}
::-webkit-scrollbar
{
    width: 4px;
}
::-webkit-scrollbar-track
{
    background-color: transparent;
}
::-webkit-scrollbar-thumb
{
    background-color: #ebebf0;
    border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover
{
    background-color: rgba(0,0,0,.2);
}
a label
{
    pointer-events: none;
}
a:active, a:focus, a:hover, a:visited
{
    outline: none;
    outline: 0;
    text-decoration: none;
}
button
{
    background-color: transparent;
}
input
{
    outline: none;
    border: 0;
}
#app
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}
.edit-holder
{
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
.edit-holder fieldset>div, .edit-holder>div
{
    display: block;
    text-align: left;
}
.edit-holder fieldset>div:not(:first-of-type), .edit-holder>div:not(:first-of-type)
{
    border-top: 1px solid rgba(0,0,0,.2);
    padding-top: 12px;
    margin-top: 12px;
}
.edit-holder fieldset>div>label, .edit-holder>div>label
{
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
}
.edit-holder fieldset>div .item-holder, .edit-holder>div .item-holder
{
    width: 100%;
    text-align: left;
    font-size: 14px;
}
.edit-holder fieldset>div .item-holder>:not(:first-of-type), .edit-holder>div .item-holder>:not(:first-of-type)
{
    margin-top: 8px;
}
@media(min-width: 768px)
{
    .edit-holder fieldset>div, .edit-holder>div
    {
        display: flex;
    }
    .edit-holder fieldset>div:not(:first-of-type), .edit-holder>div:not(:first-of-type)
    {
        border-top: 1px solid rgba(0,0,0,.2);
    }
    .edit-holder fieldset>div>label, .edit-holder>div>label
    {
        width: 140px;
        margin-bottom: 0;
    }
    .edit-holder fieldset>div .item-holder, .edit-holder>div .item-holder
    {
        width: calc(100% - 140px);
    }
}
.fields-holder>:not(:first-of-type)
{
    margin-top: 8px;
}
.no-list
{
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    background-color: rgba(0,0,0,.1);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0,0,0,.5);
}
.tooltip-list
{
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}
.tooltip-list h5
{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
}
.tooltip-list p
{
    padding-left: 10px;
    position: relative;
}
.tooltip-list p:before
{
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
    background-color: hsla(0,0%,100%,.5);
}
.error-msg
{
    color: #e81a1a;
    margin-left: 12px;
    margin-top: 4px;
}
.error-exp h5, .error-msg
{
    font-size: 14px;
    line-height: 16px;
}
.error-exp h5
{
    margin-bottom: 2px;
    font-weight: 600;
}
.error-exp li
{
    font-size: 13px;
}
.space-between
{
    display: flex;
    justify-content: space-between;
    text-align: left;
}
.space-between>*
{
    flex-grow: 1;
}
.space-between>:first-of-type
{
    width: 50%;
}
.id-error>label
{
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}
.id-error>span
{
    padding-left: 4px;
}
.input-field
{
    border-radius: 6px;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 #000;
    box-sizing: border-box;
    border: 2px solid transparent;
    background-color: rgba(39,39,39,.2);
    min-height: 48px;
}
.btn-update-field
{
    margin-left: 4px;
    font-size: 14px;
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    color: hsla(0,0%,100%,.3);
    font-weight: 500;
    margin-top: 8px;
    display: inline-block;
}
.btn-update-field:hover
{
    color: #e81a1a;
    border-bottom: 1px solid #e81a1a;
    transition: .3 0s;
}
.list-star
{
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    font-size: 16px;
    color: #7f7f7f;
    line-height: 20px;
    position: relative;
    padding-left: 12px;
}
.list-star:before
{
    content: "*";
    position: absolute;
    left: 0;
    top: 18px;
    right: auto;
    bottom: auto;
}
.embeddedServiceHelpButton .helpButton .uiButton
{
    background-color: #cd181f!important;
    font-family: Arial,sans-serif!important;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus
{
    outline: 1px solid #cd181f!important;
}
#grecaptcha
{
    display: none;
}
.swiper-container, .swiper-container .swiper-wrapper
{
    width: 100%;
}
.bgc-color.red
{
    background-color: #e81a1a;
}
.bgc-color.light-blue
{
    background-color: #a3ccff;
}
.bgc-color.blue
{
    background-color: #06c;
}
.bgc-color.green
{
    background-color: #3ca46f;
}
.bgc-color.gray
{
    background-color: #a4a3ae;
}
.font-color.red
{
    color: #e81a1a;
}
.font-color.light-blue
{
    color: #a3ccff;
}
.font-color.blue
{
    color: #06c;
}
.font-color.green
{
    color: #3ca46f;
}
.font-color.gray
{
    color: #a4a3ae;
}
@keyframes rotate-circle
{
    0%
    {
        transform: rotate(0deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}
#app
{
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch;
    font-size: inherit;
    background-color: #171717;
}
#app .btn-holder
{
    position: relative;
    padding-top: 20px;
    margin-bottom: 40px;
}
#app .btn-holder .error
{
    position: absolute;
    left: 50%;
    top: -10px;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
    color: #e81a1a;
}
#app .contents-wrapper
{
    color: #fff;
    overflow: hidden;
    min-height: var(--innerHeight);
}
#app .contents-wrapper .contents-holder
{
    padding-top: 40px;
    padding-right: 28px;
    padding-bottom: 0;
    padding-left: 28px;
    box-sizing: border-box;
    text-align: left;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 579px)
{
    #app>[popover-container] .popover-position
    {
        left: 20px!important;
        right: 20px!important;
        width: auto!important;
    }
    #app>[popover-container] .popover-position em.arrow
    {
        display: none;
    }
}
@media(min-width: 1024px)
{
    #app .contents-wrapper .contents-holder
    {
        padding-right: 0;
        padding-left: 0;
    }
    #app .contents-wrapper .contents-holder.tracking
    {
        max-width: 1000px;
    }
}
#app.white
{
    background-color: #fff;
}
#app.white .contents-wrapper .contents-holder
{
    max-width: none;
    padding: 0;
}
[gp-input-component]
{
    cursor: text;
}
[gp-input-component] .disabled>[search-drop-select]
{
    background-color: #d4d4d8;
}
[gp-input-component] .disabled>[search-drop-select]>a
{
    color: #a1a1aa;
}
[gp-input-component].disabled
{
    cursor: default;
}
[gp-input-component].disabled [search-drop-select]>a
{
    cursor: default!important;
}
[gp-input-component]>label
{
    color: #737373;
    font-size: 14px;
    padding-left: 3px;
    display: block;
    padding-bottom: 5px;
}
[gp-input-component]>label.mandatory:after
{
    content: "*";
    color: #249135;
    margin-left: 1px;
}
[gp-input-component]>label>span
{
    color: #008000;
}
[gp-input-component] .holder
{
    width: 100%;
    height: 40px;
    position: relative;
}
[gp-input-component] .holder>.verify-icon
{
    color: #448f69;
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    font-size: 20px;
}
[gp-input-component] .holder>span:after
{
    content: none;
}
[gp-input-component] .holder>label
{
    pointer-events: none;
    color: #000;
}
[gp-input-component] .holder.error>label
{
    color: #df3320;
}
[gp-input-component] .holder>label
{
    padding-left: 12px;
    font-size: 13px;
    padding-top: 4px;
    text-align: left;
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    height: 24px;
    vertical-align: top;
}
[gp-input-component] .holder>label.mandatory:after
{
    content: "*";
    color: #df3320;
    margin-left: 4px;
}
[gp-input-component] .holder>label.label-color
{
    color: #afafaf;
}
[gp-input-component] .holder.disabled
{
    background-color: #eee;
    color: #a1a1aa;
    cursor: default;
}
[gp-input-component] .holder.disabled>span>input
{
    color: #a1a1aa;
}
[gp-input-component] .holder .currency-symbol
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #a1a1aa;
    z-index: 2;
    font-size: 14px;
}
[gp-input-component] .error-msg
{
    padding-left: 2px;
    margin: 0;
    color: #df3320;
    font-size: 14px;
    padding-top: 5px;
}
[gp-input-component] .error-message
{
    color: #df3320;
    font-size: 14px;
}
[gp-input-component] [drop-select]
{
    width: 100%;
    height: 100%;
    border: none!important;
    border-radius: 8px;
}
[gp-input-component] [drop-select].open
{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
[gp-input-component] [drop-select]>a
{
    padding: 0;
}
[gp-input-component] [drop-select].disabled
{
    background-color: #d4d4d8;
    cursor: default;
    border: none;
}
[gp-input-component] [drop-select].disabled>a>input
{
    background-color: transparent;
    color: #a1a1aa;
}
[gp-input-component] [drop-select].disabled>a>input::-moz-placeholder
{
    color: #a1a1aa;
    font-size: 14px;
}
[gp-input-component] [drop-select].disabled>a>input::placeholder
{
    color: #a1a1aa;
    font-size: 14px;
}
[gp-input-component] [password-input]
{
    height: 40px;
}
[gp-input-component] [password-input]>span
{
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    border: none;
}
[gp-input-component] [password-input]>span>input::-moz-placeholder
{
    color: #a1a1aa!important;
}
[gp-input-component] [password-input]>span>input::placeholder
{
    color: #a1a1aa!important;
}
[gp-input-component] [gp-text-input-box]>span:after, [gp-input-component] [password-input]>span:after
{
    content: none;
}
[gp-input-component] [search-drop-select]
{
    position: relative;
    background-color: #fff;
    border-radius: 8px;
}
[gp-input-component] [search-drop-select]>a
{
    border-radius: 8px;
    color: #333;
    background-color: #1e1e1e;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 #000;
    display: block;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 64px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 12px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
[gp-input-component] [search-drop-select]>a.placeholder
{
    color: #a1a1aa;
}
[gp-input-component] [search-drop-select]>a>label
{
    font-weight: 500;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden!important;
    box-sizing: border-box;
    display: block;
    padding-right: 10px;
}
[gp-input-component] [search-drop-select]>a>label>em
{
    font-size: 14px;
}
[gp-input-component] [search-drop-select]>a>label img
{
    margin-bottom: 4px;
}
[gp-input-component] [search-drop-select]>a [font-icon]
{
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 45%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    color: #333;
}
[gp-input-component] [search-drop-select]>a [font-icon].on
{
    transform: rotate(180deg);
}
[gp-input-component] [search-drop-select] .list-container
{
    background-color: #fff;
    border-radius: 0 0 0 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    max-height: 500px;
    height: 0;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,.1);
    border-radius: 8px;
}
[gp-input-component] [search-drop-select] .list-container.fill
{
    width: 100%;
}
[gp-input-component] [search-drop-select] .list-container.on
{
    opacity: 1;
    z-index: 10;
}
[gp-input-component] [search-drop-select] .list-container .list-inner
{
    padding-bottom: 6px;
    padding-top: 3px;
    height: 100%;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .input-holder
{
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    background-color: #fff;
}
[gp-input-component] [search-drop-select] .list-container .list-inner [text-input]
{
    background-color: #f7f7f8;
    width: 100%;
    box-shadow: none;
    border: none;
    height: 40px;
}
[gp-input-component] [search-drop-select] .list-container .list-inner [text-input]>input
{
    color: #000;
    font-size: 14px;
    padding-bottom: 0;
}
[gp-input-component] [search-drop-select] .list-container .list-inner [text-input]>.input-btn-x
{
    background-color: #fff;
}
[gp-input-component] [search-drop-select] .list-container .list-inner [text-input]>.input-btn-x>i
{
    color: #000;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder
{
    overflow-y: auto;
    height: 100%;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder button, [gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder label
{
    display: block;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #000;
    text-align: left;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder button
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden!important;
    box-sizing: border-box;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder button.focus, [gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder button:focus, [gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder button:hover
{
    background-color: #f3fcf5;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder button.active
{
    background-color: #e6f3e8;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder button em
{
    font-size: 14px;
    width: 100%;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .scroll-holder button .icn-chevron-right
{
    margin: 0 0 0 auto;
}
[gp-input-component] [search-drop-select] .list-container .list-inner .empty
{
    font-size: 14px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    color: #000;
}
[gp-input-component] [search-drop-select].md .list-container .list-inner .scroll-holder
{
    height: 100%;
}
[gp-input-component] [search-drop-select].md>a, [gp-input-component] [search-drop-select].sm>a
{
    background-color: transparent!important;
    box-shadow: none;
    border: 0;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    height: 40px;
    border-radius: 4px;
}
[gp-input-component] [search-drop-select].md>a>[text-input], [gp-input-component] [search-drop-select].sm>a>[text-input]
{
    border: 0;
    box-shadow: none;
    width: 100%;
}
[gp-input-component] [search-drop-select].md>a>[text-input] input, [gp-input-component] [search-drop-select].sm>a>[text-input] input
{
    padding-left: 0;
}
[gp-input-component] [search-drop-select].md .list-container .list-inner, [gp-input-component] [search-drop-select].sm .list-container .list-inner
{
    font-size: 14px;
}
[gp-input-component] [search-drop-select] [text-input] input
{
    font-size: 14px;
    line-height: 20px;
}
[gp-input-component] [search-drop-select] .placeholder
{
    color: #a1a1aa;
    font-weight: 400;
}
[gp-input-component] [search-drop-select].disabled
{
    background-color: #d4d4d8;
}
[gp-input-component] [search-drop-select].disabled>a
{
    color: #a1a1aa!important;
}
.error [text-input]:after
{
    background-color: #e81a1a;
    transform: scale(1);
    height: 1px;
}
.error [text-input].dark
{
    border: 1px solid #e81a1a;
}
[text-input]
{
    display: block;
    box-sizing: border-box;
    color: #ccc;
    height: 34px;
    border-radius: 4px;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    line-height: 0;
    border: 1px solid rgba(0,0,0,.1);
}
[text-input]:after
{
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 6px);
    height: 1px;
    background-color: rgba(0,0,0,.1);
    margin-left: 3px;
    transform: scale(0);
    left: 0;
    bottom: 1px;
    right: auto;
    top: auto;
    transition: transform .3s;
}
[text-input].focus:after
{
    background-color: rgba(0,0,0,.9);
    transform: scale(1);
}
[text-input] input, [text-input] input[type=number], [text-input] input[type=password], [text-input] input[type=text]
{
    font-size: 14px;
    line-height: 34px;
    width: 100%;
    height: 100%;
    min-height: 34px;
    border: 0;
    background-color: transparent;
    padding-top: 0;
    padding-right: 40px;
    padding-bottom: 0;
    padding-left: 12px;
    box-sizing: border-box;
    color: #191919;
    border-radius: 0;
}
[text-input] input::-moz-placeholder, [text-input] input[type=number]::-moz-placeholder, [text-input] input[type=password]::-moz-placeholder, [text-input] input[type=text]::-moz-placeholder
{
    color: #ccc;
    font-weight: 500;
}
[text-input] input::placeholder, [text-input] input[type=number]::placeholder, [text-input] input[type=password]::placeholder, [text-input] input[type=text]::placeholder
{
    color: #ccc;
    font-weight: 500;
}
[text-input]>*
{
    display: inline-block;
}
[text-input] .msg
{
    font-size: 9px;
    color: #ccc;
    text-align: right;
    display: none;
    margin-top: 2px;
    display: block;
}
[text-input] .input-btn-x
{
    right: 10px;
}
[text-input].disabled input::-moz-placeholder
{
    color: rgba(0,0,0,.5);
}
[text-input].disabled input::placeholder
{
    color: rgba(0,0,0,.5);
}
[text-input].error:after
{
    background-color: #e81a1a;
    transform: scale(1);
    height: 1px;
}
[text-input].black, [text-input].dark
{
    height: 34px;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 #000;
}
[text-input].black:after, [text-input].dark:after
{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    transform: scale(0);
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    transition: transform .3s;
}
[text-input].black.focus, [text-input].dark.focus
{
    border: 2px solid #ffc64d;
}
[text-input].black input, [text-input].dark input
{
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    background-color: transparent;
    padding-right: 12px;
}
[text-input].black input, [text-input].black input[type=number], [text-input].black input[type=password], [text-input].black input[type=text], [text-input].dark input, [text-input].dark input[type=number], [text-input].dark input[type=password], [text-input].dark input[type=text]
{
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    padding-left: 12px;
}
[text-input].black input::-moz-placeholder, [text-input].black input[type=number]::-moz-placeholder, [text-input].black input[type=password]::-moz-placeholder, [text-input].black input[type=text]::-moz-placeholder, [text-input].dark input::-moz-placeholder, [text-input].dark input[type=number]::-moz-placeholder, [text-input].dark input[type=password]::-moz-placeholder, [text-input].dark input[type=text]::-moz-placeholder
{
    color: hsla(0,0%,100%,.3);
    font-weight: 400;
}
[text-input].black input::placeholder, [text-input].black input[type=number]::placeholder, [text-input].black input[type=password]::placeholder, [text-input].black input[type=text]::placeholder, [text-input].dark input::placeholder, [text-input].dark input[type=number]::placeholder, [text-input].dark input[type=password]::placeholder, [text-input].dark input[type=text]::placeholder
{
    color: hsla(0,0%,100%,.3);
    font-weight: 400;
}
[text-input].black.transparent, [text-input].dark.transparent
{
    box-shadow: none;
    border: 0;
}
[text-input].black.transparent:after, [text-input].dark.transparent:after
{
    content: none;
}
[text-input].black.transparent input, [text-input].dark.transparent input
{
    background-color: transparent;
    border-bottom: 0;
}
[text-input].black .input-btn-x, [text-input].dark .input-btn-x
{
    background-color: hsla(0,0%,100%,.2);
}
[text-input].black .input-btn-x [font-icon], [text-input].dark .input-btn-x [font-icon]
{
    color: #fff;
}
[text-input].center input
{
    text-align: center;
}
[text-input].sm
{
    width: 80px;
    height: 30px;
    border-radius: 8px;
}
[text-input].sm input
{
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}
[text-input] [font-icon]
{
    position: absolute;
    right: 8px;
    top: 6px;
    left: auto;
    bottom: auto;
}
.error [password-input].dark .icn-lock
{
    display: none;
}
[password-input]
{
    position: relative;
    box-sizing: border-box;
}
[password-input] [text-input]
{
    display: block;
    width: 100%;
    position: relative;
}
[password-input] [text-input] .password
{
    -webkit-text-security: disc;
}
[password-input] .btn-eye
{
    position: absolute;
    right: 20px;
    bottom: 0;
    left: auto;
    top: auto;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
}
[password-input] .btn-eye.my-info
{
    font-size: 16px;
    top: 50%;
}
[password-input] .btn-eye [font-icon]
{
    color: rgba(0,0,0,.5);
}
[password-input].clearable .btn-eye
{
    right: 44px;
}
[password-input].clearable [text-input] input
{
    padding-right: 70px;
}
[password-input].dark .btn-eye [font-icon]
{
    color: #fff;
}
[password-input] .icn-lock
{
    position: absolute;
    width: 16px;
    height: 16px;
    right: 50px;
    bottom: 10px;
    left: auto;
    top: auto;
}
[password-input] .icn-lock path
{
    fill: #1de9b6;
}
[validation-password]
{
    cursor: pointer;
}
[validation-password].dark .holder
{
    width: 100%;
    height: 68px;
    position: relative;
}
[validation-password].dark .holder>.label
{
    position: absolute;
    left: 0;
    top: 4px;
    right: auto;
    bottom: auto;
}
[validation-password].dark .holder>.label>label
{
    pointer-events: none;
    padding-left: 12px;
    font-size: 13px;
    padding-top: 4px;
    text-align: left;
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    height: 24px;
    vertical-align: top;
}
[validation-password].dark .holder>.label>label.mandatory:after
{
    content: "*";
    color: #df3320;
    margin-left: 4px;
}
[validation-password].dark .holder>.label>label.label-color
{
    color: #afafaf;
}
[validation-password].dark .holder.error
{
    border: 2px solid #df3320;
}
[validation-password].dark .holder.error>label
{
    color: #df3320;
}
[validation-password].dark .holder.focus, [validation-password].dark .holder:focus
{
    border: 2px solid #ffc64d;
    background-color: rgba(39,39,39,.2)!important;
}
[validation-password].dark .holder>label
{
    padding-left: 12px;
    font-size: 13px;
    padding-top: 4px;
    text-align: left;
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    height: 24px;
    vertical-align: top;
}
[validation-password].dark .holder>label.mandatory:after
{
    content: "*";
    color: #df3320;
    margin-left: 4px;
}
[validation-password].dark .holder>label.label-color
{
    color: #afafaf;
}
[validation-password].dark .holder.disabled
{
    background-color: hsla(0,0%,100%,.1);
    box-shadow: none;
    cursor: not-allowed;
}
[validation-password].dark .holder>.field
{
    height: 100%;
}
[validation-password].dark .holder>.field>*
{
    height: 100%;
    padding-top: 28px;
}
[validation-password].white .label
{
    font-size: 14px;
    padding-top: 4px;
    text-align: left;
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    height: 24px;
    vertical-align: top;
    padding-left: 3px;
    margin-bottom: 8px;
}
[validation-password].white .label .mandatory:after
{
    content: "*";
    color: #249135;
    margin-left: 1px;
}
[validation-password].white .label .label-color
{
    color: #737373;
}
[validation-password].white .input-field
{
    min-height: 40px;
    box-shadow: none;
    border: none;
    background-color: #fff;
    border-radius: 8px;
}
[validation-password].white .error-msg
{
    margin-left: 3px;
}
[validation-password].white .holder
{
    width: 100%;
    height: 40px;
}
[validation-password].white .holder.error>label
{
    color: #df3320;
}
[validation-password].white .holder>label
{
    padding-left: 12px;
    font-size: 13px;
    padding-top: 4px;
    text-align: left;
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    height: 24px;
    vertical-align: top;
}
[validation-password].white .holder>label.mandatory:after
{
    content: "*";
    color: #df3320;
    margin-left: 4px;
}
[validation-password].white .holder>label.label-color
{
    color: #afafaf;
}
[validation-password].white .holder.disabled
{
    background-color: #d4d4d8;
    box-shadow: none;
    cursor: not-allowed;
    color: #a1a1aa;
}
[validation-password].white .holder [password-input]
{
    height: 40px;
}
[validation-password].white .holder [password-input]>span
{
    height: 100%;
    border-radius: 8px;
    border: none;
}
[validation-password].white .holder [password-input]>span>input::-moz-placeholder
{
    color: #a1a1aa!important;
}
[validation-password].white .holder [password-input]>span>input::placeholder
{
    color: #a1a1aa!important;
}
[validation-password].white .holder [password-input]>span:after
{
    content: none;
}
[input-change-password]
{
    background-color: #ebebef;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
[modal]
{
    padding-right: 0;
    padding-left: 0;
}
@media(min-width: 580px)
{
    [modal]
    {
        padding-right: 20px;
        padding-left: 20px;
    }
}
[alert-modal]>.dim
{
    background-color: rgba(0,0,0,.3);
}
[alert-modal]>.panel
{
    box-shadow: 0 0 8px 0 rgba(0,0,0,.16)!important;
}
[alert-modal] .close
{
    padding: 10px;
}
[alert-modal] .modal-title
{
    font-size: 16px;
    font-weight: 600;
}
[alert-modal] .body
{
    flex: 1;
}
[alert-modal] .footer
{
    padding-top: 10px;
}
[gp-description]
{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    white-space: pre-line;
}
[gp-description]>p
{
    color: #737373;
    font-size: 12px;
    line-height: 16px;
}
[svg-icon]
{
    width: 20px;
    height: 20px;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-b9081e8a]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-b9081e8a]
    {
        display: none!important;
    }
}
.submit-group[data-v-b9081e8a]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-b9081e8a]
    {
        flex-direction: row;
    }
}
[my-info-button][data-v-b9081e8a]
{
    width: 100%;
    border-radius: 0;
    min-height: 40px;
    border-radius: 8px;
    position: relative;
    font-family: inherit;
}
[my-info-button] .sync[data-v-b9081e8a]
{
    width: 24px;
    height: 24px;
    fill: #fff;
    position: absolute;
    right: 16px;
    top: 50%;
    left: auto;
    bottom: auto;
    margin-top: -12px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rolling 1s infinite;
    animation-timing-function: linear;
}
[my-info-button] .sync [font-icon][data-v-b9081e8a]
{
    font-size: 16px;
}
[my-info-button].sm[data-v-b9081e8a]
{
    width: 80px;
    min-height: 30px;
    font-weight: 400;
    font-size: 12px;
}
[my-info-button].submit-green[data-v-b9081e8a]
{
    background-color: #249135;
    color: #fff;
}
.no-touch [my-info-button].submit-green[data-v-b9081e8a]:hover:not(.hover-disable), [my-info-button].submit-green[data-v-b9081e8a]:active
{
    background-color: #346d50;
}
.no-touch [my-info-button].submit-green[data-v-b9081e8a]:hover:not(.hover-disable)
{
    background-color: #2eb843;
}
[my-info-button].submit-green.disabled[data-v-b9081e8a]
{
    background-color: #ccc;
}
[my-info-button].cancel-gray[data-v-b9081e8a]
{
    background-color: #8a8e90;
    color: #fff;
}
.no-touch [my-info-button].cancel-gray[data-v-b9081e8a]:hover:not(.hover-disable), [my-info-button].cancel-gray[data-v-b9081e8a]:active
{
    background-color: #6c7072;
}
[my-info-button].line-green[data-v-b9081e8a]
{
    border: 1px solid #249135;
    color: #249135;
    background-color: #fff;
}
[my-info-button].line-green.disabled[data-v-b9081e8a]
{
    border: 1px solid #ccc;
    color: #ccc;
}
.no-touch [my-info-button].line-green[data-v-b9081e8a]:hover:not(.hover-disable), [my-info-button].line-green[data-v-b9081e8a]:active
{
    border: 1px solid #346d50;
    color: #346d50;
}
.no-touch [my-info-button].line-green[data-v-b9081e8a]:hover:not(.hover-disable)
{
    border: 1px solid #2eb843;
    color: #2eb843;
}
[my-info-button].pill-line-green[data-v-b9081e8a]
{
    border: 1px solid #249135;
    color: #249135;
    background-color: #fff;
    border-radius: 2em;
}
[my-info-button].pill-line-green.disabled[data-v-b9081e8a]
{
    border: 1px solid #ccc;
    color: #ccc;
}
.no-touch [my-info-button].pill-line-green[data-v-b9081e8a]:hover:not(.hover-disable), [my-info-button].pill-line-green[data-v-b9081e8a]:active
{
    border: 1px solid #346d50;
    color: #346d50;
}
.no-touch [my-info-button].pill-line-green[data-v-b9081e8a]:hover:not(.hover-disable)
{
    border: 1px solid #2eb843;
    color: #2eb843;
}
[my-info-button].line-gray[data-v-b9081e8a]
{
    border: 1px solid #71717a;
    color: #71717a;
    background-color: #fff;
}
[my-info-button].line-gray.disabled[data-v-b9081e8a]
{
    border: 1px solid #ccc;
    color: #ccc;
}
.no-touch [my-info-button].line-gray[data-v-b9081e8a]:hover:not(.hover-disable), [my-info-button].line-gray[data-v-b9081e8a]:active
{
    border: 1px solid #4a555a;
    color: #4a555a;
}
[my-info-button].disable-gray[data-v-b9081e8a]
{
    background-color: #4a555a;
    color: #fff;
}
[my-info-button].disable-gray.disabled[data-v-b9081e8a]
{
    background-color: #ccc;
}
[my-info-button].hover-disable[data-v-b9081e8a]
{
    pointer-events: none;
}
[gp-message-modal]>.panel
{
    position: relative;
    overflow: visible;
}
[gp-message-modal]>.panel .scroll-area
{
    height: calc(100% - 59px);
    display: flex;
    flex-direction: column;
    overflow-y: visible;
}
[gp-message-modal]>.panel .scroll-area>.body
{
    flex: 1;
}
[gp-message-modal] .content>p
{
    padding-top: 0;
    padding-bottom: 20px;
}
[gp-message-modal] .footer
{
    display: flex;
    gap: 10px;
}
[gp-btn-back]
{
    display: block;
    margin-top: 20px;
    width: 24px;
    height: 24px;
}
[gp-btn-back] [font-icon]
{
    font-size: 20px;
    color: #a1a1aa;
}
[gp-sub-header]
{
    position: relative;
    display: flex;
    height: 56px;
    justify-content: center;
    align-items: center;
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: #f7f7f8;
}
[gp-sub-header]>p
{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    max-width: 50%;
    text-align: center;
}
[gp-sub-header] [gp-btn-back]
{
    position: absolute;
    left: 15px;
    color: #000;
    margin-top: 0;
}
[gp-template-form]
{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
}
[gp-template-form]>.template-content
{
    flex: 1;
}
[gp-template-form]>.template-footer
{
    padding-top: 20px;
    gap: 5px;
}
[gp-template-form]>.template-header
{
    padding-top: 32px;
    padding-bottom: 40px;
}
[gp-template-form]>.template-header>[gp-description]
{
    padding: 0;
}
[change-password]
{
    padding-top: 0;
}
[change-password] .password-input-group
{
    background-color: #f8f8f8;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
[level-radio-item]
{
    color: #000;
    padding: 20px;
    margin-top: -1px;
    cursor: pointer;
    position: relative;
    min-height: 60px;
    background-color: #fff;
    border-radius: 16px;
    width: 100%;
}
[level-radio-item].active
{
    background-color: #f8fbf9;
}
[level-radio-item].active:before
{
    border-radius: 16px;
    border: 1px solid #249135;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
}
[level-radio-item] .radio-box
{
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 5px;
}
[level-radio-item] .radio-box .title-group
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
[level-radio-item] .radio-box .title-group>div
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
[level-radio-item] .radio-box .title-group>div>img
{
    width: 18px;
    height: 18px;
    -o-object-fit: cover;
    object-fit: cover;
}
[level-radio-item] .radio-box .title-group>div>h3
{
    font-size: 14px;
    font-weight: 500;
}
[level-radio-item] .radio-box .title-group>div>.not-recommended
{
    font-size: 12px;
    color: #737373;
}
[level-radio-item] .radio-box .title-group>p
{
    font-size: 12px;
    color: #f00;
}
[level-radio-item] .radio-box .title-group .active-mark
{
    color: #2aab3e;
}
[level-radio-item] .radio-box .content-group
{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
[level-radio-item] .radio-box .content-group>p
{
    color: #999;
    font-size: 12px;
    line-height: 16px;
    word-break: break-word;
}
[method-radio-item]
{
    color: #000;
    padding: 20px;
    margin-top: -1px;
    position: relative;
    min-height: 60px;
    background-color: #fff;
    border-radius: 16px;
    width: 100%;
}
[method-radio-item].active
{
    background-color: #f8fbf9;
}
[method-radio-item].active:before
{
    border-radius: 16px;
    border: 1px solid #249135;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
}
[method-radio-item] .radio-box
{
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 5px;
}
[method-radio-item] .radio-box .title-group
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
[method-radio-item] .radio-box .title-group>div
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
[method-radio-item] .radio-box .title-group>div>img
{
    width: 18px;
    height: 18px;
    -o-object-fit: cover;
    object-fit: cover;
}
[method-radio-item] .radio-box .title-group>div>i
{
    font-size: 16px;
    color: #737373;
    font-weight: 400;
}
[method-radio-item] .radio-box .title-group>div>h3
{
    font-size: 14px;
    font-weight: 500;
}
[method-radio-item] .radio-box .title-group>p
{
    font-size: 12px;
    color: #ed4646;
}
[method-radio-item] .radio-box .title-group .active-mark
{
    color: #2aab3e;
}
[method-radio-item] .radio-box [my-info-button]
{
    width: auto;
    max-width: none;
    padding-right: 16px;
    padding-left: 16px;
}
[method-radio-item] .radio-box .content-group
{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
[method-radio-item] .radio-box .content-group>i
{
    font-size: 16px;
    color: #249135;
    font-weight: 400;
}
[method-radio-item] .radio-box .content-group>p
{
    color: #249135;
    font-size: 12px;
    line-height: 16px;
}
[my-title-label]
{
    display: block;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    color: rgba(0,0,0,.8);
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    font-weight: 500;
}
[my-title-label].arrow
{
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
[gp-radio-button]
{
    display: flex;
    padding-top: 5px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
[gp-radio-button]>i
{
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 16px;
    background-color: #fff;
    position: relative;
}
[gp-radio-button]>i.on
{
    border: 1px solid #249135;
}
[gp-radio-button]>i.on:after
{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #249135;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -4px;
}
[gp-radio-button]>label
{
    color: #000;
    font-size: 14px;
}
[gp-radio-group]
{
    display: flex;
    gap: 10px;
}
[gp-radio-group].vertical
{
    flex-direction: column;
}
[gp-radio-group].horizontal
{
    flex-direction: row;
}
[gp-radio-group] .item
{
    cursor: pointer;
}
[gp-radio-group] .disabled-item
{
    cursor: not-allowed;
}
[gp-radio-group] .disabled-item h3
{
    color: #808080;
}
[input-security-level]
{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
.RTL [search-drop-select]>a [font-icon]
{
    right: auto;
    left: 16px;
}
.RTL [search-drop-select]>a>label
{
    text-align: right;
    width: 100%;
}
.RTL [search-drop-select] .list-container .list-inner .scroll-holder em
{
    text-align: right;
}
.GOLD [search-drop-select]>a
{
    background-color: hsla(0,0%,100%,.1);
}
[search-drop-select]
{
    position: relative;
    height: 100%;
}
[search-drop-select].lg:focus>a
{
    border: 2px solid #ffc64d;
}
[search-drop-select]>a
{
    border-radius: 8px;
    background-color: #1e1e1e;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 #000;
    display: block;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    height: 64px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 12px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
[search-drop-select]>a>label
{
    font-weight: 500;
}
[search-drop-select]>a>label>em
{
    font-size: 18px;
}
[search-drop-select]>a>label img
{
    margin-bottom: 4px;
}
[search-drop-select]>a [font-icon]
{
    font-size: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[search-drop-select]>a [font-icon] path
{
    fill: #fff;
}
[search-drop-select]>a [font-icon].on
{
    transform: rotate(180deg);
    margin-top: -8px;
}
[search-drop-select] .list-container
{
    box-shadow: 2px 0 3px rgba(0,0,0,.5);
    background-color: #1e1e1e;
    border-radius: 8px;
    border-radius: 0 0 0 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    max-height: 500px;
    height: 0;
    left: -9999px;
}
[search-drop-select] .list-container.fill
{
    width: var(--innerWidth)!important;
}
[search-drop-select] .list-container.on
{
    opacity: 1;
    left: 0;
    z-index: 10;
}
[search-drop-select] .list-container.on .list-inner .scroll-holder
{
    pointer-events: auto;
    z-index: 10;
}
[search-drop-select] .list-container .list-inner
{
    padding-bottom: 12px;
    height: 100%;
}
[search-drop-select] .list-container .list-inner .input-holder
{
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
}
[search-drop-select] .list-container .list-inner .scroll-holder
{
    overflow-y: auto;
    height: calc(100% - 54px);
    pointer-events: none;
    position: relative;
    z-index: -1;
}
[search-drop-select] .list-container .list-inner .scroll-holder.full
{
    height: 100%;
}
[search-drop-select] .list-container .list-inner .scroll-holder label
{
    display: block;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #999;
    text-align: left;
}
[search-drop-select] .list-container .list-inner .scroll-holder button
{
    display: flex;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #fff;
    text-align: left;
}
[search-drop-select] .list-container .list-inner .scroll-holder button.focus, [search-drop-select] .list-container .list-inner .scroll-holder button:focus, [search-drop-select] .list-container .list-inner .scroll-holder button:hover
{
    background-color: rgba(0,0,0,.2);
}
[search-drop-select] .list-container .list-inner .scroll-holder button.active
{
    background-color: rgba(0,0,0,.4);
}
[search-drop-select] .list-container .list-inner .scroll-holder button em
{
    font-size: 14px;
    width: 100%;
}
[search-drop-select] .list-container .list-inner .scroll-holder button .icn-chevron-right
{
    margin: 0 0 0 auto;
}
[search-drop-select] .list-container .list-inner .empty
{
    font-size: 14px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    position: relative;
    height: 100%;
}
[search-drop-select] .list-container .list-inner .empty [font-icon]
{
    display: block;
    width: #fff;
    position: absolute;
    left: 50%;
    top: 4px;
    right: auto;
    bottom: auto;
    font-size: 20px;
    transform: translate(-50%,-50%);
    animation: rotate-circle 2s linear infinite;
}
[search-drop-select] .list-container .list-footer>img
{
    display: flex;
    margin-right: 15px;
    margin-left: auto;
}
[search-drop-select].md .list-container .list-inner .scroll-holder
{
    height: 100%;
}
[search-drop-select].md .list-container .list-inner .empty [font-icon]
{
    top: 40%;
}
[search-drop-select].md>a, [search-drop-select].sm>a
{
    background-color: transparent!important;
    box-shadow: none;
    border: 0;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    height: 36px;
}
[search-drop-select].md>a>[text-input], [search-drop-select].sm>a>[text-input]
{
    border: 0;
    box-shadow: none;
    width: 100%;
}
[search-drop-select].md>a>[text-input] input, [search-drop-select].sm>a>[text-input] input
{
    padding-left: 0;
}
[search-drop-select].md .list-container .list-inner, [search-drop-select].sm .list-container .list-inner
{
    font-size: 14px;
}
[search-drop-select] [text-input].select-only
{
    pointer-events: none;
}
[search-drop-select] [text-input].inside-input input::-moz-placeholder
{
    font-size: 14px;
}
[search-drop-select] [text-input].inside-input input::placeholder
{
    font-size: 14px;
}
[search-drop-select] [text-input] input
{
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 4px;
}
[search-drop-select] .placeholder
{
    color: hsla(0,0%,100%,.3);
    font-weight: 400;
}
[search-drop-select].disabled>a
{
    cursor: default;
}
[gp-country-number-drop-select]
{
    position: relative;
    background-color: #fff;
    border-radius: 8px;
}
[gp-country-number-drop-select]>a
{
    border-radius: 8px;
    color: #333;
    background-color: #1e1e1e;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 #000;
    display: block;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 64px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 12px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
[gp-country-number-drop-select]>a.placeholder
{
    color: #a1a1aa;
}
[gp-country-number-drop-select]>a>label
{
    font-weight: 500;
    font-weight: 400;
}
[gp-country-number-drop-select]>a>label>em
{
    font-size: 14px;
}
[gp-country-number-drop-select]>a>label img
{
    margin-bottom: 4px;
}
[gp-country-number-drop-select]>a [font-icon]
{
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 45%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    color: #333;
}
[gp-country-number-drop-select]>a [font-icon].on
{
    transform: rotate(180deg);
}
[gp-country-number-drop-select] .list-container
{
    background-color: #fff;
    border-radius: 0 0 0 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    max-height: 500px;
    height: 0;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,.1);
    border-radius: 8px;
}
[gp-country-number-drop-select] .list-container.fill
{
    width: 100%;
}
[gp-country-number-drop-select] .list-container.on
{
    opacity: 1;
    z-index: 10;
}
[gp-country-number-drop-select] .list-container .list-inner
{
    padding-bottom: 6px;
    padding-top: 3px;
    height: 100%;
}
[gp-country-number-drop-select] .list-container .list-inner .input-holder
{
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    background-color: #fff;
}
[gp-country-number-drop-select] .list-container .list-inner [text-input]
{
    background-color: #f7f7f8;
    width: 100%;
    box-shadow: none;
    border: none;
    height: 40px;
}
[gp-country-number-drop-select] .list-container .list-inner [text-input]>input
{
    color: #000;
    font-size: 14px;
    padding-bottom: 0;
}
[gp-country-number-drop-select] .list-container .list-inner [text-input]>.input-btn-x
{
    background-color: #fff;
}
[gp-country-number-drop-select] .list-container .list-inner [text-input]>.input-btn-x>i
{
    color: #000;
}
[gp-country-number-drop-select] .list-container .list-inner .scroll-holder
{
    overflow-y: auto;
    height: calc(100% - 50px);
}
[gp-country-number-drop-select] .list-container .list-inner .scroll-holder label
{
    display: block;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #000;
    text-align: left;
}
[gp-country-number-drop-select] .list-container .list-inner .scroll-holder button
{
    display: flex;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #000;
    text-align: left;
}
[gp-country-number-drop-select] .list-container .list-inner .scroll-holder button.focus, [gp-country-number-drop-select] .list-container .list-inner .scroll-holder button:focus, [gp-country-number-drop-select] .list-container .list-inner .scroll-holder button:hover
{
    background-color: #f3fcf5;
}
[gp-country-number-drop-select] .list-container .list-inner .scroll-holder button.active
{
    background-color: #e6f3e8;
}
[gp-country-number-drop-select] .list-container .list-inner .scroll-holder button em
{
    font-size: 14px;
    width: 100%;
}
[gp-country-number-drop-select] .list-container .list-inner .scroll-holder button .icn-chevron-right
{
    margin: 0 0 0 auto;
}
[gp-country-number-drop-select] .list-container .list-inner .empty
{
    font-size: 14px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    color: #000;
}
[gp-country-number-drop-select].md .list-container .list-inner .scroll-holder
{
    height: 100%;
}
[gp-country-number-drop-select].md>a, [gp-country-number-drop-select].sm>a
{
    background-color: transparent!important;
    box-shadow: none;
    border: 0;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    height: 40px;
    border-radius: 4px;
}
[gp-country-number-drop-select].md>a>[text-input], [gp-country-number-drop-select].sm>a>[text-input]
{
    border: 0;
    box-shadow: none;
    width: 100%;
}
[gp-country-number-drop-select].md>a>[text-input] input, [gp-country-number-drop-select].sm>a>[text-input] input
{
    padding-left: 0;
}
[gp-country-number-drop-select].md .list-container .list-inner, [gp-country-number-drop-select].sm .list-container .list-inner
{
    font-size: 14px;
}
[gp-country-number-drop-select] [text-input] input
{
    font-size: 14px;
    line-height: 20px;
}
[gp-country-number-drop-select] .placeholder
{
    color: #a1a1aa;
    font-weight: 400;
}
[gp-country-number-drop-select].disabled
{
    background-color: #d4d4d8;
}
[gp-country-number-drop-select].disabled>a
{
    color: #a1a1aa;
}
[gp-country-number-drop-select].single
{
    height: 48px;
}
[gp-country-number-drop-select].single [search-drop-select]>a
{
    height: 48px;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 hsla(0,0%,78%,.1),inset 0 1px 0 0 #000;
    background-color: hsla(0,0%,100%,.07)!important;
}
[gp-country-number-drop-select].single [search-drop-select]>a>label
{
    line-height: 50px;
    height: 100%;
}
[gp-country-number-drop-select] .img-country
{
    width: 18px;
    display: inline-block;
    margin-right: 8px;
}
[gp-country-number-drop-select] .link
{
    position: absolute;
    right: 0;
    bottom: -28px;
    left: auto;
    top: auto;
    color: #df3320;
    font-weight: 600;
}
[gp-country-number-drop-select] .link a
{
    font-weight: 400;
    border-bottom: 1px solid #df3320;
}
[gp-text-input-box]
{
    border-radius: 8px;
    width: 100%;
    height: 40px;
    background-color: #fff;
    border: none;
}
[gp-text-input-box].currency>input
{
    padding-left: 30px!important;
}
[gp-text-input-box].right>input
{
    text-align: right;
}
[gp-text-input-box].disabled
{
    background-color: #d4d4d8;
}
[gp-text-input-box]>input
{
    width: 100%;
    height: 40px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px!important;
    font-size: 14px;
}
[gp-text-input-box]>input::-moz-placeholder
{
    color: #a1a1aa;
}
[gp-text-input-box]>input::placeholder
{
    color: #a1a1aa;
}
[gp-text-input-box].transparent
{
    background-color: transparent;
}
[gp-text-input-box].focus:after
{
    background-color: transparent!important;
}
[drop-list] .list-box>a.item
{
    display: block;
    width: 100%;
    text-align: left;
}
[drop-list] .list-box>a.item:focus
{
    background-color: rgba(0,0,0,.2);
}
[drop-list].white .list-box>a.item
{
    display: block;
    width: 100%;
    text-align: left;
    color: #000;
    border-top: none!important;
}
[drop-list].white .list-box>a.item:focus
{
    background-color: rgba(0,0,0,.2);
}
.error [input-drop-select]:before
{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    z-index: 2;
    width: 100%;
    border-bottom: 1px solid #e81a1a;
}
[drop-select]
{
    overflow: hidden;
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
}
[drop-select]>.angle
{
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 45%;
    left: auto;
    bottom: auto;
    z-index: 1;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
[drop-select]>.angle .icon
{
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
    width: 100%;
    height: 100%;
}
[drop-select].error:before
{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    z-index: 2;
    width: 100%;
    border-bottom: 1px solid #e81a1a;
}
[drop-select].clearable input[type=text]
{
    padding-right: 70px;
}
[drop-select] input[type=text]
{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-left: 12px;
    padding-right: 24px;
    text-align: left;
    font-size: 14px;
    line-height: 50px;
    font-weight: 400;
    color: rgba(0,0,0,.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: transparent;
    cursor: pointer;
}
[drop-select] input[type=text]::-moz-placeholder
{
    color: #ccc;
}
[drop-select] input[type=text]::placeholder
{
    color: #ccc;
}
[drop-select] input[type=text]:disabled::-moz-placeholder
{
    color: rgba(0,0,0,.5);
}
[drop-select] input[type=text]:disabled::placeholder
{
    color: rgba(0,0,0,.5);
}
[drop-select].open input[type=text]
{
    border-radius: 12px 12px 0 0;
    border-bottom: 0;
}
[drop-select].open>.angle
{
    top: 55%;
}
[drop-select].open>.angle .icon
{
    transform: rotate(315deg);
}
[drop-select].readonly
{
    background-color: #eee;
}
[drop-select].readonly input[type=text]
{
    pointer-events: none;
    cursor: default;
}
[drop-select].product input[type=text]
{
    font-size: 14px;
    line-height: 34px;
    background: #2a2a2a;
    color: #fff;
}
[drop-select].disabled input
{
    background-color: rgba(0,0,0,.1);
}
[drop-select].black, [drop-select].dark
{
    background-color: transparent;
    border: 0;
}
[drop-select].black input[type=text], [drop-select].dark input[type=text]
{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
[drop-select].black input[type=text]::-moz-placeholder, [drop-select].dark input[type=text]::-moz-placeholder
{
    color: hsla(0,0%,100%,.3);
    font-weight: 400;
}
[drop-select].black input[type=text]::placeholder, [drop-select].dark input[type=text]::placeholder
{
    color: hsla(0,0%,100%,.3);
    font-weight: 400;
}
[drop-select].black>.angle, [drop-select].dark>.angle
{
    background-color: transparent;
}
[drop-select].black>.angle .icon, [drop-select].dark>.angle .icon
{
    border-top: 2px solid hsla(0,0%,100%,.5);
    border-right: 2px solid hsla(0,0%,100%,.5);
}
.requested [drop-select].error
{
    border: 1px solid #f00!important;
}
[input-mobile-number] .input-mobile-holder
{
    display: flex;
    flex-direction: column;
    background-color: #ebebef;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-radius: 16px;
    position: relative;
    gap: 10px;
}
[input-mobile-number] .input-mobile-holder .label
{
    font-size: 14px;
    color: #737373;
    padding-left: 3px;
}
[input-mobile-number] .input-mobile-holder .label>span
{
    color: #249135;
    padding-left: 3px;
}
[input-mobile-number] .input-mobile-holder .mobile-input
{
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 5px;
}
[input-mobile-number] .input-mobile-holder .mobile-input>div+div
{
    margin-top: 4px;
}
[input-mobile-number] .input-mobile-holder .mobile-input [gp-text-input-box]>input::-moz-placeholder
{
    color: #a1a1aa;
}
[input-mobile-number] .input-mobile-holder .mobile-input [gp-text-input-box]>input::placeholder
{
    color: #a1a1aa;
}
[input-mobile-number] .input-mobile-holder .mobile-input [gp-text-input-box]:after
{
    content: none;
}
[input-mobile-number] .input-mobile-holder>div>[validation-errors]
{
    padding-left: 0;
    margin-left: 4px;
    margin-top: 5px;
}
@media(min-width: 420px)
{
    [input-mobile-number] .input-mobile-holder .mobile-input
    {
        flex-direction: row;
        justify-content: space-between;
    }
    [input-mobile-number] .input-mobile-holder .mobile-input>div+div
    {
        margin-top: 0;
    }
    [input-mobile-number] .input-mobile-holder .mobile-input>:first-of-type
    {
        width: 35%;
    }
    [input-mobile-number] .input-mobile-holder .mobile-input>:nth-of-type(2)
    {
        width: calc(65% - 8px);
    }
}
[input-mobile-number] [gp-text-input-box]>input::-moz-placeholder
{
    color: rgba(0,0,0,.5);
}
[input-mobile-number] [gp-text-input-box]>input::placeholder
{
    color: rgba(0,0,0,.5);
}
[validation-component]
{
    cursor: pointer;
}
[validation-component] .holder
{
    width: 100%;
    height: 68px;
    position: relative;
}
[validation-component] .holder>.label
{
    position: absolute;
    left: 0;
    top: 4px;
    right: auto;
    bottom: auto;
    z-index: 1;
    pointer-events: none;
}
[validation-component] .holder>.label>s
{
    position: absolute;
    left: 12px;
    top: 28px;
    right: auto;
    bottom: auto;
    font-size: 20px;
}
[validation-component] .holder>.label>label
{
    pointer-events: none;
    padding-left: 12px;
    font-size: 13px;
    padding-top: 4px;
    text-align: left;
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    height: 24px;
    vertical-align: top;
}
[validation-component] .holder>.label>label.mandatory:after
{
    content: "*";
    color: #df3320;
    margin-left: 4px;
}
[validation-component] .holder>.label>label.label-color
{
    color: #afafaf;
}
[validation-component] .holder>.field
{
    height: 100%;
    position: relative;
}
[validation-component] .holder>.field>*
{
    height: 100%;
    padding-top: 28px;
}
[validation-component] .holder.error
{
    border: 2px solid #df3320;
}
[validation-component] .holder.error>label
{
    color: #df3320;
}
[validation-component] .holder.focus, [validation-component] .holder:focus
{
    border: 2px solid #ffc64d;
    background-color: rgba(39,39,39,.2)!important;
}
[validation-component] .holder.disabled
{
    background-color: hsla(0,0%,100%,.1);
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
}
[validation-component] .holder.disabled [radio-item], [validation-component] .holder.disabled [search-drop-select] [font-icon], [validation-component] .holder.disabled [search-drop-select] label, [validation-component] .holder.disabled input
{
    color: #7c7576;
}
[email-search-select] .ghost
{
    position: fixed;
    z-index: -9999;
}
[email-search-select] [search-drop-select] .list-container
{
    opacity: 0!important;
}
[email-search-select].has-list [search-drop-select] .list-container
{
    opacity: 1!important;
}
[input-email-address]
{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ebebef;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-radius: 16px;
    position: relative;
}
[input-email-address]>div
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[input-email-address]>[email-search-select] [validation-component] .holder.focus
{
    background-color: transparent!important;
}
[input-email-address]>[email-search-select] [validation-component] .input-field
{
    background-color: transparent;
    border: none;
    box-shadow: none;
}
[input-email-address]>[email-search-select] [validation-component] .input-field>.label
{
    color: #737373;
    top: 0;
}
[input-email-address]>[email-search-select] [validation-component] .input-field>.label>label
{
    padding-left: 3px;
    margin-bottom: 5px;
    font-size: 14px;
    padding-top: 0;
}
[input-email-address]>[email-search-select] [validation-component] .input-field>.label>.mandatory:after
{
    color: #249135;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field
{
    display: flex;
    flex-direction: column;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select]
{
    color: #000;
    border-radius: 8px;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select]>a
{
    padding: 0!important;
    height: 40px;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select]>a>span
{
    height: 40px;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select]>a>span>input
{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
    height: 40px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select] .list-container
{
    box-shadow: none;
    background-color: #fff;
    border-radius: 8px;
    pointer-events: none;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select] .list-container.on
{
    pointer-events: auto;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select] .list-container>.list-inner>.scroll-holder>.size-holder button
{
    color: #000;
}
[input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select] .list-container>.list-inner>.scroll-holder>.size-holder button.active, [input-email-address]>[email-search-select] [validation-component] .input-field .field>[search-drop-select] .list-container>.list-inner>.scroll-holder>.size-holder button.focus
{
    background-color: #f8fbf9;
}
[input-email-address]>[email-search-select]>div>[validation-errors]
{
    padding-left: 0;
    margin-left: 5px;
    margin-top: 0;
}
[input-email-address] [validation-errors]
{
    padding-left: 5px;
}
[gp-text-button]
{
    display: flex;
    justify-content: flex-end;
    min-height: 14px;
}
[gp-text-button]>button
{
    color: #3ea6ff;
    text-edge: cap;
    font-size: 12px;
    text-decoration-line: underline;
    font-family: inherit;
}
[verify-pin-code]
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    width: 100%;
}
[verify-pin-code] [text-input]
{
    width: 64px;
    height: 64px;
    margin-right: 6px;
    margin-left: 6px;
    font-size: 24px;
    background-color: hsla(0,0%,100%,.04);
}
[verify-pin-code] [text-input] input
{
    padding: 0!important;
    text-align: center;
}
[verify-pin-code] [text-input].focus
{
    border: 2px solid #ffc64d;
}
[validation-errors]
{
    color: #e81a1a;
    margin-top: 4px;
    text-align: left;
}
[validation-errors]>li
{
    font-size: 14px;
}
[validation-errors]>li a[href^="mailto:"]
{
    color: #06c;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-32dfb7f5]
    {
        display: none!important;
    }
}
.submit-group[data-v-32dfb7f5]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-32dfb7f5]
    {
        flex-direction: row;
    }
}
[gp-open-email-app][data-v-32dfb7f5]
{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
[gp-open-email-app] .btn-holder[data-v-32dfb7f5]
{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0!important;
    font-size: 16px;
}
[input-verification-code]
{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    flex: 1;
    height: 100%;
}
[input-verification-code] .input-group
{
    background-color: #ebebef;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-radius: 16px;
    align-items: center;
    flex: 1;
}
[input-verification-code] .input-group>label
{
    width: 100%;
    color: #737373;
    font-size: 13px;
    padding-left: 5px;
}
[input-verification-code] .input-group>label>span
{
    color: #008000;
    margin-left: 3px;
}
[input-verification-code] .np-verify-code
{
    background-color: #ebebef;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    justify-content: center;
}
[input-verification-code] .np-verify-code.six>span
{
    width: calc(16.66667vw - 23.33333px);
    height: calc(16.66667vw - 23.33333px);
}
[input-verification-code] .np-verify-code>span
{
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #000;
    border: none;
    max-width: 74px;
    max-height: 74px;
    width: calc(25vw - 35px);
    height: calc(25vw - 35px);
}
[input-verification-code] .np-verify-code>span.focus
{
    border: 1px solid #ddd;
}
[input-verification-code] .np-verify-code>span>input
{
    color: #000;
}
[verify-resend].dark>span
{
    color: #7f7f7f;
}
[verify-resend].dark>button
{
    margin-left: 16px;
    color: #ccc;
    font-size: 16px;
}
[verify-resend].dark>button:hover
{
    color: #fff;
}
[verify-resend].dark>button:disabled
{
    color: #434343;
    cursor: not-allowed;
}
[verify-resend].green>span
{
    color: #249135;
    font-size: 14px;
}
[verify-resend].green>button
{
    margin-left: 8px;
    color: #249135;
    font-size: 14px;
    font-weight: 500;
}
[verify-resend].green>button:hover
{
    color: #249135;
}
[verify-resend].green>button:disabled
{
    color: #d4d4d8;
    cursor: not-allowed;
}
[np-resend-modal]>.panel
{
    position: relative;
    overflow: visible;
}
[np-resend-modal]>.panel .scroll-area
{
    height: calc(100% - 59px);
    display: flex;
    flex-direction: column;
    overflow-y: visible;
}
[np-resend-modal]>.panel .scroll-area>.body
{
    flex: 1;
}
[np-resend-modal] .modal-body
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
[np-resend-modal] .modal-body .icon
{
    font-size: 30px;
    color: #df3320;
}
[np-resend-modal] .modal-body .icon.success
{
    color: #249135;
}
[np-resend-modal] .modal-body .content
{
    padding-right: 20px;
    padding-left: 20px;
    width: 80%;
}
[np-resend-modal] .modal-body .content>p
{
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #000;
}
[np-resend-modal] .footer
{
    display: flex;
    gap: 10px;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-1165a6df]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-1165a6df]
    {
        display: none!important;
    }
}
.submit-group[data-v-1165a6df]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-1165a6df]
    {
        flex-direction: row;
    }
}
[open-email-app]>button[data-v-1165a6df]
{
    margin-left: 4px;
    color: #ccc;
    font-size: 16px;
}
[open-email-app]>[font-icon][data-v-1165a6df]
{
    font-size: 16px;
    color: #ccc;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-36caf451]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-36caf451]
    {
        display: none!important;
    }
}
.submit-group[data-v-36caf451]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-36caf451]
    {
        flex-direction: row;
    }
}
[verify-sms][data-v-36caf451]
{
    display: flex;
    justify-content: center;
    gap: 8px;
}
[verify-sms].white>[font-icon][data-v-36caf451]
{
    color: #249135;
}
[verify-sms].white>button[data-v-36caf451]
{
    color: #249135;
    font-size: 14px;
}
[verify-sms].dark>[font-icon][data-v-36caf451]
{
    color: #fff;
}
[verify-sms].dark>button[data-v-36caf451]
{
    color: #fff;
    font-size: 16px;
}
[mfa-method-authentication-modal]>.panel
{
    position: relative;
    overflow: visible;
}
[mfa-method-authentication-modal]>.panel .scroll-area
{
    height: calc(100% - 59px);
    display: flex;
    flex-direction: column;
    overflow-y: visible;
}
[mfa-method-authentication-modal]>.panel .scroll-area>.body
{
    flex: 1;
}
[mfa-method-authentication-modal] .content>[verify-resend]
{
    padding-top: 8px;
    padding-bottom: 20px;
    text-align: right;
}
[mfa-method-authentication-modal] .content .desc
{
    padding-bottom: 0;
}
[mfa-method-authentication-modal] .content .desc>p
{
    margin-top: 16px;
    font-size: 14px;
    color: #999;
    text-align: left;
    line-height: 1.5;
}
[mfa-method-authentication-modal] .content .desc.pb
{
    padding-bottom: 18px;
}
[mfa-method-authentication-modal] .content .extra-desc>p
{
    font-size: 14px;
    color: #999;
    text-align: left;
    line-height: 1.5;
}
[mfa-method-authentication-modal] .content .input-group
{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 25px;
}
[mfa-method-authentication-modal] .content>[input-email-address] [validation-errors]
{
    margin-top: 4px;
}
[mfa-method-authentication-modal] .content>[input-verification-code] .np-verify-code.six>span
{
    max-width: 52px;
    max-height: 52px;
}
[mfa-method-authentication-modal] .content>[input-verification-code] [validation-errors]
{
    width: 100%;
}
[mfa-method-authentication-modal] .content>[open-email-app]
{
    color: #249135;
    font-weight: 500;
    text-align: center;
    padding-bottom: 18px;
}
[mfa-method-authentication-modal] .content>[open-email-app]>button
{
    margin-left: 4px;
    color: #249135;
    font-size: 14px;
}
[mfa-method-authentication-modal] .content>[open-email-app]>[font-icon]
{
    font-size: 14px;
    color: #249135;
}
[mfa-method-authentication-modal] [verify-sms]
{
    padding-bottom: 18px;
}
[display-step], [display-step] .item
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
[display-step] .item .circle
{
    background-color: #249135;
    width: 16px;
    height: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}
[display-step] .item .circle.wait
{
    background-color: #d4d4d8;
}
[display-step] .item .circle>p
{
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
[display-step] .item .circle>svg
{
    fill: #fff;
    width: 10px;
    height: 10px;
}
[display-step] .item .bar
{
    height: 1px;
    width: 16px;
    background-color: #249135;
}
[display-step] .item .bar.wait
{
    background-color: #ccc;
}
[mfa-modal-template]
{
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}
[mfa-modal-template] .mfa-content
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    padding-top: 10px;
    align-items: center;
}
[mfa-modal-template] .mfa-title
{
    font-size: 14px;
    text-align: center;
    color: #000;
    width: 100%;
    font-weight: 500;
    line-height: 16px;
}
[mfa-modal-template] .mfa-description
{
    font-size: 12px;
    color: #737373;
    text-align: center;
    line-height: 16px;
    padding-top: 10px;
}
[mfa-modal-template] .mfa-footer
{
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
    width: 100%;
    bottom: 0;
}
[download-market] .img-group
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}
[download-market] .img-group .img-area
{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 136px;
    height: 136px;
}
[download-market] .img-group .img-area>img
{
    height: 36px;
}
[download-market] .img-group .img-area>p
{
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}
[download-market] .img-group .img-area>p:nth-of-type(2)
{
    color: #000;
    text-align: center;
    font-size: 14px;
    padding-top: 0;
}
@media(max-width: 419px)
{
    [download-market] .img-group .img-area
    {
        width: 120px;
        height: 120px;
    }
    [download-market] .img-group .img-area>img
    {
        height: 26px;
    }
    [download-market] .img-group .img-area>p
    {
        text-align: center;
        font-size: 12px;
        padding-top: 10px;
        line-height: 16px;
    }
    [download-market] .img-group .img-area>p:nth-of-type(2)
    {
        color: #000;
        text-align: center;
        font-size: 14px;
        padding-top: 0;
    }
}
[copy-button]
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: relative;
}
[copy-button]>p
{
    color: #000;
    font-size: 12px;
}
[copy-button]>button>[font-icon]
{
    color: #737373;
    font-size: 16px;
}
[copy-button] .popover-copied
{
    position: absolute;
    top: -25px;
    right: -25px;
    background-color: #fff;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    color: #737373;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,.1);
    border-radius: 8px;
}
[display-qr-code]
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
[display-qr-code] .img-group
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}
[display-qr-code] .img-group .img-area
{
    width: 160px;
    height: 160px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
[display-qr-code] .img-group .img-area>img
{
    width: 100%;
    height: 100%;
}
[display-qr-code] .img-group .img-area>p:nth-of-type(2)
{
    color: #000;
}
@media(min-width: 580px)
{
    [display-qr-code] .img-group .img-area
    {
        width: 186px;
        height: 186px;
    }
}
[backup-qr-code]
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
[backup-qr-code] .img-group
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}
[backup-qr-code] .img-group .img-area
{
    width: 160px;
    height: 160px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
[backup-qr-code] .img-group .img-area>p:nth-of-type(2)
{
    color: #000;
}
[backup-qr-code] .cloud-exchange
{
    font-size: 55px;
}
[backup-qr-code] .head-message
{
    font-size: 14px;
    color: #000;
}
[backup-qr-code] .footer-message
{
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}
@media(min-width: 580px)
{
    [backup-qr-code] .img-group .img-area
    {
        width: 186px;
        height: 186px;
    }
}
[verify-google-code]
{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
[verify-google-code] .verify-content
{
    background-color: #f8f8f8;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    width: 100%;
}
[verify-google-code] .head-message
{
    color: #000;
    text-align: center;
    padding-bottom: 20px;
    font-size: 14px;
}
[mfa-success] .img-group
{
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding-top: 30px;
}
[mfa-success] .img-group>i
{
    font-size: 30px;
    color: #249135;
}
[mfa-success] .img-group>p
{
    color: #000;
    font-size: 16px!important;
    padding-top: 10px;
}
[mfa-google-modal]>.panel
{
    height: 65%;
    position: relative;
    min-height: 490px;
    max-height: 490px;
    max-width: 460px;
}
@media(max-height: 499px)
{
    [mfa-google-modal]>.panel
    {
        min-height: 100%;
    }
}
[mfa-google-modal]>.panel .scroll-area
{
    height: calc(100% - 59px);
    display: flex;
    flex-direction: column;
}
[mfa-google-modal]>.panel .scroll-area>.body
{
    flex: 1;
}
[mfa-google-modal] .input-group
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 15px;
    height: 100%;
}
[mfa-google-modal] .input-group [gp-template-form]
{
    padding-right: 0;
    padding-left: 0;
}
[mfa-google-modal] .success
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}
[mfa-google-modal] .success>p
{
    color: #000;
    font-size: 16px!important;
    padding-top: 10px;
}
[mfa-google-modal] .content
{
    flex: 1;
}
[mfa-google-modal] .footer
{
    display: flex;
    flex-direction: row;
    gap: 20px;
}
[mfa-google-modal] .gp-modal-floating
{
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    gap: 10px;
}
[input-security-method]
{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
[mfa-change-level-verify-code-modal]>.panel
{
    position: relative;
    overflow: visible;
}
[mfa-change-level-verify-code-modal]>.panel .scroll-area
{
    height: calc(100% - 59px);
    display: flex;
    flex-direction: column;
    overflow-y: visible;
}
[mfa-change-level-verify-code-modal]>.panel .scroll-area>.body
{
    flex: 1;
}
[mfa-change-level-verify-code-modal] [validation-errors]
{
    width: 100%;
}
[mfa-change-level-verify-code-modal] .content
{
    max-width: 420px;
}
[mfa-change-level-verify-code-modal] .content>[verify-resend]
{
    padding-top: 8px;
    padding-bottom: 20px;
    text-align: right;
}
[mfa-change-level-verify-code-modal] .content .desc
{
    padding-bottom: 0;
}
[mfa-change-level-verify-code-modal] .content .desc>p
{
    margin-top: 20px;
}
[mfa-change-level-verify-code-modal] .content .desc>p, [mfa-change-level-verify-code-modal] .content .extra-desc>p
{
    font-size: 14px;
    color: #737373;
    text-align: left;
    line-height: 16px;
}
[mfa-change-level-verify-code-modal] .content .input-group
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 25px;
}
[mfa-change-level-verify-code-modal] [verify-sms]
{
    padding-bottom: 18px;
}
@media(min-width: 580px)
{
    [mfa-change-level-verify-code-modal]>.panel.large
    {
        max-width: 586px;
        width: 586px;
    }
    [mfa-change-level-verify-code-modal] .content
    {
        max-width: 546px;
    }
}
[login-security] .my-title-label
{
    width: 100%;
}
[login-security] .desc
{
    display: flex;
    align-items: center;
}
[login-security] .desc>p
{
    color: #000;
}
[login-security] .logout-device
{
    display: flex;
    flex-direction: column;
}
[login-security] .logout-device>.item
{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 16px;
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 20px;
    align-items: center;
}
[login-security] .logout-device>.item>label
{
    flex: 1;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
[login-security] .logout-device>.item [my-info-button]
{
    border-radius: 100px;
    width: auto;
    height: 30px;
    line-height: 16px!important;
}
[login-security] .security-level-group>p
{
    color: #000;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
}
[login-security] .security-method-group
{
    padding-top: 5px;
    padding-bottom: 20px;
}
[login-security] .security-method-group>p
{
    color: #000;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media(min-width: 580px)
{
    [login-security]
    {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
    }
    [login-security]>div+div
    {
        margin-top: 0;
    }
}
[checkbox-item]
{
    display: block;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 8px;
    max-height: 100%;
    display: flex;
}
[checkbox-item] em
{
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 22px);
}
[checkbox-item] em.ltx
{
    margin-right: 8px;
}
[checkbox-item].small, [checkbox-item].tree
{
    align-items: center;
    display: flex;
}
[checkbox-item].small.disabled, [checkbox-item].tree.disabled
{
    opacity: .5;
    cursor: default;
}
[checkbox-item].small.disabled i svg, [checkbox-item].tree.disabled i svg
{
    opacity: .2;
}
[checkbox-item].small i, [checkbox-item].tree i
{
    width: 14px;
    height: 14px;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 2px;
    position: relative;
    margin-top: 2px;
    display: block;
    background-color: #fff;
}
[checkbox-item].small i svg, [checkbox-item].tree i svg
{
    position: absolute;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[checkbox-item].small i svg path, [checkbox-item].tree i svg path
{
    fill: rgba(0,0,0,.5);
}
[checkbox-item].small i.checked, [checkbox-item].tree i.checked
{
    background-color: #07d0b5;
}
[checkbox-item].small i.checked svg path, [checkbox-item].tree i.checked svg path
{
    fill: #fff;
}
[checkbox-item].dark
{
    align-items: flex-start;
}
[checkbox-item].dark em
{
    max-width: calc(100% - 24px);
}
[checkbox-item].dark i
{
    width: 16px;
    height: 16px;
    border: 1px solid #f2f2f2;
    background-color: transparent;
    margin-top: 4px;
}
[checkbox-item].dark i svg
{
    width: 14px;
    height: 14px;
    display: none;
}
[checkbox-item].dark i svg path
{
    fill: trasparent;
}
[checkbox-item].dark i.checked
{
    background-color: #f2f2f2;
}
[checkbox-item].dark i.checked svg
{
    display: block;
}
[checkbox-item].dark i.checked svg path
{
    fill: #222;
}
[checkbox-item].dark em
{
    font-size: 14px;
}
[checkbox-item].big i
{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.7);
    display: inline-block;
    vertical-align: middle;
}
[checkbox-item].big i svg
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 10px;
    height: 10px;
}
[checkbox-item].big i svg path
{
    fill: #ccc;
}
[checkbox-item].big i.checked
{
    background-color: #07d0b5;
}
[checkbox-item].big i.checked svg path
{
    fill: #fff;
}
[checkbox-item].default
{
    height: 16px;
}
[checkbox-item].default i
{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 3px;
    border: 1px solid #191919;
    padding-top: 2px;
    opacity: .5;
}
[checkbox-item].default i svg
{
    width: 10px;
    height: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
[checkbox-item].default i svg .fill-target
{
    fill: transparent;
}
[checkbox-item].default i.checked
{
    background-color: hsla(0,0%,100%,.8);
    opacity: 1;
}
[checkbox-item].default i.checked svg .fill-target
{
    fill: #2c81ff;
}
[checkbox-item].light
{
    height: 16px;
    margin-right: 0;
}
[checkbox-item].light i
{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-top: 2px;
    opacity: .5;
    background-color: #fff;
}
[checkbox-item].light i svg
{
    width: 10px;
    height: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    visibility: hidden;
}
[checkbox-item].light i svg .fill-target
{
    fill: transparent;
}
[checkbox-item].light i.checked
{
    background-color: hsla(0,0%,100%,.8);
    opacity: 1;
    border: 1px solid #249135;
}
[checkbox-item].light i.checked svg
{
    visibility: visible;
    fill: #249135;
}
[checkbox-item].light i.checked svg .fill-target
{
    fill: #249135;
}
[np-email-address]
{
    padding-top: 30px;
}
[np-email-address] [gp-open-email-app]
{
    color: #249135;
    font-weight: 600;
}
[np-email-address] [fp-resend-button] .timer
{
    font-size: #737373;
    font-size: 12px;
}
[np-email-address] [fp-resend-button] .resend
{
    color: #249135;
    font-size: 14px;
    padding-bottom: 20px;
    text-decoration-line: none;
    font-weight: 600;
}
[np-email-address] [fp-resend-button] .resend.end
{
    color: #249135;
}
[np-email-address] .via-contact
{
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
}
[np-email-address] .via-contact.disable
{
    color: #757575;
}
[np-email-address] .via-contact.disable>i
{
    border: 1px solid #eee;
    background-color: #757575;
}
[np-email-address] .via-contact.disable>i>svg
{
    fill: #fff;
}
[input-fund-password]
{
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
[fund-password] .enable-icon
{
    color: #68ad6f;
    font-size: 18px;
}
[fund-password] .password-input-group
{
    background-color: #f8f8f8;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
[fund-password] .footer
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[fund-password] .enable-fund-password
{
    background-color: #f8f8f8;
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}
[fund-password] .enable-fund-password>h1
{
    margin-bottom: 30px;
}
[fund-password] .desc-group
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-top: 100px;
}
[fund-password] .desc-group .desc-bgc
{
    background-color: #249135;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
[fund-password] .desc-group .desc-bgc [font-icon]
{
    font-size: 16px;
    color: #fff;
}
[fund-password] .desc-group>p
{
    color: #1b1b1b;
    font-size: 16px;
}
[np-mobile-number] .mobile-holder
{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    background-color: #f8f8f8;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-radius: 4px;
}
[np-mobile-number] .mobile-holder>div
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[np-mobile-number] .timer
{
    color: #f00;
}
[np-mobile-number] .via-contact
{
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
}
[np-mobile-number] .via-contact.disable
{
    color: #757575;
}
[np-mobile-number] .via-contact.disable>i
{
    border: 1px solid #eee;
    background-color: #757575;
}
[np-mobile-number] .via-contact.disable>i>svg
{
    fill: #fff;
}
[gp-uk-employment-status] .uk-employment-dropdown
{
    width: 100%;
    height: 40px;
}
[gp-uk-employment-status] .uk-employment-dropdown>a
{
    padding: 0;
}
[gp-uk-employment-status] .uk-employment-dropdown.disabled
{
    background-color: #eee;
    color: #a1a1aa;
    cursor: default;
}
[gp-uk-employment-status] .uk-employment-dropdown.disabled>a>input
{
    background-color: transparent;
}
[gp-uk-employment-status] .uk-employment-dropdown.disabled>a>input::-moz-placeholder
{
    color: rgba(0,0,0,.5);
    font-size: 14px;
}
[gp-uk-employment-status] .uk-employment-dropdown.disabled>a>input::placeholder
{
    color: rgba(0,0,0,.5);
    font-size: 14px;
}
[gp-country-drop-down].disabled>a
{
    cursor: default;
}
[gp-country-drop-down] [search-drop-select]
{
    position: relative;
    background-color: #fff;
    border-radius: 8px;
}
[gp-country-drop-down] [search-drop-select]>a
{
    border-radius: 8px;
    color: #333;
    background-color: #1e1e1e;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 #000;
    display: block;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 64px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 12px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
[gp-country-drop-down] [search-drop-select]>a.placeholder
{
    color: #ccc;
}
[gp-country-drop-down] [search-drop-select]>a>label
{
    font-weight: 500;
    font-weight: 400;
}
[gp-country-drop-down] [search-drop-select]>a>label>em
{
    font-size: 14px;
}
[gp-country-drop-down] [search-drop-select]>a>label img
{
    margin-bottom: 4px;
}
[gp-country-drop-down] [search-drop-select]>a [font-icon]
{
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 45%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    color: #333;
}
[gp-country-drop-down] [search-drop-select]>a [font-icon].on
{
    transform: rotate(180deg);
}
[gp-country-drop-down] [search-drop-select] .list-container
{
    background-color: #fff;
    border-radius: 0 0 0 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    max-height: 500px;
    height: 0;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,.1);
    border-radius: 8px;
}
[gp-country-drop-down] [search-drop-select] .list-container.fill
{
    width: 100%;
}
[gp-country-drop-down] [search-drop-select] .list-container.on
{
    opacity: 1;
    z-index: 10;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner
{
    padding-bottom: 6px;
    padding-top: 3px;
    height: 100%;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .input-holder
{
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    background-color: #fff;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner [text-input]
{
    background-color: #f7f7f8;
    width: 100%;
    box-shadow: none;
    border: none;
    height: 40px;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner [text-input]>input
{
    color: #000;
    font-size: 14px;
    padding-bottom: 0;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner [text-input]>.input-btn-x
{
    background-color: #fff;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner [text-input]>.input-btn-x>i
{
    color: #000;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder
{
    overflow-y: auto;
    height: calc(100% - 50px);
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder label
{
    display: block;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #000;
    text-align: left;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder button
{
    display: flex;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #000;
    text-align: left;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder button.focus, [gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder button:focus, [gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder button:hover
{
    background-color: #f3fcf5;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder button.active
{
    background-color: #e6f3e8;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder button em
{
    font-size: 14px;
    width: 100%;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .scroll-holder button .icn-chevron-right
{
    margin: 0 0 0 auto;
}
[gp-country-drop-down] [search-drop-select] .list-container .list-inner .empty
{
    font-size: 14px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    color: #000;
}
[gp-country-drop-down] [search-drop-select].md .list-container .list-inner .scroll-holder
{
    height: 100%;
}
[gp-country-drop-down] [search-drop-select].md>a, [gp-country-drop-down] [search-drop-select].sm>a
{
    background-color: transparent!important;
    box-shadow: none;
    border: 0;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    height: 40px;
    border-radius: 4px;
}
[gp-country-drop-down] [search-drop-select].md>a>[text-input], [gp-country-drop-down] [search-drop-select].sm>a>[text-input]
{
    border: 0;
    box-shadow: none;
    width: 100%;
}
[gp-country-drop-down] [search-drop-select].md>a>[text-input] input, [gp-country-drop-down] [search-drop-select].sm>a>[text-input] input
{
    padding-left: 0;
}
[gp-country-drop-down] [search-drop-select].md .list-container .list-inner, [gp-country-drop-down] [search-drop-select].sm .list-container .list-inner
{
    font-size: 14px;
}
[gp-country-drop-down] [search-drop-select] [text-input] input
{
    font-size: 14px;
    line-height: 20px;
}
[gp-country-drop-down] [search-drop-select] .placeholder
{
    color: #a1a1aa;
    font-weight: 400;
}
[gp-country-drop-down] [search-drop-select].disabled
{
    background-color: #d4d4d8;
}
[gp-country-drop-down] [search-drop-select].disabled>a
{
    color: #717171;
}
[gp-country-drop-down]
{
    height: 40px;
    position: relative;
}
[gp-country-drop-down].disabled
{
    height: 20px;
}
[gp-country-drop-down].single
{
    height: 48px;
}
[gp-country-drop-down].single [search-drop-select]>a
{
    height: 48px;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 hsla(0,0%,78%,.1),inset 0 1px 0 0 #000;
    background-color: hsla(0,0%,100%,.07)!important;
}
[gp-country-drop-down].single [search-drop-select]>a>label
{
    line-height: 50px;
    height: 100%;
}
[gp-country-drop-down] .img-country
{
    width: 18px;
    display: inline-block;
    margin-right: 8px;
}
[gp-country-drop-down] .link
{
    position: absolute;
    right: 0;
    bottom: -28px;
    left: auto;
    top: auto;
    color: #df3320;
    font-weight: 600;
}
[gp-country-drop-down] .link a
{
    border-bottom: 1px solid #df3320;
}
[gp-state-component] .list-container
{
    padding-bottom: 55px;
}
[br-cpf-number-input]
{
    height: 40px;
    position: relative;
}
[br-cpf-number-input].disabled
{
    height: 20px;
}
[br-cpf-number-input].single
{
    height: 48px;
}
[br-cpf-number-input].single [search-drop-select]>a
{
    height: 48px;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 hsla(0,0%,78%,.1),inset 0 1px 0 0 #000;
    background-color: hsla(0,0%,100%,.07)!important;
}
[br-cpf-number-input].single [search-drop-select]>a>label
{
    line-height: 50px;
    height: 100%;
}
[br-cpf-number-input] .img-country
{
    width: 18px;
    display: inline-block;
    margin-right: 8px;
}
[br-cpf-number-input] .link
{
    position: absolute;
    right: 0;
    bottom: -28px;
    left: auto;
    top: auto;
    color: #df3320;
    font-weight: 600;
}
[br-cpf-number-input] .link a
{
    border-bottom: 1px solid #df3320;
}
[gp-label-component]
{
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 0;
}
[gp-label-component] .top
{
    display: flex;
    justify-content: space-between;
}
[gp-label-component] .top .label
{
    color: #737373;
    font-size: 13px;
}
[gp-label-component] .top>[gp-text-button]>button
{
    font-size: 13px;
    color: #249135;
    font-weight: 500;
    text-decoration-line: none;
}
[gp-label-component] .value
{
    font-size: 14px;
    font-weight: 500;
    word-break: break-all;
}
#app [popover-container] .popover-position .popover.myinfo-tooltip .component-crop
{
    background-color: #fff;
    color: #000;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    border-radius: 4px;
}
#app [popover-container] .popover-position .popover.myinfo-tooltip .component-crop .popover-text
{
    color: inherit;
}
#app [popover-container] .popover-position .popover.myinfo-tooltip em.arrow
{
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-110235e1]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-110235e1]
    {
        display: none!important;
    }
}
.submit-group[data-v-110235e1]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-110235e1]
    {
        flex-direction: row;
    }
}
[tooltip-item][data-v-110235e1]
{
    font-size: 16px;
}
[tooltip-item] button[data-v-110235e1]
{
    font-size: 1em;
    color: #808080;
}
[tpid-label]
{
    color: #737373;
    display: flex;
    align-items: center;
    gap: 3px;
}
[tpid-label]>label
{
    font-size: 13px;
}
[tpid-label] [font-icon]
{
    font-size: 14px;
}
[input-personal-info] [search-drop-select]>a
{
    color: #000;
}
[input-personal-info] .content, [input-personal-name], [input-personal-name] .content
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[input-personal-birth]
{
    display: flex;
    flex-direction: column;
    gap: 1px;
}
[input-personal-birth]>div>label
{
    width: 100%;
    color: #737373;
    font-size: 13px;
}
[input-personal-birth]>div>label>span
{
    color: #008000;
    margin-left: 3px;
}
[input-personal-birth] .content
{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
[input-personal-birth] .content>div, [input-personal-birth] .content>span
{
    flex: 1;
}
[input-personal-birth] .content .text-box
{
    width: 100%;
    height: 40px;
    position: relative;
}
[input-personal-birth] .content .text-box:after
{
    content: none;
}
[input-personal-birth] .content .text-box.disabled>input
{
    color: #a1a1aa;
}
[input-personal-birth] .content .month-drop-select
{
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: none!important;
}
[input-personal-birth] .content .month-drop-select.open
{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}
[input-personal-birth] .content .month-drop-select>a
{
    padding: 0;
}
[input-personal-birth] .content .month-drop-select.disabled
{
    background-color: #d4d4d8;
    border: 0;
    color: #a1a1aa;
    cursor: default;
}
[input-personal-birth] .content .month-drop-select.disabled>a>input
{
    background-color: transparent;
    color: #a1a1aa;
}
[input-personal-birth] .content .month-drop-select.disabled>a>input::-moz-placeholder
{
    color: rgba(0,0,0,.5);
    font-size: 14px;
}
[input-personal-birth] .content .month-drop-select.disabled>a>input::placeholder
{
    color: rgba(0,0,0,.5);
    font-size: 14px;
}
[input-personal-birth] .error-msg
{
    padding-left: 2px;
    margin: 0;
    color: #df3320;
    font-size: 14px;
    padding-top: 5px;
}
[input-personal-birth] [search-drop-select]
{
    position: relative;
    background-color: #fff;
    border-radius: 8px;
}
[input-personal-birth] [search-drop-select]>a
{
    border-radius: 8px;
    color: #333;
    background-color: #1e1e1e;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 #000;
    display: block;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 64px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 12px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
[input-personal-birth] [search-drop-select]>a.placeholder
{
    color: #ccc;
}
[input-personal-birth] [search-drop-select]>a>label
{
    font-weight: 500;
    font-weight: 400;
}
[input-personal-birth] [search-drop-select]>a>label>em
{
    font-size: 14px;
}
[input-personal-birth] [search-drop-select]>a>label img
{
    margin-bottom: 4px;
}
[input-personal-birth] [search-drop-select]>a [font-icon]
{
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 45%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    color: #333;
}
[input-personal-birth] [search-drop-select]>a [font-icon].on
{
    transform: rotate(180deg);
}
[input-personal-birth] [search-drop-select] .list-container
{
    background-color: #fff;
    border-radius: 0 0 0 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    max-height: 500px;
    height: 0;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,.1);
    border-radius: 8px;
}
[input-personal-birth] [search-drop-select] .list-container.fill
{
    width: 100%;
}
[input-personal-birth] [search-drop-select] .list-container.on
{
    opacity: 1;
    z-index: 10;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner
{
    padding-bottom: 12px;
    padding-top: 6px;
    height: 100%;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .input-holder
{
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    background-color: #fff;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner [text-input]
{
    background-color: #f7f7f8;
    width: 100%;
    box-shadow: none;
    border: none;
    height: 40px;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner [text-input]>input
{
    color: #000;
    font-size: 14px;
    padding-bottom: 0;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner [text-input]>.input-btn-x
{
    background-color: #fff;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner [text-input]>.input-btn-x>i
{
    color: #000;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder
{
    overflow-y: auto;
    height: 100%;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder label
{
    display: block;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #000;
    text-align: left;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder button
{
    display: flex;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #000;
    text-align: left;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder button.focus, [input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder button:focus, [input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder button:hover
{
    background-color: #f3fcf5;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder button.active
{
    background-color: #e6f3e8;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder button em
{
    font-size: 14px;
    width: 100%;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .scroll-holder button .icn-chevron-right
{
    margin: 0 0 0 auto;
}
[input-personal-birth] [search-drop-select] .list-container .list-inner .empty
{
    font-size: 14px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    color: #000;
}
[input-personal-birth] [search-drop-select].md .list-container .list-inner .scroll-holder
{
    height: 100%;
}
[input-personal-birth] [search-drop-select].md>a, [input-personal-birth] [search-drop-select].sm>a
{
    background-color: transparent!important;
    box-shadow: none;
    border: 0;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    height: 40px;
    border-radius: 4px;
}
[input-personal-birth] [search-drop-select].md>a>[text-input], [input-personal-birth] [search-drop-select].sm>a>[text-input]
{
    border: 0;
    box-shadow: none;
    width: 100%;
}
[input-personal-birth] [search-drop-select].md>a>[text-input] input, [input-personal-birth] [search-drop-select].sm>a>[text-input] input
{
    padding-left: 0;
}
[input-personal-birth] [search-drop-select].md .list-container .list-inner, [input-personal-birth] [search-drop-select].sm .list-container .list-inner
{
    font-size: 14px;
}
[input-personal-birth] [search-drop-select] [text-input] input
{
    font-size: 14px;
    line-height: 20px;
}
[input-personal-birth] [search-drop-select] .placeholder
{
    color: #a1a1aa;
    font-weight: 400;
}
[input-personal-birth] [search-drop-select].disabled
{
    background-color: #d4d4d8;
}
[input-personal-birth] [search-drop-select].disabled>a
{
    color: #a1a1aa;
}
[np-bank-info-modal]>.panel
{
    position: relative;
    overflow: visible;
}
[np-bank-info-modal]>.panel .scroll-area
{
    height: calc(100% - 59px);
    display: flex;
    flex-direction: column;
    overflow-y: visible;
}
[np-bank-info-modal]>.panel .scroll-area>.body
{
    flex: 1;
}
[np-bank-info-modal] .modal-body
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
[np-bank-info-modal] .modal-body .icon
{
    font-size: 30px;
    color: #df3320;
}
[np-bank-info-modal] .modal-body .icon.success
{
    color: #249135;
}
[np-bank-info-modal] .modal-body .content
{
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
}
[np-bank-info-modal] .modal-body .content>p
{
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #000;
}
[np-bank-info-modal] .modal-footer
{
    display: flex;
    gap: 10px;
}
[np-display-bank-info] .display-group
{
    background-color: #fff;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}
[np-display-bank-info] .display-group .bank-item
{
    color: #000;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d3d6d9;
    padding-top: 20px;
    padding-bottom: 20px;
}
[np-display-bank-info] .display-group .bank-item:last-child
{
    border-bottom: none;
}
[np-display-bank-info] .display-group .bank-item .label
{
    flex: 1;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
[np-display-bank-info] .display-group .bank-item .content
{
    flex: 2;
    font-size: 14px;
}
[gp-badge]
{
    font-size: 12px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    border-radius: 30px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    max-height: 30px;
}
[gp-badge]>span
{
    width: 6px;
    height: 6px;
    border-radius: 100px;
}
[gp-badge].success
{
    background-color: #ceedd3;
    color: #249135;
}
[gp-badge].success>span
{
    background-color: #249135;
}
[gp-badge].failed
{
    background-color: #ffeaea;
    color: #ed4646;
}
[gp-badge].failed>span
{
    background-color: #ed4646;
}
[gp-badge].pending
{
    background-color: #e2e2e2;
    color: #737373;
}
[gp-badge].pending>span
{
    background-color: #737373;
}
[gp-badge].expired
{
    background-color: #e4e4e7;
    color: #a3a3a3;
}
[gp-badge].expired>span
{
    background-color: #a3a3a3;
}
[gp-badge].request
{
    background-color: #ffefc5;
    color: #d97706;
    padding: 0;
}
[gp-badge].request>span
{
    background-color: #d97706;
}
[gp-badge].approval
{
    background-color: #ffefc5;
    color: #7082fa;
    padding: 0;
}
[gp-badge].approval>span
{
    background-color: #7082fa;
}
[gp-badge].off
{
    background-color: #e4e4e7;
    color: #a3a3a3;
}
[gp-badge].low
{
    background-color: #fbe6e6;
    color: #ed4646;
}
[gp-badge].medium
{
    background-color: #ffefc5;
    color: #d97806;
}
[gp-badge].high
{
    background-color: #ceedd3;
    color: #249135;
}
[gp-badge].outline
{
    background: none!important;
}
[np-display-withdrwawal] .info-header
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[np-display-withdrwawal] .display-group
{
    background-color: #fff;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}
[np-display-withdrwawal] .display-group .bank-item
{
    color: #000;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d3d6d9;
    padding-top: 20px;
    padding-bottom: 20px;
}
[np-display-withdrwawal] .display-group .bank-item:last-child
{
    border-bottom: none;
}
[np-display-withdrwawal] .display-group .bank-item .label
{
    flex: 1;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
[np-display-withdrwawal] .display-group .bank-item .content
{
    flex: 2;
    font-size: 14px;
}
[np-conact-info]
{
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[np-conact-info] .link-button-wrapper
{
    background-color: #fff;
    border-radius: 16px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
[np-personal-info]
{
    padding-top: 10px;
}
[np-personal-info] .contact-info
{
    margin-bottom: 40px;
}
[np-personal-info] .info-header
{
    display: flex;
    justify-content: space-between;
}
[np-personal-info] .info-header>[gp-text-button]>button
{
    font-size: 13px;
    color: #249135;
    font-weight: 500;
    text-decoration-line: none;
}
[np-personal-info] .input-group
{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-radius: 16px;
    margin-bottom: 15px;
}
[np-personal-info] .input-group.edit
{
    background-color: #ebebef;
}
[np-personal-info] .input-group.view
{
    background-color: #fff;
}
[np-personal-info] .via-email
{
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    padding-left: 3px;
    cursor: pointer;
}
[np-personal-info] .via-email.disable
{
    color: #a1a1aa;
    cursor: default;
}
[np-personal-info] .via-email.disable>i
{
    border: 1px solid #ebebef;
    background-color: #d4d4d8;
    opacity: 1;
}
[np-personal-info] .via-email.disable>i>svg
{
    fill: #fff;
}
[np-display-kyc-documents]
{
    background-color: #f8f8f8;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
[np-display-kyc-documents] .kyc-title
{
    color: #737373;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 0;
}
[np-display-kyc-documents] .desc
{
    position: relative;
    padding-left: 15px;
    line-height: 1.4;
    margin-left: 15px;
}
[np-display-kyc-documents] .desc>li:before
{
    content: "•";
    position: absolute;
    left: 0;
}
[np-display-kyc-documents] .desc>li
{
    color: #737373;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    align-items: flex-start;
}
[gp-pagination]
{
    display: flex;
    justify-content: center;
    padding: 10px;
    align-items: center;
}
[gp-pagination] .pagination
{
    display: flex;
    gap: 0;
    align-items: center;
}
[gp-pagination] .pagination>button
{
    color: #737373;
    line-height: 12px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
}
[gp-pagination] .pagination>button.on
{
    color: #1010104d;
}
[gp-pagination] .pagination>button.active
{
    background-color: #333;
    color: #fff;
    border-radius: 100px;
    opacity: .8;
}
[np-display-uploaded-kyc-documents]
{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}
[np-display-uploaded-kyc-documents] .display-wrapper
{
    background-color: #f8f8f8;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item
{
    color: #000;
    display: flex;
    padding: 20px;
    background-color: #fff;
    border-radius: 16px;
    width: 100%;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .content-wrapper
{
    flex: 1;
    width: 100%;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .content-wrapper .header
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .content-wrapper .header .label-wrapper
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .content-wrapper .header .label-wrapper>label
{
    font-size: 14px;
    font-weight: 400;
    color: #737373;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .content-wrapper .header .kyc-status
{
    font-size: 14px;
    font-weight: 500;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .content-wrapper .content
{
    font-size: 14px;
    color: #717171;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .content-wrapper .kyc-date
{
    color: #737373;
    font-size: 12px;
    padding-top: 4px;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .button-wrapper
{
    position: relative;
    width: 25%;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .button-wrapper .badge-group
{
    display: flex;
    justify-content: flex-end;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .button-wrapper .badge-group [tooltip-item]
{
    font-size: 14px;
    padding-top: 3px;
}
[np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .button-wrapper .badge-group [gp-badge]
{
    padding-right: 5px!important;
    padding-left: 5px!important;
}
@media(max-width: 419px)
{
    [np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .label-wrapper
    {
        width: 55%!important;
    }
    [np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .button-wrapper
    {
        position: relative;
        width: 45%;
    }
}
[np-display-uploaded-kyc-documents] .display-wrapper .no-data
{
    color: #000;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    background-color: #fff;
    border-radius: 16px;
    min-height: 200px;
}
[np-display-uploaded-kyc-documents] .display-wrapper .no-data [font-icon]
{
    font-size: 30px;
    color: #737373;
}
[np-display-uploaded-kyc-documents] [popover-position]
{
    max-width: 280px!important;
}
@media(min-width: 580px)
{
    [np-display-uploaded-kyc-documents] .label-wrapper
    {
        width: 55%!important;
    }
    [np-display-uploaded-kyc-documents] .display-wrapper
    {
        flex-direction: row;
        flex-wrap: wrap;
    }
    [np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item
    {
        width: 48%;
        flex-direction: row;
    }
    [np-display-uploaded-kyc-documents] .display-wrapper .uploaded-item .button-wrapper
    {
        display: flex;
        justify-content: flex-end;
    }
    [np-display-uploaded-kyc-documents] .display-wrapper .no-data
    {
        width: 100%;
    }
}
[np-display-uploaded-kyc-documents] .footer
{
    display: flex;
    justify-content: center;
    padding: 10px;
    align-items: center;
}
[np-display-uploaded-kyc-documents] .footer .pagination
{
    display: flex;
    gap: 0;
    align-items: center;
}
[np-display-uploaded-kyc-documents] .footer .pagination>button
{
    color: #000;
    line-height: 12px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    font-size: 14px;
}
[np-display-uploaded-kyc-documents] .footer .pagination>button.on
{
    color: #1010104d;
}
[np-display-uploaded-kyc-documents] .footer .pagination>button.active
{
    border: 1px solid #b5b5b5;
    background-color: #e8e8e8;
    color: #717171;
}
[np-my-documents] .title-group
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[np-my-documents] .reviewing [gp-description]>p
{
    letter-spacing: .42px;
}
[np-my-documents] .reviewing [gp-description]>p:before
{
    content: "";
}
[link-amount-item]
{
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    position: relative;
    gap: 10px;
}
[link-amount-item] .check-box-group
{
    display: flex;
    padding-top: 5px;
    height: 16px;
}
[link-amount-item] .content-group
{
    display: flex;
    flex: 1;
    justify-content: space-between;
    position: relative;
}
[link-amount-item] .content-group .label-group
{
    display: flex;
    align-items: center;
}
[link-amount-item] .content-group .label-group .img-country
{
    width: 28px;
    height: 28px;
    -o-object-fit: fill;
    object-fit: fill;
}
[link-amount-item] .content-group .label-group .label-wrapper
{
    display: flex;
    gap: 5px;
    align-items: center;
}
[link-amount-item] .content-group .label-group .label-wrapper>[tooltip-item]
{
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
[link-amount-item] .content-group .label-group .label-wrapper>[tooltip-item] [font-icon]
{
    position: relative;
    padding-top: 2px;
}
[link-amount-item] .content-group .label-group .label-wrapper>[tooltip-item]>button
{
    padding: 0;
    color: #737373;
    display: flex;
}
[link-amount-item] .content-group .label-group [gp-radio-button]
{
    padding-top: 0;
}
[link-amount-item] .content-group .label-group .label
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    position: relative;
}
[link-amount-item] .content-group .label-group .label>p
{
    font-size: 14px;
    color: #000;
}
[link-amount-item] .content-group .label-group .label.disable>p
{
    color: #ccc;
}
[link-amount-item] .content-group .label-group [font-icon]
{
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 0;
}
[link-amount-item] .content-group .label-group [font-icon].on
{
    transform: rotate(180deg);
    z-index: 2;
    top: 7px;
}
[link-amount-item] .content-group .button-group
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
[link-amount-item] .content-group .button-group.show-icon>p
{
    padding-right: 25px;
}
[link-amount-item] .content-group .button-group>p
{
    color: #000;
    font-weight: 500;
}
[link-amount-item] .content-group .button-group.disable>p
{
    color: #ccc;
}
[link-amount-item] .content-group .button-group .type-button
{
    width: 80px;
}
[link-amount-item] .transfer-button
{
    display: flex;
    justify-content: flex-end;
}
[link-amount-item] .transfer-button [my-info-button]
{
    border-radius: 100px;
    width: 90px!important;
}
[link-amount-item].on
{
    background-color: #f8fbf9;
}
[link-amount-item] .icon
{
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
}
[link-amount-item] .icon.on
{
    transform: rotate(180deg);
    top: 5px;
}
@media(min-width: 580px)
{
    [link-amount-item]
    {
        flex-direction: row;
        align-items: center;
    }
}
[display-accounts-table]
{
    min-height: 75px;
    border-radius: 4px;
    position: relative;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
[display-accounts-table]::-webkit-scrollbar
{
    display: none;
}
[display-accounts-table] .table-header
{
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f8f8f8;
}
[display-accounts-table] .table-body
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    max-height: 60%;
}
[display-accounts-table] .table-body .no-accounts
{
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
}
[display-current-transfer-account] .content
{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    gap: 10px;
    border-radius: 16px;
}
[display-current-transfer-account] .footer
{
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 20px;
    padding-top: 0;
}
[np-my-accoutns] .header
{
    display: flex;
    justify-content: space-between;
}
[np-my-accoutns] .header>[gp-text-button]>button
{
    font-size: 13px;
    color: #249135;
    font-weight: 500;
    text-decoration-line: none;
}
[np-my-accoutns] .current-account
{
    background-color: #fff;
    padding: 20px;
}
[np-my-accoutns] .current-account .footer
{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
[np-my-accoutns] .fake-account-box
{
    height: 68px;
    width: 100%;
    border-radius: 16px;
    background-color: #fff;
}
[transfer-dropdown]
{
    min-height: 75px;
    border-radius: 16px;
    position: relative;
    width: 100%;
}
[transfer-dropdown] .list-container
{
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 10px;
    border: 1px solid #249135;
    border-radius: 16px;
    max-height: 400px;
    overflow: auto;
}
[transfer-dropdown] .list-container>.list-wrapper
{
    background-color: #f8fbf9;
}
[transfer-dropdown] .list-container>.list-wrapper [link-amount-item]
{
    background-color: #f8fbf9;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}
[transfer-dropdown] .list-container>.list-wrapper
{
    border-top: 1px solid #ddd;
}
[transfer-dropdown] .list-container>.list-wrapper:first-child
{
    border-top: none;
}
[currency-input]
{
    margin-bottom: 5px;
    position: relative;
}
[currency-input] [gp-text-input-box]>input
{
    padding-left: 0!important;
    padding-right: 0!important;
    border-bottom: 1px solid #ddd;
}
[currency-input]>span
{
    color: #000;
    font-weight: 500;
    font-size: 18px;
    padding-right: 4px;
    padding-bottom: 4px;
    line-height: 20px;
}
[currency-input]>p
{
    font-size: 24px;
    font-weight: 500;
    color: #000;
}
[currency-input] .symbol
{
    font-size: 16px;
    z-index: 1;
    pointer-events: none;
}
[currency-input] .text
{
    width: 100%;
}
[currency-input] .text [payment-input][text-input]
{
    height: inherit;
    line-height: inherit;
}
[currency-input] .text input
{
    height: 100%;
    line-height: inherit;
}
[currency-input] .clone
{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    font-size: inherit;
    pointer-events: none;
}
[currency-input].lg .symbol
{
    font-size: 14px;
    margin-top: 2px;
}
[currency-input].lg .text
{
    height: 24px;
    line-height: 24px;
}
[currency-input].lg .text [payment-input][text-input] input
{
    font-size: 24px;
}
[currency-input].md .symbol
{
    font-size: 12px;
    margin-top: 2px;
}
[currency-input].md .text
{
    height: 18px;
    line-height: 18px;
}
[currency-input].md .text [payment-input][text-input] input
{
    font-size: 18px;
}
[currency-input].right
{
    text-align: right;
}
[currency-input].right .symbol
{
    position: absolute;
    left: 0;
    top: 10px;
    right: auto;
    bottom: auto;
}
[currency-input].right [payment-input]
{
    text-align: right;
}
@media(min-width: 580px)
{
    [currency-input].divider
    {
        padding-bottom: 8px;
    }
    [currency-input].lg .symbol
    {
        font-size: 12px;
        margin-top: 1px;
    }
    [currency-input].lg .text
    {
        height: 30px;
        line-height: 30px;
    }
    [currency-input].lg .text [payment-input][text-input] input
    {
        font-size: 30px;
    }
    [currency-input].md .symbol
    {
        font-size: 14px;
        margin-top: 4px;
    }
    [currency-input].md .text
    {
        height: 24px;
        line-height: 24px;
    }
    [currency-input].md .text [payment-input][text-input] input
    {
        font-size: 24px;
    }
}
[input-balance-transfer]
{
    display: flex;
    flex-direction: column;
}
[input-balance-transfer] .mask
{
    padding: 0;
    margin: 0;
}
[input-balance-transfer] .transfer-select
{
    flex: 1;
}
[input-balance-transfer] .transfer-select>div
{
    padding-top: 10px;
    padding-bottom: 10px;
}
[input-balance-transfer] .transfer-select [my-title-label]
{
    padding-top: 0;
    padding-bottom: 0;
}
[input-balance-transfer] .amount-field
{
    width: 100%;
}
[input-balance-transfer] .amount-field [validation-errors]
{
    margin-top: 10px;
    text-align: left;
    padding-top: 10px;
}
[input-balance-transfer] .input-comp
{
    visibility: hidden;
}
[input-balance-transfer] .change-button
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 20px;
    cursor: pointer;
}
[input-balance-transfer] .change-button.disable
{
    color: #737373;
    cursor: default;
}
[input-balance-transfer] .change-button.disable>span
{
    color: #737373;
    font-size: 14px;
    cursor: default;
}
[input-balance-transfer] .change-button.disable>.btn
{
    border: 1px solid #737373;
    border-radius: 100px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: default;
}
[input-balance-transfer] .change-button.disable>.btn>[font-icon]
{
    color: #737373;
    font-size: 18px;
}
[input-balance-transfer] .change-button>span
{
    color: #249135;
    font-size: 14px;
    cursor: pointer;
}
[input-balance-transfer] .change-button>.btn
{
    border: 1px solid #249135;
    border-radius: 100px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
}
[input-balance-transfer] .change-button>.btn>[font-icon]
{
    color: #249135;
    font-size: 18px;
}
[input-balance-transfer] .transfer-amount
{
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 10px;
}
[input-balance-transfer] .transfer-amount [my-title-label]
{
    padding-bottom: 0;
}
[input-balance-transfer] .transfer-amount .error-field
{
    margin-bottom: -13px;
}
[input-balance-transfer] .transfer-amount .amount
{
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: flex-end;
    border-radius: 16px;
    background-color: #fff;
    flex-direction: column;
    gap: 5px;
}
[input-balance-transfer] .transfer-amount .amount>.transfer-up
{
    margin: 0;
    margin-top: 13px;
}
[input-balance-transfer] .transfer-amount .amount>.exchange-amount, [input-balance-transfer] .transfer-amount .amount>.transfer-up
{
    color: #737373;
    font-size: 12px;
    text-align: left;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 16px;
    display: flex;
    justify-content: space-between;
}
[input-balance-transfer] .transfer-amount .amount>.exchange-amount
{
    margin: 0;
}
[transfer-reseult-modal]>.panel
{
    height: 85%;
    position: relative;
}
[transfer-reseult-modal]>.panel .scroll-area
{
    height: calc(100% - 59px);
    display: flex;
    flex-direction: column;
}
[transfer-reseult-modal]>.panel .scroll-area>.body
{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}
[transfer-reseult-modal]>.panel .scroll-area>.body>.description
{
    padding-right: 40px;
    padding-left: 40px;
    text-align: center;
    line-height: 16px;
    color: #737373;
    font-size: 12px;
}
[transfer-reseult-modal]>.panel .scroll-area>.body>.content
{
    flex: 1;
}
[transfer-reseult-modal]>.panel .floating
{
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}
[transfer-reseult-modal]>.panel .amount-group
{
    padding: 20px;
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    text-align: right;
    margin-bottom: 20px;
}
[transfer-reseult-modal]>.panel .amount-group .amount
{
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #d9d9e5;
    padding-bottom: 10px;
}
[transfer-reseult-modal]>.panel .amount-group .exchange
{
    color: #737373;
    font-size: 12px;
    padding-top: 10px;
}
[np-balacne-transfer] .current-account
{
    background-color: #fff;
    padding: 20px;
}
[np-balacne-transfer] .current-account .footer
{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
[transfer-history-item]
{
    padding: 20px;
    background-color: #fff;
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 16px;
}
[transfer-history-item] .header
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[transfer-history-item] .header .date
{
    color: #737373;
    font-size: 12px;
}
[transfer-history-item] .header .status
{
    display: flex;
    gap: 5px;
    align-items: center;
}
[transfer-history-item] .chevron [font-icon]
{
    font-size: 14px;
}
[transfer-history-item] .content
{
    display: flex;
    gap: 20px;
    align-items: flex-end;
    border-bottom: 1px solid #d9d9e5;
    padding-bottom: 10px;
}
[transfer-history-item] .content .brand
{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
[transfer-history-item] .content .img-country
{
    width: 28px;
    height: 28px;
    -o-object-fit: fill;
    object-fit: fill;
}
[transfer-history-item] .footer
{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
[transfer-history-item] .footer .debit
{
    font-size: 14px;
    font-weight: 600;
}
[transfer-history-item] .footer .credit
{
    font-size: 12px;
    color: #737373;
}
[display-transfer-history]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
[display-transfer-history] .no-accounts
{
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    color: #000;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}
[display-transfer-history] .no-accounts [font-icon]
{
    font-size: 20px;
    color: #737373;
}
[display-transfer-history] .history-table
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    max-height: 500px;
}
[display-transfer-history] .ob
{
    padding: 5px;
}
[calendar]
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
[calendar] thead td
{
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 11px;
    font-weight: 500;
}
[calendar] tbody .spacer
{
    height: 10px;
}
[calendar] tbody td
{
    cursor: pointer;
    position: relative;
    height: 36px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 36px;
    width: 14.3%;
}
[calendar] tbody td span
{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    bottom: 50%;
    right: auto;
    top: auto;
    transform: translateY(50%);
    z-index: 1;
    pointer-events: none;
}
[calendar] tbody td.disabled
{
    color: #a1a1aa;
    cursor: default;
}
[calendar] tbody td.disabled:hover
{
    background-color: transparent;
}
[calendar] tbody td.selected
{
    position: relative;
    z-index: 2;
}
[calendar] tbody td.selected span
{
    color: #000;
}
[calendar] tbody td.selected:before
{
    content: "";
    display: block;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e6f3e8;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[calendar] tbody td.selected.start:before
{
    border-radius: 30% 0 0 30%;
}
[calendar] tbody td.selected.end:before
{
    border-radius: 0 30% 30% 0;
}
[calendar] tbody td.selected.end span
{
    opacity: 1;
    background-color: transparent;
}
[calendar] tbody td .selected-label
{
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    color: #2c81ff;
    font-size: 1px;
    z-index: 1;
}
[calendar] tbody td.emphasis:not(.selected):before
{
    content: "";
    display: block;
    z-index: 0;
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: rgba(0,0,0,.1);
    border-radius: 16px;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[calendar] tbody td.out
{
    cursor: default;
}
[calendar] tbody td.out span
{
    opacity: .2;
    background-color: #07d0b5;
}
[calendar] tbody td.range
{
    background-color: rgba(0,0,0,.1);
}
[calendar] tbody td.ext
{
    background-color: #fff;
}
[calendar] tbody td.ext:before
{
    content: none;
}
[calendar] tbody td.ext span
{
    opacity: .2;
    color: #000;
}
[calendar] tbody td.ext.end, [calendar] tbody td.ext.out, [calendar] tbody td.ext.start
{
    cursor: default;
}
[calendar] tbody td.ext.end span, [calendar] tbody td.ext.out span, [calendar] tbody td.ext.start span
{
    opacity: .2;
    background-color: #07d0b5;
}
[calendar] tbody td:hover
{
    background-color: #f3fcf5;
}
[calendar] td
{
    text-align: center;
}
[calendar].dark tbody td, [calendar].dark thead td
{
    color: #fff;
}
[calendar].dark tbody td.selected
{
    position: relative;
}
[calendar].dark tbody td.selected span
{
    color: #fff;
}
[calendar].dark tbody td.selected:before
{
    content: "";
    display: block;
    z-index: 0;
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: #c71f1f;
    border-radius: 16px;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[calendar].dark tbody td.ext
{
    background-color: transparent;
}
[calendar].dark tbody td.ext span
{
    opacity: .4;
}
[calendar] .today
{
    background-color: #d9f5f1;
}
[date-selector]
{
    color: #333;
    padding-top: 0;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    cursor: default!important;
}
[date-selector] .date-selector-header
{
    text-align: center;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 10px;
    position: relative;
    padding-top: 5px;
}
[date-selector] .date-selector-header .yyyy-mm
{
    padding: 10px;
}
[date-selector] .date-selector-header .yyyy-mm.click:hover
{
    background-color: #f3fcf5;
    cursor: pointer;
}
[date-selector] .date-selector-header>*
{
    vertical-align: middle;
}
[date-selector] .date-selector-header button
{
    position: absolute;
    cursor: pointer;
    width: 24px;
    height: 24px;
    top: 14px;
}
[date-selector] .date-selector-header button:hover
{
    background-color: #f3fcf5;
}
[date-selector] .date-selector-header button svg
{
    width: 24px;
}
[date-selector] .date-selector-header button svg .stroke-target
{
    stroke: #191919;
}
[date-selector] .date-selector-header button.prev-button
{
    left: 14px;
}
[date-selector] .date-selector-header button.next-button
{
    right: 14px;
}
[date-selector].dark .date-selector-header>span
{
    color: #fff;
}
[date-selector].dark .date-selector-header button svg
{
    width: 24px;
}
[date-selector].dark .date-selector-header button svg .stroke-target
{
    stroke: #fff;
}
[date-selector] .month-list
{
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    width: 100%;
    justify-content: space-between;
}
[date-selector] .month-list .month-item
{
    height: 50px;
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
}
[date-selector] .month-list .month-item:hover
{
    background-color: #f3fcf5;
}
[date-selector] .month-list .month-item.disabled
{
    background-color: transparent;
    color: #a1a1aa;
    cursor: default;
}
[date-selector] .month-list .month-item.active
{
    background-color: #e6f3e8!important;
}
[date-picker]
{
    position: relative;
    background-color: #fff;
    height: 40px;
    color: #000;
    border-radius: 8px;
    cursor: pointer;
}
[date-picker] .remove-btn
{
    width: 100%;
    position: relative;
    cursor: pointer;
}
[date-picker] .remove-btn [text-input]
{
    border: 0;
    height: 40px;
}
[date-picker] .remove-btn [text-input]>input
{
    cursor: pointer;
}
[date-picker] .remove-btn .icon
{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
[date-picker] [range-selector]
{
    visibility: hidden;
    position: fixed;
    z-index: 100;
    transition: opacity .2s 0s;
    opacity: 0;
}
[date-picker] [range-selector].active
{
    opacity: 1;
    visibility: visible;
}
[date-picker] [date-selector]
{
    visibility: hidden;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    opacity: 0;
}
[date-picker] [date-selector].active
{
    opacity: 1;
    visibility: visible;
}
[input-transfer-search-bar]
{
    background-color: #f8f8f8;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[input-transfer-search-bar] .select-group
{
    display: flex;
    gap: 10px;
    align-items: center;
}
[input-transfer-search-bar] .select-group>[gp-input-component]
{
    flex: 3;
}
[input-transfer-search-bar] .select-group .refresh-button
{
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #249135;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #249135;
    border-radius: 8px;
    background-color: #fff;
}
[input-transfer-search-bar] .select-group .refresh-button [font-icon]
{
    font-size: 16px;
    color: #249135;
}
[input-transfer-search-bar] .select-group .refresh-button.disable
{
    border: 1px solid #a3a3a3;
    cursor: not-allowed;
}
[input-transfer-search-bar] .select-group .refresh-button.disable [font-icon]
{
    font-size: 16px;
    color: #a3a3a3;
}
[input-transfer-search-bar] .custom-date-group
{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
[input-transfer-search-bar] .custom-date-group>div
{
    flex: 1;
}
[np-transfer-history]
{
    display: flex;
    flex-direction: column;
}
[np-transfer-history] .display-group
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
[np-verifi-code] [open-email-app]
{
    color: #249135;
    font-weight: 500;
    text-align: center;
    padding-bottom: 18px;
}
[np-verifi-code] [open-email-app]>button
{
    margin-left: 4px;
    color: #249135;
    font-size: 14px;
}
[np-verifi-code] [open-email-app]>[font-icon]
{
    font-size: 14px;
    color: #249135;
}
[np-verifi-code] [fp-resend-button] .timer
{
    font-size: #737373;
    font-size: 12px;
}
[np-verifi-code] [fp-resend-button] .resend
{
    font-size: 14px;
    padding-bottom: 20px;
    text-decoration-line: none;
    font-weight: 600;
}
[np-verifi-code] [fp-resend-button] .resend.end
{
    color: #249135;
}
[np-verifi-code] [verify-resend]
{
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
}
[np-verifi-code] [gp-description]>p
{
    line-height: 18px;
}
[np-verifi-code] [gp-description]>p>em
{
    color: #000;
}
[np-verifi-code] [gp-description].temporary-disruption>p
{
    color: #ed4646;
}
[np-verifi-code] [verify-sms]
{
    padding-bottom: 18px;
}
[social-linked-button]
{
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 20px;
    background-color: #fff;
    border-radius: 16px;
    width: 100%;
    display: flex;
    position: relative;
}
[social-linked-button].active:before
{
    border-radius: 16px;
    border: 1px solid #34a853;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
}
[social-linked-button] .label-group
{
    flex: 1;
    display: flex;
    gap: 10px;
}
[social-linked-button] .label-group>label
{
    font-size: 14px;
    color: #000;
}
[social-linked-button] .linked-group>label
{
    font-size: 12px;
    color: #a3a3a3;
}
[np-display-social-list]
{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
[my-device-item]
{
    padding: 20px;
    background-color: #fff;
    border-radius: 16px;
    color: #000;
    gap: 8px;
}
[my-device-item] .remove-holder
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[my-device-item] .remove-holder>p
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f7f7f8;
    text-align: center;
}
[my-device-item] .remove-holder>p [font-icon]
{
    line-height: 40px;
    font-size: 18px;
    color: #71717a;
}
[my-device-item] .remove-holder [my-info-button]
{
    width: 80px;
    min-height: 28px!important;
    height: 28px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
}
[my-device-item] .remove-holder [my-info-button]>span
{
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-right: 0;
    padding-left: 0;
    line-height: 16px;
}
[my-device-item] .current-device
{
    display: flex;
    align-items: center;
    color: #7082fa;
    font-size: 12px;
    gap: 4px;
    margin-bottom: 12px;
}
[my-device-item] .current-device:before
{
    content: "";
    display: block;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #7082fa;
}
[my-device-item] .device-name
{
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
}
[my-device-item] .info-text
{
    font-size: 12px;
    font-weight: 400;
    color: #737373;
}
[my-device-item] .brand-info
{
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[np-display-device-list]
{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
[my-device-remove-result] .content-container
{
    text-align: center;
    margin-top: 24px;
    margin-bottom: 36px;
}
[my-device-remove-result] .content-container h4
{
    font-weight: 500;
    color: #000;
    font-size: 14px;
}
[my-device-remove-result] .content-container a[href^="mailto:"]
{
    color: #1570ef;
    text-decoration: underline;
}
[my-device-remove-result] [font-icon]
{
    font-size: 30px;
    color: #249135;
}
[my-device-remove-result] [font-icon].error
{
    color: #ed4646;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-01ae2b28]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-01ae2b28]
    {
        display: none!important;
    }
}
.submit-group[data-v-01ae2b28]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-01ae2b28]
    {
        flex-direction: row;
    }
}
[my-device-remove-confirm].hide[data-v-01ae2b28]
{
    display: none;
}
[my-device-remove-confirm] .content-container[data-v-01ae2b28]
{
    margin-top: 12px;
    color: #000;
    text-align: center;
    line-height: 1.8;
}
[my-device-remove-confirm] .modal-btn-holder[data-v-01ae2b28]
{
    display: flex;
    margin-top: 24px;
    gap: 8px;
    font-size: 14px;
}
[np-my-device] .no-device
{
    padding: 16px;
    color: #000;
    background-color: #fff;
    border-radius: 16px;
    font-size: 14px;
    text-align: center;
}
[np-my-device] .section-title
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
[np-my-device] .section-title .device-title
{
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
[np-my-device] .section-title [gp-text-button] button
{
    text-decoration: none;
    color: #249135;
}
[rg-limit-input]>label
{
    color: #737373;
    font-size: 14px;
    padding-left: 3px;
    display: block;
    padding-bottom: 5px;
}
[rg-limit-input] .limit-field
{
    position: relative;
}
[rg-limit-input] .limit-field>s
{
    position: absolute;
    color: #a1a1aa;
    top: 50%;
    left: 10px;
    font-size: 14px;
    z-index: 2;
    transform: translateY(-50%);
}
[rg-limit-input] [validation-errors]>li>a
{
    color: #2d74f6;
}
[limit-table-row]
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[limit-table-row] .label
{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}
[limit-table-row] .row
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #ebebef;
    border-radius: 16px;
    padding: 20px;
}
[limit-table-row] .new
{
    position: relative;
}
[limit-table-row] [checkbox-item]
{
    position: absolute;
    top: 5px;
    right: 5px;
}
[limit-table-row] [checkbox-item]>em
{
    line-height: 16px;
    color: #000;
    font-size: 14px;
}
[limit-table]
{
    display: flex;
    flex-direction: column;
}
[limit-table] .limit-table-header
{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 20px;
    padding-left: 20px;
}
[limit-table] .limit-table-header>div
{
    width: 40%;
    color: #999;
    font-size: 12px;
    font-weight: 500;
}
[limit-table] .limit-table-header>div:first-of-type
{
    width: 20%;
}
[limit-table] .limit-table-body
{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
[rg-confirm-result] [font-icon]
{
    font-size: 36px;
    color: #249135;
}
[rg-confirm-result] .content
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
[rg-confirm-result] .content .error
{
    color: #ed4646;
}
[rg-confirm-result] .content>p
{
    color: #000;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
[rg-confirm-result] .content>p>a
{
    color: #06c;
}
[rg-confirm-result] .content [gp-description]
{
    padding: 0;
}
[rg-confirm-result] .footer
{
    display: flex;
    gap: 10px;
}
[rg-display-hang-time-modal]
{
    overflow-y: auto;
    height: 100%;
}
[rg-display-hang-time-modal] [gp-description]>p
{
    line-height: 20px;
    text-align: center;
    padding-right: 40px;
    padding-left: 40px;
}
[rg-display-hang-time-modal] .sub-title
{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 20px;
}
[rg-display-hang-time-modal] .body .content
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
[rg-display-hang-time-modal] .body .item-body
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[rg-display-hang-time-modal] .body .item-body .label
{
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
[rg-display-hang-time-modal] .body .item-body .row-content
{
    background-color: #fff;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[rg-display-hang-time-modal] .body .item-body .row-content .row
{
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
}
[rg-display-hang-time-modal] .body .item-body .row-content .row .row-title
{
    display: block;
    color: #737373;
}
[rg-display-hang-time-modal] .body .item-body .row-content .row .amount
{
    display: block;
    color: #000;
}
[rg-display-cancel-modal]
{
    overflow-y: auto;
    height: 100%;
}
[rg-display-cancel-modal] [gp-description]>p
{
    line-height: 20px;
    text-align: center;
    padding-right: 40px;
    padding-left: 40px;
}
[rg-display-cancel-modal] .sub-title
{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 20px;
}
[rg-display-cancel-modal] .body .content
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
[rg-display-cancel-modal] .body .item-body
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[rg-display-cancel-modal] .body .item-body .label
{
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
[rg-display-cancel-modal] .body .item-body .row-content
{
    background-color: #fff;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[rg-display-cancel-modal] .body .item-body .row-content .row
{
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
}
[rg-display-cancel-modal] .body .item-body .row-content .row .row-title
{
    display: block;
    color: #737373;
}
[rg-display-cancel-modal] .body .item-body .row-content .row .amount
{
    display: block;
    color: #000;
}
[rg-display-message-modal] .content
{
    min-height: 120px;
}
[rg-display-message-modal] .content [gp-description]>p
{
    padding-top: 0;
    font-size: 14px;
    text-align: center;
}
[rg-display-message-modal] .body>p
{
    color: #000;
}
[rg-display-message-modal] .footer
{
    display: flex;
    gap: 10px;
}
[rg-oasis-check-box] [checkbox-item]
{
    line-hight: 16px;
    color: #333;
}
[rg-oasis-check-box] [checkbox-item]>i
{
    border-color: #ccc;
}
[rg-oasis-check-box] [checkbox-item]>em
{
    line-height: 16px;
}
[rg-oasis-check-box] [checkbox-item].disabled>i
{
    background-color: #ddd;
}
[rg-oasis-check-box] [checkbox-item].disabled>em
{
    color: #ccc;
}
[rg-display-oasis-modal] .content [gp-description]
{
    padding-bottom: 10px!important;
}
[rg-display-oasis-modal] .content [gp-description]>p
{
    padding-top: 0;
    font-size: 14px;
    text-align: left;
}
[rg-display-oasis-modal] .content .caution-message-holder
{
    padding-right: 0;
    padding-left: 0;
}
[rg-display-oasis-modal] .content .caution-message-holder .caution-message
{
    color: #f00;
    word-break: break-word;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding-bottom: 10px;
}
[rg-display-oasis-modal] .content .ban-wrapper
{
    color: #999;
    min-height: 200px;
}
[rg-display-oasis-modal] .content .ban-wrapper .ban-list
{
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[rg-display-oasis-modal] .body>p
{
    color: #000;
}
[rg-display-oasis-modal] .footer
{
    display: flex;
    gap: 10px;
}
@media(min-width: 580px)
{
    [rg-display-oasis-modal] .content .caution-message-holder
    {
        padding-right: 40px;
        padding-left: 40px;
    }
}
[rg-display-external-monthly-modal] .content [gp-description]>p
{
    padding-top: 0;
    font-size: 14px;
    text-align: left;
}
[rg-display-external-monthly-modal] .content .item
{
    padding: 10px;
    color: #000;
}
[rg-display-external-monthly-modal] .content .item .label
{
    font-size: 14px;
}
[rg-display-external-monthly-modal] .content .item .amount
{
    font-size: 12px;
    color: #999;
}
[rg-display-external-monthly-modal] .content .item.border
{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
[rg-display-external-monthly-modal] .body>p
{
    color: #000;
}
[rg-display-external-monthly-modal] .footer
{
    display: flex;
    gap: 10px;
}
[rg-display-exceed-limit-modal]
{
    overflow-y: auto;
    height: 100%;
}
[rg-display-exceed-limit-modal] .sub-title
{
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
[rg-display-exceed-limit-modal] .body .content
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
[rg-display-exceed-limit-modal] .body .item-body
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[rg-display-exceed-limit-modal] .body .item-body .label
{
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
[rg-display-exceed-limit-modal] .body .item-body .row-content
{
    background-color: #fff;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[rg-display-exceed-limit-modal] .body .item-body .row-content .row
{
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
}
[rg-display-exceed-limit-modal] .body .item-body .row-content .row .row-title
{
    display: block;
    color: #737373;
}
[rg-display-exceed-limit-modal] .body .item-body .row-content .row .amount
{
    display: block;
    color: #000;
}
[rg-display-exceed-limit-modal] .body .item-body .row-content .row .exceed-value
{
    color: #c64040;
    font-weight: 600;
}
[questionnaire-limit-amount-modal] .body
{
    padding-top: 24px;
}
[questionnaire-limit-amount-modal] .body .item-body
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[questionnaire-limit-amount-modal] .body .item-body .label
{
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
[questionnaire-limit-amount-modal] .body .item-body .row-content
{
    background-color: #fff;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[questionnaire-limit-amount-modal] .body .item-body .row-content .row
{
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
}
[questionnaire-limit-amount-modal] .body .item-body .row-content .row .row-title
{
    display: block;
    color: #737373;
}
[questionnaire-limit-amount-modal] .body .item-body .row-content .row .amount
{
    display: block;
    color: #000;
}
[questionnaire-limit-amount-modal] .body .item-body+.item-body
{
    padding-top: 20px;
}
[textarea-box]
{
    position: relative;
    color: #000;
    font-size: 14px;
}
[textarea-box].required label i
{
    color: #249135;
    font-size: 12px;
    margin-left: 4px;
}
[textarea-box] label
{
    display: block;
    margin-bottom: 4px;
    color: #737373;
}
[textarea-box] .textarea-container
{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    background-color: #fff;
    border-radius: 8px;
    min-height: 80px;
}
[textarea-box] textarea
{
    flex: 1;
    display: block;
    width: 100%;
    height: 100%;
    padding-right: 12px;
    padding-left: 12px;
    font: inherit;
}
[textarea-box] textarea::-moz-placeholder
{
    color: #ccc;
}
[textarea-box] textarea::placeholder
{
    color: #ccc;
}
[textarea-box] p
{
    bottom: 0;
    width: 100%;
    color: #a1a1aa;
    font-size: 12px;
    padding-right: 12px;
    padding-left: 12px;
    text-align: right;
    line-height: 1.2;
    margin-bottom: 4px;
}
[questionnaire-survey-modal] [gp-input-component]+[gp-input-component]
{
    margin-top: 20px;
}
[questionnaire-survey-modal] [gp-input-component] .holder
{
    height: auto;
    max-height: none;
}
[upload-item]
{
    display: flex;
    align-items: center;
    position: relative;
}
[upload-item]>img
{
    width: 80px;
    height: 80px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
}
[upload-item] .type-holder
{
    margin-left: 20px;
    width: calc(100% - 100px);
    align-items: center;
    position: relative;
}
[upload-item] .type-holder>label
{
    align-items: flex-start;
    margin-bottom: 12px;
    display: block;
    font-size: 14px;
    word-break: break-all;
}
[upload-item] .type-holder [drop-select]
{
    width: 100%;
    background-color: hsla(0,0%,100%,.1);
    border: 1px solid hsla(0,0%,100%,.2);
}
[upload-item] .type-holder [drop-select] input
{
    font-size: 14px;
}
[upload-item] .type-holder [search-drop-select]
{
    width: 100%;
    height: 34px;
    cursor: pointer;
    border-radius: 4px;
    background-color: hsla(0,0%,100%,.1);
    border: 1px solid hsla(0,0%,100%,.2);
}
[upload-item] .type-holder [search-drop-select]>a label
{
    font-size: 14px;
    color: #fff;
}
[upload-item] .type-holder>button
{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    color: #fff;
}
[upload-item].status .type-holder>p
{
    font-size: 14px;
    color: #07d0b5;
}
[upload-item].error .type-holder>p
{
    color: #df3320;
}
[description-holder]
{
    background-color: #333;
    border: 1px solid hsla(0,0%,100%,.07);
    display: flex;
    flex-flow: column;
    align-items: center;
    align-items: flex-start;
    padding: 20px;
    gap: 4px;
    margin-top: 24px;
    margin-bottom: 24px;
}
[description-holder]>li
{
    word-break: keep-all;
    padding-left: 12px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}
[description-holder]>li:before
{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 10px;
    right: auto;
    bottom: auto;
}
[description-holder].transparent
{
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
[description-holder].transparent>li
{
    color: #7f7f7f;
}
[description-holder].transparent>li:before
{
    background-color: #7f7f7f;
}
[image-selector]
{
    position: relative;
    overflow: hidden;
}
[image-selector] label
{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}
[image-selector] label input
{
    display: none;
}
[image-selector] label .selected-image
{
    position: absolute;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
[image-selector] a
{
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
}
[file-selector] [font-icon]
{
    color: #249135;
}
[questionnaire-dmi-modal]>p+p
{
    margin-top: 8px;
}
[questionnaire-dmi-modal] .desc1
{
    color: #737373;
}
[questionnaire-dmi-modal] .desc1, [questionnaire-dmi-modal] .desc2
{
    word-break: break-word;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .42px;
}
[questionnaire-dmi-modal] .desc2
{
    margin-top: 20px;
    color: #000;
}
[questionnaire-dmi-modal] [description-holder]
{
    margin-top: 12px;
    padding-left: 16px;
    gap: 0;
}
[questionnaire-dmi-modal] [description-holder] li
{
    color: #000;
    font-weight: 400;
}
[questionnaire-dmi-modal] [file-selector]
{
    margin-top: 12px;
    border: 1px solid #249135;
    border-style: dashed;
    text-align: center;
    background-color: hsla(0,0%,100%,.1);
    border-radius: 16px;
}
[questionnaire-dmi-modal] [file-selector] [font-icon]
{
    font-size: 32px;
    color: #249135;
}
[questionnaire-dmi-modal] [file-selector] em
{
    color: #1570ef;
    border-bottom: 0;
    font-weight: 500;
}
[questionnaire-dmi-modal] [file-selector] label
{
    padding: 20px;
}
[questionnaire-dmi-modal] [file-selector]:hover
{
    background-color: #f8fbf9;
    border: 1px solid #249135;
}
[questionnaire-dmi-modal] .list-holder
{
    margin-top: 12px;
}
[questionnaire-dmi-modal] .list-holder [upload-item] img
{
    width: 40px;
    height: 40px;
}
[questionnaire-dmi-modal] .list-holder [upload-item] .type-holder
{
    margin-left: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[questionnaire-dmi-modal] .list-holder [upload-item] .type-holder label
{
    margin-bottom: 0;
    color: #0b0b0b;
}
[questionnaire-dmi-modal] .list-holder [upload-item] .type-holder button
{
    color: #000;
}
[questionnaire-guide-modal] .content p
{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .36px;
    color: #737373;
}
[questionnaire-guide-modal] .content p b
{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .42px;
    color: #000;
}
[questionnaire-guide-modal] .content p a
{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .36px;
    color: #1570ef;
}
[questionnaire-guide-modal] .content ul
{
    margin-top: 8px;
    margin-bottom: 20px;
}
[questionnaire-guide-modal] .content .risky-holder
{
    background-color: #fff;
    padding: 16px;
    position: relative;
    line-height: 1.4;
}
[questionnaire-guide-modal] .content .risky-holder>li
{
    font-size: 12px;
    color: #737373;
    font-weight: 400;
    padding-left: 15px;
}
[questionnaire-guide-modal] .content .risky-holder>li:before
{
    content: "•";
    position: absolute;
    left: 16px;
}
[questionnaire-guide-modal] .content p+p
{
    margin-top: 12px;
}
[responsible-progress-modal] [display-step]
{
    padding-top: 8px;
    padding-bottom: 24px;
}
[responsible-progress-modal] .scroll-area
{
    padding-right: 0!important;
    padding-left: 0!important;
    padding-bottom: 0!important;
    max-height: calc(var(--innerHeight) - 160px)!important;
}
[responsible-progress-modal] .floating
{
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
[responsible-progress-modal] .floating>.floating-gradient
{
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 24px;
    background: linear-gradient(179deg,hsla(240,7%,97%,0) .91%,#f7f7f8 86%);
}
[responsible-progress-modal] .floating>[checkbox-item]
{
    margin-bottom: 24px;
    align-self: center;
}
[responsible-progress-modal] .floating>[checkbox-item] em
{
    color: #000;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .42px;
    white-space: normal;
}
[responsible-progress-modal] .floating>.floating-holder
{
    display: flex;
    gap: 10px;
}
[responsible-progress-modal].result>.panel
{
    height: auto;
}
[responsible-progress-modal].result>.panel .scroll-area
{
    margin-bottom: 30px;
}
[responsible-progress-modal] [gp-description]
{
    padding-top: 0;
    padding-bottom: 24px;
    padding-right: 20px!important;
    padding-left: 20px!important;
}
[responsible-progress-modal] .body
{
    overflow-y: hidden;
}
[responsible-progress-modal] .content
{
    padding-bottom: 20px;
    overflow-y: auto;
    max-height: 590px;
    padding-right: 20px;
    padding-left: 20px;
}
[responsible-progress-modal] .result-table
{
    text-align: center;
    color: #000;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}
[responsible-progress-modal] .result-table>thead
{
    font-weight: 700;
    border-bottom: 1px solid #d9d9d9;
}
[responsible-progress-modal] .result-table>thead>td
{
    padding-bottom: 5px;
}
[responsible-progress-modal] .result-table>tbody>tr>td
{
    padding: 3px;
}
[responsible-progress-modal] .img-group
{
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding-top: 0;
}
[responsible-progress-modal] .img-group>p
{
    color: #000;
    font-size: 16px!important;
    padding-top: 10px;
}
[responsible-progress-modal] .footer
{
    display: flex;
    gap: 10px;
}
@media(max-width: 419px)
{
    [responsible-progress-modal] [gp-description]>p
    {
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
}
[gp-ul-description-list]
{
    color: #737373;
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
[gp-ul-description-list]>ul
{
    position: relative;
    padding-left: 15px;
    line-height: 1.4;
}
[gp-ul-description-list]>ul>li:before
{
    content: "•";
    position: absolute;
    left: 0;
}
[rg-deposit-limit] .sub-description
{
    color: #737373;
    font-size: 14px;
}
[rg-deposit-limit] .sub-description>ul, [rg-deposit-limit] .sub-description>ul>li
{
    list-style: square;
}
[rg-deposit-limit] .support-error-msg
{
    margin-top: 20px;
}
[rg-deposit-limit] .support-error-msg>li
{
    font-size: 16px;
}
[rg-deposit-limit] .support-error-msg>li>a
{
    color: #06c;
    font-weight: 500;
}
[input-single-bet-limit]
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
[input-single-bet-limit] [checkbox-item]>em
{
    line-height: 16px;
    color: #000;
    font-size: 14px;
}
[input-total-bet-limit-table] [limit-table-row].hidden-error [validation-errors]
{
    display: none;
}
[input-total-bet-limit-table] [limit-table-row].show-error [validation-errors]
{
    display: block;
}
[total-bet-limit] .desc
{
    padding-bottom: 20px;
}
[total-bet-limit] .desc>p
{
    color: #999;
    font-size: 12px;
    line-height: 16px;
}
[input-balance-limit]
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
[balance-limit] .desc
{
    padding-bottom: 20px;
}
[balance-limit] .desc>p
{
    color: #999;
    font-size: 12px;
    line-height: 16px;
}
[balance-limit] .limit-input-group
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 4px;
}
[time-limit-row]
{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[time-limit-row] .label
{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}
[time-limit-row] .label i
{
    margin-left: 4px;
    color: #df3320;
}
[time-limit-row] .content
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #ebebef;
    border-radius: 16px;
    padding: 20px;
}
[limit-hour-field]
{
    display: flex;
    align-items: flex-start;
}
[limit-hour-field]:not(:first-of-type)
{
    margin-top: 16px;
}
[limit-hour-field]>label
{
    font-size: 14px;
    color: #ccc;
    margin-top: 6px;
    min-width: 120px;
}
[limit-hour-field]>label i
{
    margin-left: 4px;
    color: #df3320;
}
[limit-hour-field]>div
{
    flex-grow: 2;
}
[limit-hour-field]>div [search-drop-select] .opener
{
    height: 46px;
}
[limit-hour-field]>div .hour-holder
{
    display: flex;
    align-items: center;
    margin-top: 8px;
}
[limit-hour-field]>div .hour-holder [text-input]
{
    flex-grow: 2;
}
[limit-hour-field]>div .hour-holder>em
{
    margin-left: 12px;
    display: inline-block;
    font-size: 14px;
    color: hsla(0,0%,100%,.5);
}
[input-login-time-limit]
{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
[caution-message]
{
    display: flex;
    color: #737373;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 20px;
    gap: 5px;
    padding-top: 15px;
    font-weight: 600;
}
[caution-message] .caution-span
{
    word-break: break-word;
}
[input-re-login-limit]
{
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background-color: #ebebef;
    padding: 20px;
}
[login-time-limit] .limit-input-group
{
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 4px;
    background-color: #f8f8f8;
    padding: 20px;
}
[input-monthly-login-frequency]
{
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background-color: #ebebef;
    padding: 20px;
}
[input-game-limit-table] .center
{
    text-align: center;
}
[input-game-limit-table] .left
{
    text-align: left;
}
[input-game-limit-table] .input-group
{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
[input-game-limit-table] .row
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[input-game-limit-table] .row>label
{
    flex: 1;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
[input-game-limit-table] .row>[gp-radio-group]
{
    background-color: #ebebef;
    border-radius: 16px;
    padding: 20px;
}
[input-loss-limit-table] [limit-table-row].hidden-error [validation-errors]
{
    display: none;
}
[input-loss-limit-table] [limit-table-row].show-error [validation-errors]
{
    display: block;
}
[loss-limit] .desc
{
    padding-bottom: 20px;
}
[loss-limit] .desc>p
{
    color: #999;
    font-size: 12px;
    line-height: 16px;
}
[rg-my-radio-item]
{
    color: #000;
    margin-top: -1px;
    cursor: pointer;
    position: relative;
}
[rg-my-radio-item].active:before
{
    border-radius: 5px;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    pointer-events: none;
}
[rg-my-radio-item] .radio-box
{
    display: flex;
    flex-direction: row;
    padding: 0;
    gap: 0;
}
[rg-my-radio-item] .radio-box .title-group
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
@media(min-width: 580px)
{
    [rg-my-radio-item] .radio-box .title-group
    {
        justify-content: flex-start;
        gap: 10px;
    }
}
[rg-my-radio-item] .radio-box .title-group>div
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
[rg-my-radio-item] .radio-box .title-group>div>img
{
    width: 18px;
    height: 18px;
    -o-object-fit: cover;
    object-fit: cover;
}
[rg-my-radio-item] .radio-box .title-group>div>h3
{
    font-size: 14px;
    font-weight: 400;
}
[rg-my-radio-item] .radio-box .title-group>p
{
    font-size: 12px;
    color: #f00;
}
[rg-my-radio-item] .radio-box .content-group
{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
[rg-my-radio-item] .radio-box .content-group>p
{
    color: #999;
    font-size: 12px;
    line-height: 16px;
}
[rg-my-radio-item] .toggle-wrapper
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
}
[input-reality-check-notification]
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[input-reality-check-notification] .label
{
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
[input-reality-check-notification]>[gp-radio-group]
{
    background-color: #ebebef;
    border-radius: 16px;
    padding: 20px;
}
[rg-display-exclusion-modal] .content
{
    min-height: 180px;
}
[rg-display-exclusion-modal] .content [gp-description]>p
{
    padding-top: 0;
    font-size: 14px;
    text-align: center;
}
[rg-display-exclusion-modal] .content .caution-message-holder
{
    padding-right: 0;
    padding-left: 0;
}
[rg-display-exclusion-modal] .content .caution-message-holder .caution-message
{
    color: #f00;
    word-break: break-word;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}
[rg-display-exclusion-modal] .body>p
{
    color: #000;
}
[rg-display-exclusion-modal] .footer
{
    display: flex;
    gap: 10px;
}
@media(min-width: 580px)
{
    [rg-display-exclusion-modal] .content
    {
        min-height: 150px;
    }
    [rg-display-exclusion-modal] .content .caution-message-holder
    {
        padding-right: 40px;
        padding-left: 40px;
    }
}
[responsible-confirm-modal]>.panel
{
    position: relative;
    overflow: visible;
    background-color: #f7f7f8!important;
}
[responsible-confirm-modal]>.panel .scroll-area
{
    height: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    overflow-y: visible;
}
[responsible-confirm-modal]>.panel .floating
{
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    gap: 10px;
}
[responsible-confirm-modal].result>.panel
{
    height: 30%;
}
[responsible-confirm-modal] .content [gp-description]
{
    padding-top: 0;
    padding-bottom: 20px;
}
[responsible-confirm-modal] .content .body>p
{
    color: #000;
}
[responsible-confirm-modal] .result-table
{
    text-align: center;
    color: #000;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}
[responsible-confirm-modal] .result-table>thead
{
    font-weight: 700;
    border-bottom: 1px solid #d9d9d9;
}
[responsible-confirm-modal] .result-table>thead>td
{
    padding-bottom: 5px;
}
[responsible-confirm-modal] .result-table>tbody>tr>td
{
    padding: 3px;
}
[responsible-confirm-modal] .img-group
{
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding-top: 0;
}
[responsible-confirm-modal] .img-group>p
{
    color: #000;
    font-size: 16px!important;
    padding-top: 10px;
}
[responsible-confirm-modal] .footer
{
    display: flex;
    gap: 10px;
}
[input-automatic-reserve-win]
{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
[input-automatic-reserve-win] .label
{
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
[input-automatic-reserve-win] .input-group, [input-automatic-reserve-win]>[gp-radio-group]
{
    background-color: #ebebef;
    border-radius: 16px;
    padding: 20px;
}
[input-automatic-reserve-win] .input-group .limit-input
{
    padding-top: 10px;
    padding-left: 25px;
}
[automatic-reserve] .desc
{
    padding-bottom: 20px;
}
[automatic-reserve] .desc>p
{
    color: #999;
    font-size: 12px;
    line-height: 16px;
}
[automatic-reserve] .center
{
    text-align: center;
}
[automatic-reserve] .left
{
    text-align: left;
}
[automatic-reserve] .limit-input-group
{
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 4px;
    padding-top: 20px;
    padding-bottom: 20px;
}
[automatic-reserve] .row
{
    display: flex;
    flex-direction: row;
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 20px;
}
[automatic-reserve] .row .label
{
    flex: 1;
    color: #000;
    font-size: 14px;
}
[input-self-exclusion]
{
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 5px;
}
[input-self-exclusion] .label
{
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
[input-self-exclusion]>[gp-radio-group]
{
    background-color: #ebebef;
    border-radius: 16px;
    padding: 20px;
}
.RTL [pagination] button [font-icon]
{
    display: inline-block;
    transform: scaleX(-1);
}
[pagination]
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
}
[pagination] button
{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
[pagination] button svg
{
    width: 12px;
    height: 12px;
}
[pagination] button svg .stroke-target
{
    stroke: #777;
}
.no-touch [pagination] button:hover:not(.hover-disable) svg .stroke-target, [pagination] button:active svg .stroke-target
{
    stroke: #fff;
}
[pagination] button+button
{
    margin-left: 10px;
}
[pagination] a
{
    vertical-align: middle;
    display: inline-block;
    margin-right: 24px;
    margin-left: 24px;
    position: relative;
    padding-top: 0;
    padding-right: 2px;
    padding-bottom: 0;
    padding-left: 2px;
    color: #777;
    opacity: .4;
    font-size: 12px;
}
.no-touch [pagination] a:hover:not(.hover-disable), [pagination] a.active, [pagination] a:active
{
    opacity: 1;
}
[pagination] a.active:after
{
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #07d0b5;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    opacity: .3;
}
[pagination] a+a
{
    margin-left: 0;
}
[pagination] .invisible
{
    opacity: .2;
    pointer-events: none;
}
[pagination].dark button
{
    color: #fff;
}
[pagination].dark a
{
    color: #fff;
    opacity: .4;
}
.no-touch [pagination].dark a:hover:not(.hover-disable), [pagination].dark a.active, [pagination].dark a:active
{
    opacity: 1;
}
[pagination].dark a.active:after
{
    content: "";
    display: block;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e81a1a;
    opacity: 1;
}
[pagination] .total-row, [pagination].dark a.active:after
{
    position: absolute;
    left: 50%;
    right: auto;
    top: auto;
    transform: translateX(-50%);
}
[pagination] .total-row
{
    bottom: -30px;
    font-size: 14px;
    color: rgba(0,0,0,.5);
}
@media(min-width: 768px)
{
    [pagination] .total-row
    {
        bottom: 4px;
        left: auto;
        right: -45px;
    }
}
[rg-input-search-bar]
{
    background-color: #f8f8f8;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[rg-input-search-bar] .button-group
{
    padding-top: 5px;
}
[rg-input-search-bar] .select-group
{
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
}
[rg-input-search-bar] .select-group>[gp-input-component]
{
    width: calc(50% - 25px);
}
[rg-input-search-bar] .select-group .refresh-button
{
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #249135;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #249135;
    border-radius: 8px;
    background-color: #fff;
}
[rg-input-search-bar] .select-group .refresh-button.disable
{
    border: 1px solid #a3a3a3;
    cursor: not-allowed;
}
[rg-input-search-bar] .select-group .refresh-button.disable [font-icon]
{
    font-size: 16px;
    color: #a3a3a3;
}
[rg-input-search-bar] .select-group .refresh-button [font-icon]
{
    font-size: 16px;
    color: #249135;
}
[rg-input-search-bar] .custom-date-group
{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
[rg-input-search-bar] .custom-date-group>div
{
    flex: 1;
}
@media(min-width: 580px)
{
    [rg-input-search-bar] .select-group
    {
        flex-direction: row;
        gap: 10px;
        flex: 1;
    }
    [rg-input-search-bar] .custom-date-group
    {
        flex-direction: row;
        gap: 10px;
    }
}
[display-limit-history-table]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
[display-limit-history-table] .history-row
{
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
}
[display-limit-history-table] .history-row .content
{
    display: flex;
    flex-direction: column;
    gap: 1px;
}
[display-limit-history-table] .history-row .content .date
{
    font-size: 12px;
    color: #999;
}
[display-limit-history-table] .history-row .content .type
{
    font-size: 14px;
    font-weight: 600;
}
[display-limit-history-table] .history-row .content .duration
{
    font-size: 14px;
}
[display-limit-history-table] .history-row .content .value
{
    font-size: 14px;
    color: #737373;
    padding-bottom: 10px;
}
[display-limit-history-table] .history-row .content .status
{
    font-size: 14px;
}
[display-limit-history-table] .history-row.two-ace
{
    align-items: flex-start;
}
[display-limit-history-table] .history-row .change-button
{
    color: #249135;
    display: flex;
    align-items: center;
    gap: 5px;
}
[display-limit-history-table] .history-row .status-text
{
    padding-right: 15px;
}
@media(min-width: 580px)
{
    [display-limit-history-table]
    {
        flex-direction: row;
        flex-wrap: wrap;
    }
    [display-limit-history-table] .history-row
    {
        width: 49%;
    }
}
[display-limit-history-table] .no-data
{
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 396px;
    gap: 20px;
    background-color: #fff;
    border-radius: 16px;
    width: 100%;
}
[display-limit-history-table] .no-data [font-icon]
{
    font-size: 20px;
    color: #737373;
}
[rg-limit-history] .display-group
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}
[rg-limit-history] [pagination]>span
{
    color: #333;
    opacity: 1;
}
[rg-limit-history] [pagination]>a.active
{
    color: #fff;
    background-color: #333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: .8;
    padding-top: 2.5px;
}
[rg-limit-history] [pagination]>a.active:after
{
    content: none;
}
[rg-limit-history] .contact-email
{
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
[rg-limit-history] .contact-email>a
{
    color: #06c;
}
[input-two-ace-loss-limit]
{
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 4px;
    padding-top: 20px;
    padding-bottom: 20px;
}
[rg-limit-history] .desc
{
    padding-bottom: 20px;
}
[rg-limit-history] .desc>p
{
    color: #999;
    font-size: 12px;
    line-height: 16px;
}
[rg-limit-history] .footer
{
    display: flex;
    gap: 10px;
}
[input-external-monthly-limit]
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: #ebebef;
    border-radius: 16px;
}
[input-external-monthly-limit] [validation-errors]>li>a
{
    color: #2d74f6;
}
[external-monthly-limit] [gp-description]>p>ul
{
    position: relative;
    padding-left: 15px;
    line-height: 1.4;
    padding-top: 10px;
}
[external-monthly-limit] [gp-description]>p>ul>li:before
{
    content: "•";
    position: absolute;
    left: 0;
}
[gp-toggle-switch]
{
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
}
[gp-toggle-switch]>input
{
    opacity: 0;
    width: 0;
    height: 0;
}
[gp-toggle-switch] .slider
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d4d4d8;
    transition: .4s;
    border-radius: 24px;
}
[gp-toggle-switch] .slider.active
{
    background-color: #249135;
}
[gp-toggle-switch] .slider.active:before
{
    transform: translateX(24px);
}
[gp-toggle-switch] .slider:before
{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%;
}
[gp-menu-link-button]
{
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 16px;
    color: rgba(0,0,0,.8);
    font-weight: 500;
    background-color: #fff;
    min-height: 64px;
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: 16px;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 240px;
}
[gp-menu-link-button].no-pointer
{
    cursor: default;
}
[gp-menu-link-button] .menu-group
{
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    gap: 10px;
}
[gp-menu-link-button] .menu-group>.label
{
    display: flex;
    flex: 1;
    justify-content: space-between;
}
[gp-menu-link-button] .menu-group>.label .left
{
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
}
[gp-menu-link-button] .menu-group>.label>.badge
{
    font-size: 10px;
    font-weight: 400;
    background-color: #dcdcdc;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    height: 16px;
    line-height: 16px;
}
[gp-menu-link-button] .menu-group>.label [gp-badge]
{
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 400;
}
[gp-menu-link-button] .menu-group .right-menu
{
    display: flex;
    align-self: center;
}
[gp-menu-link-button] .menu-group [font-icon]
{
    color: #737373;
    font-size: 16px;
}
[gp-menu-link-button] .menu-group.arrow
{
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
[gp-menu-link-button] [gp-badge]
{
    justify-content: flex-start;
}
[my-info] .info-router-group
{
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 20px;
    padding-left: 20px;
}
[my-info] .info-router-group>h3
{
    color: rgba(0,0,0,.8);
    font-size: 16px;
}
[my-info] .info-router-group>[gp-menu-link-button] .pointer
{
    cursor: pointer;
}
[my-info] .list-holder>a
{
    display: block;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 16px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.8);
    font-weight: 700;
    position: relative;
}
[my-info] .list-holder>a [font-icon]
{
    font-weight: 700;
    color: rgba(0,0,0,.5);
    right: 0;
    top: 50%;
    left: auto;
    bottom: auto;
    position: absolute;
    transform: translateY(-50%);
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-2acfb705]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-2acfb705]
    {
        display: none!important;
    }
}
[section-container][data-v-2acfb705]
{
    width: 100%;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #262626;
}
[section-container] h3[data-v-2acfb705]
{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 16px;
    color: #c7c7c7;
}
[section-container] .section-top[data-v-2acfb705], [section-container] h3[data-v-2acfb705]
{
    padding-top: 16px;
    padding-bottom: 16px;
}
[section-container] .section-top h3[data-v-2acfb705]
{
    padding-top: 0;
    padding-bottom: 0;
}
[slider]
{
    position: relative;
}
[slider] .swiper-button-next, [slider] .swiper-button-prev
{
    z-index: 2;
    margin-top: 0;
}
[slider] .swiper-button-next:after, [slider] .swiper-button-prev:after
{
    display: none;
}
[slider] .swiper-button-prev svg
{
    transform: rotate(90deg);
}
[slider] .swiper-button-next svg
{
    transform: rotate(-90deg);
}
[slider] .swiper-button-more, [slider] .swiper-navigation.more .swiper-button-next.swiper-button-disabled
{
    display: none;
}
[slider] .swiper-navigation.more .swiper-button-next.swiper-button-disabled+.swiper-button-more
{
    display: flex;
}
[slider] .pagination-list, [slider] .swiper-pagination-custom
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
[slider] .swiper-pagination-custom .pagination-container, [slider] .swiper-pagination-custom .pagination-list, [slider] .swiper-pagination-custom [font-icon], [slider] .swiper-pagination-custom button
{
    color: inherit;
}
[slider] .pagination-nav-disabled
{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-e5927c1c]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-e5927c1c]
    {
        display: none!important;
    }
}
.RTL [bonus-ticket] img[data-v-e5927c1c]
{
    transform: scaleX(-1);
}
[bonus-ticket][data-v-e5927c1c]
{
    font-size: 16px;
}
[bonus-ticket]+[bonus-ticket][data-v-e5927c1c]
{
    margin-top: 10px;
}
[bonus-ticket] .ticket-box[data-v-e5927c1c]
{
    position: relative;
}
[bonus-ticket] .ticket-box img[data-v-e5927c1c]
{
    position: relative;
    width: 100%;
}
[bonus-ticket] .ticket-box .ticket[data-v-e5927c1c]
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 30% 70%;
    justify-content: center;
    align-items: center;
    font-size: .75em;
    text-align: center;
    opacity: .5;
}
[bonus-ticket] .ticket-box .num[data-v-e5927c1c]
{
    grid-row: span 2;
    font-size: 1.25em;
    display: flex;
    justify-content: center;
    align-items: center;
}
[bonus-ticket] .ticket-box .num[data-v-e5927c1c]:after
{
    content: "x";
    font-size: .8em;
    margin-left: .3em;
}
[bonus-ticket] .ticket-box .value[data-v-e5927c1c]
{
    color: #ffc64d;
    padding-top: .2em;
}
[bonus-ticket].active .ticket-box .ticket[data-v-e5927c1c]
{
    opacity: 1;
}
[bonus-ticket] .name[data-v-e5927c1c]
{
    margin-top: 2px;
    font-size: .6875em;
    color: #8c8c8c;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-15585dbe]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-15585dbe]
    {
        display: none!important;
    }
}
[daily-free-card][data-v-15585dbe]
{
    text-align: center;
}
[daily-free-card]+[daily-free-card][data-v-15585dbe]
{
    border-left: 1px solid #f00;
}
[daily-free-card] h5[data-v-15585dbe]
{
    margin-bottom: 16px;
    font-size: 16px;
    opacity: .5;
}
[daily-free-card].completed h5[data-v-15585dbe]
{
    opacity: 1;
}
[daily-free-card] [bonus-ticket][data-v-15585dbe]
{
    width: 122px;
    margin-left: auto;
    margin-right: auto;
}
.promotion [popover-container] .popover-position .popover.promotion-tooltip .component-crop
{
    background-color: #fafafa;
    color: #000;
}
.promotion [popover-container] .popover-position .popover.promotion-tooltip .component-crop .popover-text
{
    color: inherit;
}
.promotion [popover-container] .popover-position .popover.promotion-tooltip em.arrow
{
    background-color: #fafafa;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-682122d7]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-682122d7]
    {
        display: none!important;
    }
}
[promotion-tooltip-item][data-v-682122d7]
{
    font-size: 16px;
}
[promotion-tooltip-item] button[data-v-682122d7]
{
    padding: .375em;
    background-color: transparent;
    font-size: 1em;
    color: #717171;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-3c48117a]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-3c48117a]
    {
        display: none!important;
    }
}
[promotion-timer][data-v-3c48117a]
{
    font-family: Digital-7;
    font-size: 22px;
    color: #fff2bd;
}
[promotion-timer] span[data-v-3c48117a]
{
    font-size: inherit;
}
[feature-bonus] [slider] .swiper-container
{
    width: 100%;
    background-color: #000;
}
[feature-bonus] [slider] .swiper-wrapper
{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    min-width: 922px;
    text-align: center;
}
[feature-bonus] [slider] .swiper-slide
{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}
[feature-bonus] [slider] .swiper-slide+.swiper-slide
{
    border-left: 1px solid hsla(0,0%,100%,.2);
}
.RTL [feature-bonus] [slider] .swiper-slide+.swiper-slide
{
    border-left: 0;
    border-right: 1px solid hsla(0,0%,100%,.2);
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-511a719a]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-511a719a]
    {
        display: none!important;
    }
}
[feature-bonus][data-v-511a719a]
{
    padding-right: 20px;
    padding-left: 20px;
    border-top: 1px solid #717171;
}
[feature-bonus] .section-top[data-v-511a719a]
{
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    padding-bottom: 16px;
}
[feature-bonus] .section-top h3[data-v-511a719a]
{
    padding-top: 0;
    padding-bottom: 0;
}
[feature-bonus] .section-top .timer[data-v-511a719a]
{
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: end;
}
[feature-bonus] button[color-button].claim-btn[data-v-511a719a]
{
    width: 100%;
    max-width: 448px;
    height: 50px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-radius: 2em;
    background-color: #c64040;
    font-weight: 400;
    line-height: normal;
    font-size: 18px;
    opacity: .65;
}
[feature-bonus] button[color-button].claim-btn[data-v-511a719a]:active, [feature-bonus] button[color-button].claim-btn[data-v-511a719a]:focus, [feature-bonus] button[color-button].claim-btn[data-v-511a719a]:hover
{
    background-color: #b13232;
}
[feature-bonus] .claim-now[data-v-511a719a]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    text-align: center;
}
[feature-bonus] .claim-now .link[data-v-511a719a]
{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
    color: #007bff;
    font-size: 14px;
}
[feature-bonus] .claim-now .link a[data-v-511a719a]
{
    border-bottom: 1px solid #007bff;
}
[feature-bonus] .claim-now p[data-v-511a719a]
{
    color: #717171;
}
@media(min-width: 420px)
{
    [feature-bonus] .section-top[data-v-511a719a]
    {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    [feature-bonus] .section-top .timer[data-v-511a719a]
    {
        align-self: center;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-2bcd4106]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-2bcd4106]
    {
        display: none!important;
    }
}
[status-badge][data-v-2bcd4106]
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    font-size: .675em;
    border-radius: 2em;
    white-space: nowrap;
}
[status-badge][data-v-2bcd4106]:before
{
    content: "";
    display: block;
    width: .5em;
    height: .5em;
    border-radius: 50%;
}
[status-badge].InProgress[data-v-2bcd4106]
{
    background-color: #174c38;
    color: #22cc8c;
}
[status-badge].InProgress[data-v-2bcd4106]:before
{
    background-color: #22cc8c;
}
[status-badge].Completed[data-v-2bcd4106]
{
    background-color: #1a3d5a;
    color: #5ab4ff;
}
[status-badge].Completed[data-v-2bcd4106]:before
{
    background-color: #5ab4ff;
}
[status-badge].Suspended[data-v-2bcd4106]
{
    background-color: #4d350c;
    color: #d89d3a;
}
[status-badge].Suspended[data-v-2bcd4106]:before
{
    background-color: #d89d3a;
}
[status-badge].Expired[data-v-2bcd4106]
{
    background-color: #462222;
    color: #f56565;
}
[status-badge].Expired[data-v-2bcd4106]:before
{
    background-color: #f56565;
}
[status-badge].Cancelled[data-v-2bcd4106]
{
    background-color: #5a5a5a;
    color: #ebebeb;
}
[status-badge].Cancelled[data-v-2bcd4106]:before
{
    background-color: #ebebeb;
}
[status-badge].Pending[data-v-2bcd4106]
{
    background-color: #5a5a5a;
    color: #ebebeb;
}
[status-badge].Pending[data-v-2bcd4106]:before
{
    background-color: #ebebeb;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-34f638c8]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-34f638c8]
    {
        display: none!important;
    }
}
[terms-and-conditions-link][data-v-34f638c8]
{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 10px;
    color: #007bff;
    font-size: 14px;
}
[terms-and-conditions-link] a[data-v-34f638c8]
{
    border-bottom: 1px solid #007bff;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-6f573adf]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-6f573adf]
    {
        display: none!important;
    }
}
[bonus-status][data-v-6f573adf]
{
    padding: 20px;
    background-color: #262626;
    font-size: 16px;
}
[bonus-status] .title[data-v-6f573adf]
{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}
[bonus-status] .title h2[data-v-6f573adf]
{
    display: inline-block;
    font-size: 18px;
}
[bonus-status] .title button[data-v-6f573adf]
{
    background-color: transparent;
    font-size: inherit;
}
[bonus-status] .title button [font-icon][data-v-6f573adf]
{
    color: #717171;
}
[bonus-status] .date[data-v-6f573adf]
{
    display: flex;
    gap: 16px;
    font-size: 14px;
    color: #c7c7c7;
}
[bonus-status] .date b[data-v-6f573adf]
{
    color: #fafafa;
}
[table-head] .sort
{
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    color: #07d0b5;
}
[table-head] .tooltip
{
    margin-left: 4px;
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle;
}
[table-head] .tooltip [font-icon]
{
    font-size: 14px;
    color: #06c;
}
[grid-table]
{
    position: relative;
    min-width: 100%;
    overflow-x: auto;
}
[grid-table]::-webkit-scrollbar
{
    height: 8px;
}
[grid-table] .table-wrapper
{
    position: relative;
}
[grid-table] .select
{
    text-align: center;
}
[grid-table] .select [checkbox-item]
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
[grid-table] .select [checkbox-item] em
{
    margin-left: 0;
}
[grid-table] table
{
    table-layout: fixed;
}
[grid-table] table .multi-header
{
    border: 1px solid rgba(0,0,0,.2);
}
[grid-table] table thead
{
    width: 100%;
}
[grid-table] table thead tr:nth-of-type(2) th
{
    border-left: 1px solid #aaa!important;
}
[grid-table] table thead th
{
    border-top: 1px solid #aaa;
    border-bottom: 2px solid #aaa;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    font-size: 14px;
    text-align: center!important;
}
[grid-table] table thead th:not(:first-of-type)
{
    border-left: 1px solid #aaa;
}
[grid-table] table thead th>i
{
    display: inline-block;
    position: relative;
    width: 12px;
    height: 8px;
    margin-left: 5px;
    cursor: pointer;
}
[grid-table] table thead th>i:after, [grid-table] table thead th>i:before
{
    position: absolute;
    content: "";
    display: block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
[grid-table] table thead th>i:before
{
    left: 0;
    bottom: -1px;
    right: auto;
    top: auto;
    border-top: 4px solid #545454;
}
[grid-table] table thead th>i:after
{
    left: 0;
    top: -1px;
    right: auto;
    bottom: auto;
    border-bottom: 4px solid #545454;
}
[grid-table] table thead th>i.desc:before
{
    border-top: 4px solid #07d0b5;
}
[grid-table] table thead th>i.asc:after
{
    border-bottom: 4px solid #07d0b5;
}
[grid-table] table tbody
{
    position: relative;
}
[grid-table] table tbody td
{
    border-bottom: 1px solid #ccc;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    font-size: 14px;
}
[grid-table] table tbody td .bold
{
    font-weight: 700;
}
[grid-table] table tbody.moving tr
{
    transition: transform .3s;
    box-shadow: inset 0 0 1px 0 #999;
}
[grid-table] table tbody tr
{
    position: relative;
    background-color: #fff;
}
[grid-table] table tbody tr:nth-of-type(odd)
{
    background-color: rgba(0,0,0,.05);
}
[grid-table] table tbody tr.drag
{
    z-index: 1;
    box-shadow: 0 0 5px #999;
    transition: none;
}
[grid-table] .header
{
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    background-color: #fff;
    z-index: 2;
}
[grid-table] .scroll-holder
{
    display: inline-block;
    overflow-y: auto;
    position: relative;
    border-bottom: 1px solid #ccc;
}
[grid-table] i.icon-menu
{
    cursor: row-resize;
}
[grid-table] i.icon-menu.dimmed
{
    opacity: .2;
    cursor: no-drop;
}
[grid-table] .no-list
{
    padding: 10px;
    font-size: 15px;
    text-align: center;
}
[grid-table].loading:after
{
    content: "Loading...";
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    text-align: center;
    background-color: rgba(0,0,0,.2);
    font-weight: 700;
    color: #fff;
    z-index: 10;
    font-size: 20px;
}
[grid-table].dark table thead tr th
{
    text-align: left;
}
[grid-table].dark table thead tr th:not(:first-of-type)
{
    border-left: 0;
}
[grid-table].dark table tbody tr
{
    background-color: transparent!important;
}
[grid-table].dark .header
{
    background-color: transparent;
}
[grid-table].dark .scroll-holder
{
    border-bottom: 0;
}
[bonus-history-v1] .no-list-table [grid-table] .table-wrapper
{
    min-width: auto!important;
}
[bonus-history-v1] .no-list-table [grid-table] .table-wrapper table
{
    table-layout: auto;
}
[bonus-history-v1] .no-list-table [grid-table] .table-wrapper .scroll-holder
{
    width: 100%;
}
[bonus-history-v1] [grid-table] .scroll-holder
{
    border-bottom: 0;
}
[bonus-history-v1] [grid-table] .no-list
{
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #717171;
    font-size: 16px;
    color: #717171;
}
[bonus-history-v1] [grid-table] table.header
{
    width: 100%!important;
}
[bonus-history-v1] [grid-table] table tbody tr, [bonus-history-v1] [grid-table] table tr td:last-child, [bonus-history-v1] [grid-table] table.header
{
    background-color: transparent;
}
[bonus-history-v1] [grid-table] table
{
    font-size: 16px;
    color: #fafafa;
    border-collapse: collapse;
}
[bonus-history-v1] [grid-table] table thead
{
    border-top: 1px solid #717171;
}
[bonus-history-v1] [grid-table] table thead th
{
    border: 0;
    font-size: 14px;
    text-align: left!important;
}
.RTL [bonus-history-v1] [grid-table] table thead th
{
    text-align: right!important;
}
[bonus-history-v1] [grid-table] table thead th:not(:first-of-type)
{
    border-left: 0;
}
[bonus-history-v1] [grid-table] table tbody td
{
    border: 0;
    font-size: inherit;
}
[bonus-history-v1] [grid-table] table tr
{
    border-bottom: 1px solid #717171;
}
[bonus-history-v1] [grid-table] table tr td, [bonus-history-v1] [grid-table] table tr th
{
    padding-top: 14px;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-left: 20px;
    text-align: left;
    vertical-align: top;
    line-height: 1.4;
}
.RTL [bonus-history-v1] [grid-table] table tr td, .RTL [bonus-history-v1] [grid-table] table tr th
{
    text-align: right;
}
[bonus-history-v1] [grid-table] table tr .amount
{
    text-align: right!important;
}
.RTL [bonus-history-v1] [grid-table] table tr .amount
{
    text-align: left!important;
}
[bonus-history-v1] [grid-table] table tr .date, [bonus-history-v1] [grid-table] table tr th
{
    color: #aaa;
}
[bonus-history-v1] [grid-table] table .details
{
    display: none;
    color: #aaa;
}
[bonus-history-v1] [grid-table] table .details p
{
    margin-top: 10px;
}
[bonus-history-v1] [grid-table] table .open .details
{
    display: block;
}
[bonus-history-v1] [grid-table] table .open [font-icon]
{
    transform: rotate(180deg);
}
[bonus-history-v1] [grid-table] table .extension-btn
{
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
}
[bonus-history-v1] [grid-table] table .extension-btn.disabled
{
    cursor: default;
}
[bonus-history-v1] [grid-table] table .extension-btn.disabled span
{
    cursor: text;
}
[bonus-history-v1] [grid-table] table .extension-btn [font-icon]
{
    display: inline-block;
    font-size: .875em;
    color: #aaa;
}
[bonus-history-v1] [grid-table] table .extension-btn [font-icon]:before
{
    vertical-align: middle;
}
[bonus-history-v1] [pagination]
{
    display: flex;
    justify-content: flex-end;
    text-align: initial;
}
[bonus-history-v1] [pagination] .left button:first-child, [bonus-history-v1] [pagination] .right button:last-child
{
    display: none;
}
[bonus-history-v1] [pagination] a
{
    opacity: .7;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 2px;
    margin-left: 2px;
    line-height: 30px;
    font-size: 16px;
}
[bonus-history-v1] [pagination] a:first-of-type
{
    margin-left: 10px;
}
[bonus-history-v1] [pagination] a:last-of-type
{
    margin-right: 10px;
}
[bonus-history-v1] [pagination] a.active
{
    opacity: 1;
    color: #aaa;
    font-weight: 600;
}
[bonus-history-v1] [pagination] a.active:after
{
    display: none;
}
[bonus-history-v1] [pagination] button
{
    width: 30px;
    height: 30px;
    background-color: #202020;
    color: #aaa;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-d071a9c0]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-d071a9c0]
    {
        display: none!important;
    }
}
[bonus-history-v1][data-v-d071a9c0]
{
    margin-top: 16px;
}
[bonus-history-v1] h3[data-v-d071a9c0]
{
    padding-top: 20px;
    padding-bottom: 20px;
}
[bonus-history-v1] .table-holder[data-v-d071a9c0]
{
    margin-right: -20px;
    margin-left: -20px;
}
[bonus-history-v1] .amount[data-v-d071a9c0]
{
    white-space: nowrap;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-2d4cde4c]
    {
        display: none!important;
    }
}
[daily-challenge-card][data-v-2d4cde4c]
{
    text-align: center;
}
[daily-challenge-card] .day[data-v-2d4cde4c]
{
    padding: 4px;
    background-color: #4b4432;
    color: #b2a991;
    line-height: 22px;
    font-weight: 600;
}
[daily-challenge-card] .value[data-v-2d4cde4c]
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 60px;
    padding: 10px;
    background-color: #1a1710;
    font-size: 18px;
    color: #717171;
    font-weight: 700;
}
[daily-challenge-card] .value[data-v-2d4cde4c]:before
{
    content: "";
    display: block;
    width: 48px;
    height: 32px;
    background-image: url(../../willbetgambling/image/promotion-bonus.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    opacity: .5;
}
[daily-challenge-card].active[data-v-2d4cde4c]
{
    border: 1px solid #7a602e;
}
[daily-challenge-card].active .day[data-v-2d4cde4c]
{
    background: linear-gradient(90deg,#a48954 5%,#674f21);
    color: #fff;
}
[daily-challenge-card].active .value[data-v-2d4cde4c]
{
    color: #fff2bd;
}
[daily-challenge-card].active .value[data-v-2d4cde4c]:before
{
    opacity: 1;
}
[daily-challenge-card].completed[data-v-2d4cde4c], [daily-challenge-card].failed[data-v-2d4cde4c]
{
    position: relative;
}
[daily-challenge-card].completed .day[data-v-2d4cde4c], [daily-challenge-card].completed .value[data-v-2d4cde4c], [daily-challenge-card].failed .day[data-v-2d4cde4c], [daily-challenge-card].failed .value[data-v-2d4cde4c]
{
    opacity: .5;
}
[daily-challenge-card].completed[data-v-2d4cde4c]:after, [daily-challenge-card].failed[data-v-2d4cde4c]:after
{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 34px auto;
}
[daily-challenge-card].failed[data-v-2d4cde4c]:after
{
    background-image: url(../../willbetgambling/image/promotion-failed.png);
}
[daily-challenge-card].completed[data-v-2d4cde4c]:after
{
    background-image: url(../../willbetgambling/image/promotion-check.png);
}
[progress-bar]
{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}
[progress-bar] .bar-chart
{
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #262626;
    border-radius: 2em;
    font-size: .75em;
    overflow: hidden;
}
[progress-bar] .bar-chart .bar
{
    height: 100%;
    border-radius: 2em;
    background: linear-gradient(270deg,#c64040,#8e1919);
}
[progress-bar] .bar-chart p
{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}
[progress-bar] p
{
    font-weight: 700;
    font-size: 1.125em;
}
[progress-bar] .end
{
    text-align: center;
}
[progress-bar] .end .cdollar
{
    width: 38px;
}
[progress-bar] .end .tickets
{
    width: 50px;
}
[progress-bar] .end span
{
    display: block;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-31de58d6]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-31de58d6]
    {
        display: none!important;
    }
}
[first-deposit-challenge-card][data-v-31de58d6]
{
    text-align: center;
    background-color: #1a1710;
}
[first-deposit-challenge-card] .day[data-v-31de58d6]
{
    padding: 4px;
    background-color: #4b4432;
    color: #b2a991;
    line-height: 22px;
    font-weight: 600;
}
[first-deposit-challenge-card] .contents[data-v-31de58d6]
{
    padding-top: 16px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
    background-color: #1a1710;
}
[first-deposit-challenge-card] .count[data-v-31de58d6]
{
    display: flex;
    justify-content: center;
    align-items: center;
}
[first-deposit-challenge-card] .count[data-v-31de58d6]:after
{
    content: "";
    display: block;
    display: inline-block;
    width: 51px;
    height: 40px;
    margin-left: 8px;
    background-image: url(../../willbetgambling/image/promotion-tickets.png);
    background-repeat: no-repeat;
    background-size: contain;
}
[first-deposit-challenge-card] .name[data-v-31de58d6]
{
    margin-top: 14px;
    margin-bottom: 6px;
    font-size: 11px;
    color: #8c8c8c;
}
[first-deposit-challenge-card] .value[data-v-31de58d6]
{
    font-weight: 700;
    color: #fff2bd;
}
[first-deposit-challenge-card].none[data-v-31de58d6]
{
    opacity: .8;
}
[first-deposit-challenge-card].none .count[data-v-31de58d6], [first-deposit-challenge-card].none .value[data-v-31de58d6]
{
    opacity: .7;
}
[first-deposit-challenge-card].active[data-v-31de58d6]
{
    border: 1px solid #7a602e;
}
[first-deposit-challenge-card].active .day[data-v-31de58d6]
{
    background: linear-gradient(90deg,#a48954,#685022);
    color: #fff;
}
[first-deposit-challenge-card].active .contents[data-v-31de58d6]:before
{
    opacity: 1;
}
[first-deposit-challenge-card].completed[data-v-31de58d6], [first-deposit-challenge-card].failed[data-v-31de58d6]
{
    position: relative;
}
[first-deposit-challenge-card].completed[data-v-31de58d6]:after, [first-deposit-challenge-card].failed[data-v-31de58d6]:after
{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 34px auto;
}
[first-deposit-challenge-card].failed[data-v-31de58d6]:after
{
    background-image: url(../../willbetgambling/image/promotion-failed.png);
}
[first-deposit-challenge-card].completed[data-v-31de58d6]:after
{
    background-image: url(../../willbetgambling/image/promotion-check.png);
}
[free-bonus-challenge] [slider] .swiper-container
{
    width: 100%;
}
[free-bonus-challenge] [slider] .swiper-wrapper
{
    min-width: 890px;
    display: grid;
    grid-template-columns: repeat(6,1fr);
}
[free-bonus-challenge] [slider] .swiper-slide
{
    width: auto;
    max-width: none;
    min-width: 140px;
}
[free-bonus-challenge] [slider] .swiper-slide:not(:first-of-type)
{
    margin-left: 8px;
}
.RTL [free-bonus-challenge] [slider] .swiper-slide:not(:first-of-type)
{
    margin-left: 0;
    margin-right: 8px;
}
[free-bonus-challenge] [progress-bar]
{
    margin-top: 30px;
}
[free-bonus-challenge] [progress-bar] .end
{
    font-size: 1em;
}
@media(min-width: 768px)
{
    [free-bonus-challenge] [progress-bar] .end
    {
        font-size: 1.125em;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-0d8e32cf]
    {
        display: none!important;
    }
}
[free-bonus-challenge][data-v-0d8e32cf]
{
    background-color: #000;
}
[free-bonus-challenge] .current[data-v-0d8e32cf]
{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
}
[free-bonus-challenge] .current .hands[data-v-0d8e32cf], [free-bonus-challenge] .current .info[data-v-0d8e32cf]
{
    padding: 20px;
}
[free-bonus-challenge] .current .hands+div[data-v-0d8e32cf], [free-bonus-challenge] .current .info+div[data-v-0d8e32cf]
{
    border-top: 1px solid hsla(0,0%,100%,.2);
}
[free-bonus-challenge] .current .hands>p[data-v-0d8e32cf], [free-bonus-challenge] .current .info>p[data-v-0d8e32cf]
{
    display: flex;
    flex-wrap: wrap;
}
[free-bonus-challenge] .current .hands>p span[data-v-0d8e32cf], [free-bonus-challenge] .current .info>p span[data-v-0d8e32cf]
{
    white-space: nowrap;
}
[free-bonus-challenge] .current .hands>p .name[data-v-0d8e32cf], [free-bonus-challenge] .current .info>p .name[data-v-0d8e32cf]
{
    color: #8a8e90;
}
[free-bonus-challenge] .current .info[data-v-0d8e32cf]
{
    min-width: 300px;
}
[free-bonus-challenge] .current .info .day[data-v-0d8e32cf]
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}
[free-bonus-challenge] .current .info .day span[data-v-0d8e32cf]
{
    font-weight: 500;
    font-size: .8em;
    color: #717171;
}
[free-bonus-challenge] .current .info p[data-v-0d8e32cf]:not(.day)
{
    margin-bottom: 8px;
}
[free-bonus-challenge] .current .info p:not(.day) .name[data-v-0d8e32cf]
{
    flex: 0 0 120px;
}
[free-bonus-challenge] .current .hands[data-v-0d8e32cf]
{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 16px;
}
[free-bonus-challenge] .current .hands.AoF .text[data-v-0d8e32cf]>em
{
    color: #c64040;
}
[free-bonus-challenge] .current .hands>p[data-v-0d8e32cf]
{
    line-height: 1.8em;
    gap: 16px;
}
[free-bonus-challenge] .slider[data-v-0d8e32cf]
{
    overflow: hidden;
    padding: 20px;
}
@media(min-width: 768px)
{
    [free-bonus-challenge] .current[data-v-0d8e32cf]
    {
        display: flex;
        flex-flow: row;
    }
    [free-bonus-challenge] .current .hands+div[data-v-0d8e32cf], [free-bonus-challenge] .current .info+div[data-v-0d8e32cf]
    {
        border-top: 0;
        border-left: 1px solid hsla(0,0%,100%,.2);
    }
    .RTL [free-bonus-challenge] .current .hands+div[data-v-0d8e32cf], .RTL [free-bonus-challenge] .current .info+div[data-v-0d8e32cf]
    {
        border-left: 0;
        border-right: 1px solid hsla(0,0%,100%,.2);
    }
}
[complete-all-challenges] .bar-chart .bar
{
    background: linear-gradient(270deg,#a48954,#684707);
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-09d84857]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-09d84857]
    {
        display: none!important;
    }
}
[complete-all-challenge][data-v-09d84857]
{
    background-color: #000;
}
[complete-all-challenge] h4[data-v-09d84857]
{
    font-weight: 500;
}
[complete-all-challenge] p[data-v-09d84857]
{
    margin-top: 6px;
    color: #a48954;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-40d3eef0]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-40d3eef0]
    {
        display: none!important;
    }
}
[daily-free-challenge][data-v-40d3eef0]:before
{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #717171;
}
[daily-free-challenge] .content[data-v-40d3eef0]
{
    background-color: #000;
}
[daily-free-challenge] .current[data-v-40d3eef0]
{
    display: flex;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
}
[daily-free-challenge] .current>div[data-v-40d3eef0]
{
    padding: 20px;
}
[daily-free-challenge] .current>div+div[data-v-40d3eef0]
{
    border-left: 1px solid hsla(0,0%,100%,.2);
}
[daily-free-challenge] .current .hands>p[data-v-40d3eef0], [daily-free-challenge] .current .info>p[data-v-40d3eef0]
{
    display: flex;
    flex-wrap: wrap;
}
[daily-free-challenge] .current .hands>p span[data-v-40d3eef0], [daily-free-challenge] .current .info>p span[data-v-40d3eef0]
{
    white-space: nowrap;
}
[daily-free-challenge] .current .info .day[data-v-40d3eef0]
{
    align-items: center;
    margin-bottom: 16px;
}
[daily-free-challenge] .current .info .day span[data-v-40d3eef0]
{
    font-size: .8em;
    color: #c7c7c7;
    margin-left: 8px;
}
[daily-free-challenge] .current .info .name[data-v-40d3eef0]
{
    flex: 0 0 120px;
    color: #c7c7c7;
}
[daily-free-challenge] .current .info p[data-v-40d3eef0]:not(.day)
{
    margin-bottom: 8px;
}
[daily-free-challenge] .current .hands[data-v-40d3eef0]
{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
[daily-free-challenge] .current .hands .name[data-v-40d3eef0]
{
    margin-right: 16px;
    color: #717171;
}
[daily-free-challenge] .current .hands .text em[data-v-40d3eef0]
{
    color: #c64040;
}
@media(max-width: 767px)
{
    [daily-free-challenge] .current[data-v-40d3eef0]
    {
        flex-direction: column;
    }
    [daily-free-challenge] .current>div+div[data-v-40d3eef0]
    {
        border-left: 0;
        border-top: 1px solid hsla(0,0%,100%,.2);
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-25352766]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-25352766]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-25352766]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-25352766]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-25352766]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-25352766]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-25352766]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-25352766]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-25352766]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-25352766]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-25352766]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-25352766]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-25352766]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-25352766]
    {
        display: none!important;
    }
}
[match-bonus][data-v-25352766]
{
    width: 100%;
    border-top: 1px solid #717171;
}
[match-bonus].cancelled .summary .progress-circle[data-v-25352766], [match-bonus].cancelled [progress-bar][data-v-25352766]
{
    opacity: .8;
    filter: grayscale(1) brightness(2);
}
[match-bonus] .box[data-v-25352766]
{
    padding-top: 20px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    background-color: #0f0f0f;
}
[match-bonus] .summary[data-v-25352766]
{
    text-align: center;
}
[match-bonus] .summary h4[data-v-25352766]
{
    margin-bottom: 20px;
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.36em;
}
[match-bonus] .summary .current[data-v-25352766]
{
    color: #c64040;
    font-weight: 600;
}
[match-bonus] .summary .progress-circle[data-v-25352766]
{
    position: relative;
    font-weight: 500;
}
[match-bonus] .summary .progress-circle svg[data-v-25352766]
{
    width: 100px;
    transform: rotate(90deg) rotateY(180deg);
}
[match-bonus] .summary .progress-circle svg circle[data-v-25352766]:last-of-type
{
    animation: circle-fill-data-v-25352766 2s reverse;
}
[match-bonus] .summary .progress-circle>p[data-v-25352766]
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
[match-bonus] .summary .progress-circle .chart-info[data-v-25352766]
{
    display: flex;
    gap: 80px;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[match-bonus] .summary .progress-circle .chart-info .released[data-v-25352766]
{
    display: flex;
    justify-content: flex-end;
}
[match-bonus] .summary .progress-circle .chart-info .max[data-v-25352766]
{
    display: flex;
    justify-content: flex-start;
}
[match-bonus] .summary .progress-circle .chart-info>div[data-v-25352766]
{
    width: 0;
}
[match-bonus] .summary .progress-circle .chart-info>div span[data-v-25352766]
{
    display: block;
}
[match-bonus] .summary .progress-circle .chart-info>div .value[data-v-25352766]
{
    margin-bottom: 4px;
    font-size: 18px;
}
[match-bonus] .summary .progress-circle .chart-info>div .text[data-v-25352766]
{
    font-weight: 400;
    font-size: 15px;
}
[match-bonus] .summary .progress-circle .slash[data-v-25352766]
{
    padding-right: 2px;
    padding-left: 2px;
}
[match-bonus] .summary .description[data-v-25352766]
{
    margin-top: 16px;
}
[match-bonus] .next[data-v-25352766]
{
    border-top: 1px solid hsla(0,0%,100%,.2);
    text-align: center;
}
[match-bonus] .next>p[data-v-25352766]
{
    color: #8a8e90;
}
@media(min-width: 420px)
{
    [match-bonus] .summary .progress-circle .chart-info[data-v-25352766]
    {
        gap: 120px;
    }
}
@media(min-width: 768px)
{
    [match-bonus] .summary .progress-circle svg[data-v-25352766]
    {
        width: 120px;
    }
    [match-bonus] .summary .progress-circle .chart-info[data-v-25352766]
    {
        gap: 180px;
    }
}
@keyframes circle-fill-data-v-25352766
{
    to
    {
        stroke-dasharray: 0 100;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-fbb20b30]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-fbb20b30]
    {
        display: none!important;
    }
}
[color-button][promotion-button].hover-dark[data-v-fbb20b30], [promotion-link-btn][data-v-fbb20b30], a.promotion-button[data-v-fbb20b30]
{
    display: inline-block;
    min-width: 190px;
    height: auto;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border: 0;
    border-radius: 2em;
    background-color: #c64040;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    transition: background-color .3s;
}
[color-button][promotion-button].hover-dark span[data-v-fbb20b30], [promotion-link-btn] span[data-v-fbb20b30], a.promotion-button span[data-v-fbb20b30]
{
    display: block;
    font-size: 1.125em;
}
[color-button][promotion-button].hover-dark[data-v-fbb20b30]:active:not(:disabled), [color-button][promotion-button].hover-dark[data-v-fbb20b30]:focus:not(:disabled), [color-button][promotion-button].hover-dark[data-v-fbb20b30]:hover:not(:disabled), [promotion-link-btn][data-v-fbb20b30]:active:not(:disabled), [promotion-link-btn][data-v-fbb20b30]:focus:not(:disabled), [promotion-link-btn][data-v-fbb20b30]:hover:not(:disabled), a.promotion-button[data-v-fbb20b30]:active:not(:disabled), a.promotion-button[data-v-fbb20b30]:focus:not(:disabled), a.promotion-button[data-v-fbb20b30]:hover:not(:disabled)
{
    background-color: #b13232;
}
[color-button][promotion-button].hover-dark[data-v-fbb20b30]:disabled, [promotion-link-btn][data-v-fbb20b30]:disabled, a.promotion-button[data-v-fbb20b30]:disabled
{
    border: inherit;
    cursor: default;
    opacity: .7;
}
[color-button][promotion-button].hover-dark.disabled-grey[data-v-fbb20b30], [promotion-link-btn].disabled-grey[data-v-fbb20b30], a.promotion-button.disabled-grey[data-v-fbb20b30]
{
    background-color: #717171;
}
[no-promotion-data][data-v-fbb20b30]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 270px;
    padding-top: 0;
    padding-bottom: 0;
    color: #717171;
    text-align: center;
}
[no-promotion-data] [terms-and-conditions-link][data-v-fbb20b30]
{
    position: absolute;
    top: 20px;
    right: 16px;
}
[no-promotion-data] .promotion-button[data-v-fbb20b30]
{
    margin-top: 20px;
}
@media(min-width: 768px)
{
    [no-promotion-data][data-v-fbb20b30]
    {
        min-height: 200px;
    }
}
[notification]
{
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
}
[notification]:before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background-color: #c64040;
}
[notification] .message
{
    display: flex;
    justify-content: space-between;
    padding-top: 1em;
    padding-right: 1.25em;
    padding-bottom: 1em;
    padding-left: 1.875em;
}
[notification] .message p
{
    display: flex;
    align-items: center;
    -moz-column-gap: .625em;
    column-gap: .625em;
    font-size: 1em;
    color: #262626;
    font-weight: 500;
}
[notification] .message p [font-icon]
{
    flex: 0;
    font-size: 1.25em;
    line-height: 1.2;
}
[notification] .message p a
{
    margin-left: .5em;
    border-bottom: 1px solid #c64040;
    background-color: transparent;
    color: #c64040;
    font-size: 1em;
    white-space: nowrap;
}
[notification] .message p a:hover
{
    border-bottom: 0;
}
[notification] .message p a[target=_blank]
{
    margin-left: 0;
}
[notification] .message p a[href^="mailTo:"]
{
    color: #007bff;
    border-bottom: 0;
    margin-left: 0;
}
[notification] .message p a[href^="mailTo:"]:hover
{
    color: #0056b3;
    border-bottom: 1px solid #0056b3;
}
[notification] .message .close-btn
{
    background-color: transparent;
    font-size: 1em;
}
[notification] .message .close-btn [font-icon]
{
    font-size: 1.25em;
    color: #aaa;
}
@media(min-width: 768px)
{
    [notification] .message
    {
        padding-left: 2.5em;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-63900c39]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-63900c39]
    {
        display: none!important;
    }
}
[deposit-bonus][data-v-63900c39]
{
    width: 100%;
}
[deposit-bonus] .no-active-bonus[data-v-63900c39]
{
    text-align: center;
    margin-top: 60px;
}
[deposit-bonus] .contents .info-btn[data-v-63900c39]
{
    width: 28px;
    height: 28px;
    padding: 4px;
    margin-right: 8px;
    margin-left: 8px;
    background-color: transparent;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-5fe12379]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-5fe12379]
    {
        display: none!important;
    }
}
[referral-status][data-v-5fe12379]
{
    padding-right: 0;
    padding-left: 0;
}
[referral-status] .status-card[data-v-5fe12379]
{
    padding: 24px;
    text-align: right;
    font-size: 16px;
}
.RTL [referral-status] .status-card[data-v-5fe12379]
{
    text-align: left;
}
[referral-status] .status-card .card-container[data-v-5fe12379]
{
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    height: 100%;
}
[referral-status] .status-card .icon[data-v-5fe12379]
{
    width: 36px;
    font-size: 1.625em;
    text-align: center;
}
[referral-status] .status-card .text[data-v-5fe12379]
{
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
}
[referral-status] .status-card .text .title[data-v-5fe12379]
{
    font-weight: 500;
    color: #ebebeb;
}
[referral-status] .status-card .text .value[data-v-5fe12379]
{
    font-weight: 600;
    font-size: 22px;
    color: #f3f3f3;
}
[referral-status] .signups[data-v-5fe12379]
{
    background-color: #717171;
    color: #c7c7c7;
}
[referral-status] .successful[data-v-5fe12379]
{
    background-color: #414141;
    color: #8a8e90;
}
[referral-status] .earned[data-v-5fe12379]
{
    background-color: #6662ce;
    color: #9d99fb;
}
@media(min-width: 768px)
{
    [referral-status][data-v-5fe12379]
    {
        display: flex;
        -moz-column-gap: 16px;
        column-gap: 16px;
        padding: 20px;
    }
    [referral-status] .status-card[data-v-5fe12379]
    {
        align-items: flex-end;
        width: 33.33333%;
        min-height: 112px;
        border-radius: 4px;
    }
    [referral-status] .status-card .card-container[data-v-5fe12379]
    {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    [referral-status] .status-card .icon[data-v-5fe12379]
    {
        font-size: 2.5em;
        align-self: end;
    }
    [referral-status] .status-card .icon [font-icon][data-v-5fe12379]
    {
        vertical-align: bottom;
    }
    [referral-status] .status-card .successful .icon[data-v-5fe12379]
    {
        font-size: 2.75em;
    }
    [referral-status] .status-card .text[data-v-5fe12379]
    {
        flex-direction: column;
        align-items: flex-end;
        align-self: start;
        row-gap: 6px;
        padding-bottom: 6px;
    }
    [referral-status] .status-card .text .value[data-v-5fe12379]
    {
        font-size: 24px;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-57456c89]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-57456c89]
    {
        display: none!important;
    }
}
.RTL [referral-step] .step .step-card+.step-card[data-v-531152dc][data-v-57456c89]:before
{
    left: auto;
    right: 0;
    transform: translateX(50%);
}
[referral-step][data-v-57456c89]
{
    padding-top: 20px;
    padding-bottom: 60px;
}
[referral-step] h4[data-v-57456c89]
{
    color: #fafafa;
    font-size: 22px;
}
[referral-step] .description[data-v-57456c89]
{
    margin-top: 8px;
}
[referral-step] .step[data-v-57456c89]
{
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px;
    width: auto;
    max-width: none;
    margin-top: 60px;
    margin-right: -10px;
    margin-bottom: 0;
    margin-left: -10px;
    text-align: center;
}
[referral-step] .step .icon[data-v-57456c89]
{
    width: 60px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
    border-radius: 50%;
    background-color: #c64040;
    font-size: 16px;
    color: #fff;
}
[referral-step] .step .icon [font-icon][data-v-57456c89]
{
    font-size: 1.375em;
    line-height: 60px;
}
[referral-step] .step .icon [font-icon].icn-user[data-v-57456c89]
{
    font-size: 1.625em;
}
[referral-step] .step .step-card[data-v-57456c89]
{
    position: relative;
    width: 33.33333%;
}
[referral-step] .step .step-card+.step-card[data-v-57456c89]:before
{
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: calc(100% - 80px);
    height: 1px;
    margin-left: -5px;
    border: 0;
    border-top: 2px solid #8f8f8f;
    border-style: dashed;
    transform: translateX(-50%);
}
.RTL [referral-step] .step .step-card+.step-card[data-v-57456c89]:before
{
    margin-left: 0;
    margin-right: -5px;
}
[referral-step] .step .step-card .name[data-v-57456c89]
{
    color: #fafafa;
    font-weight: 700;
    margin-bottom: 6px;
}
@media(min-width: 580px)
{
    [referral-step] .step[data-v-57456c89]
    {
        -moz-column-gap: 20px;
        column-gap: 20px;
        margin-right: 0;
        margin-left: 0;
    }
    [referral-step] .step .step-card+.step-card[data-v-57456c89]:before
    {
        margin-left: -10px;
    }
    .RTL [referral-step] .step .step-card+.step-card[data-v-57456c89]:before
    {
        margin-left: 0;
        margin-right: -10px;
    }
}
@media(min-width: 768px)
{
    [referral-step] .step[data-v-57456c89]
    {
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
    [referral-step] .step .step-card+.step-card[data-v-57456c89]:before
    {
        margin-left: -30px;
    }
    .RTL [referral-step] .step .step-card+.step-card[data-v-57456c89]:before
    {
        margin-left: 0;
        margin-right: -30px;
    }
}
#copy-input[data-v-33cec874]
{
    width: 1px;
    height: 1px;
    overflow: hidden;
    text-indent: -1000px;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-33cec874]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .RTL [referral-code] .link-box .share[data-v-33cec874]:before
    {
        left: auto;
        right: -20px;
        transform: translateX(50%) translateY(-50%);
    }
}
[referral-code][data-v-33cec874]
{
    position: relative;
    padding: 0;
    border-top: 2px solid #171717;
}
[referral-code].disabled a[data-v-33cec874]
{
    pointer-events: none;
    cursor: default;
}
[referral-code] h5[data-v-33cec874]
{
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 16px;
    color: #fafafa;
}
[referral-code] [class$=-box][data-v-33cec874]
{
    padding: 20px;
}
[referral-code] .code-box .code[data-v-33cec874]
{
    display: flex;
    align-items: center;
    gap: 16px;
    height: 50px;
    padding-right: 24px;
    padding-left: 24px;
    border-radius: 2em;
    border: 2px solid #717171;
    border-style: dashed;
    color: #f3f3f3;
}
[referral-code] .code-box .code p[data-v-33cec874]
{
    flex: 1;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[referral-code] .code-box .code a[data-v-33cec874]
{
    display: flex;
    padding: 4px;
    background-color: transparent;
    color: inherit;
}
[referral-code] .code-box .code a [font-icon][data-v-33cec874]
{
    font-size: 1.5em;
}
[referral-code] .link-box[data-v-33cec874]
{
    border-left: 2px solid #171717;
    padding-bottom: 40px;
}
.RTL [referral-code] .link-box[data-v-33cec874]
{
    border-left: 0;
    border-right: 2px solid #171717;
}
[referral-code] .link-box .share[data-v-33cec874]
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 30px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    position: relative;
    width: 100%;
}
[referral-code] .link-box .link[data-v-33cec874]
{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 50px;
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
    border-radius: 2em;
    background-color: #ebebeb;
}
[referral-code] .link-box .link .code-container[data-v-33cec874]
{
    flex: 1;
    position: relative;
}
[referral-code] .link-box .link .code-container p[data-v-33cec874]
{
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    color: #262626;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(-50%);
}
[referral-code] .link-box .link a[data-v-33cec874]
{
    background-color: transparent;
    font-weight: 600;
    color: #c64040;
    white-space: nowrap;
    font-size: 14px;
}
[referral-code] .link-box .sns[data-v-33cec874]
{
    display: flex;
    justify-content: center;
    width: 100%;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
[referral-code] .link-box .sns a[data-v-33cec874]
{
    display: block;
    width: 50px;
    border-radius: 50%;
}
[referral-code] .link-box .sns a [font-icon][data-v-33cec874]
{
    line-height: 50px;
}
[referral-code] .link-box .sns .facebook[data-v-33cec874]
{
    background-color: #445d98;
}
[referral-code] .link-box .sns .twitter[data-v-33cec874]
{
    background-color: #28a8e0;
}
[referral-code] button[data-v-33cec874]:disabled
{
    opacity: .3;
    cursor: not-allowed;
}
[referral-code] .message-container[data-v-33cec874]
{
    flex: 0 0;
    position: relative;
}
[referral-code] .message-container .copied-message[data-v-33cec874]
{
    position: absolute;
    bottom: 140%;
    right: 20px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    border-radius: 4px;
    background-color: #777;
    font-size: 14px;
    color: #fafafa;
    white-space: nowrap;
}
[referral-code] .message-container .copied-message[data-v-33cec874]:before
{
    content: "";
    display: block;
    display: none;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%) rotate(45deg);
    width: 16px;
    height: 16px;
    background-color: inherit;
}
@media(min-width: 768px)
{
    [referral-code][data-v-33cec874]
    {
        display: flex;
        width: 100%;
    }
    [referral-code] .code-box[data-v-33cec874]
    {
        width: 33.33333%;
    }
    [referral-code] .link-box[data-v-33cec874]
    {
        flex: 1;
    }
    [referral-code] .link-box .share[data-v-33cec874]
    {
        position: relative;
    }
    [referral-code] .link-box .share[data-v-33cec874]:before
    {
        content: "or";
        position: absolute;
        top: 50%;
        left: -20px;
        transform: translate(-50%,-50%);
        font-weight: 500;
        font-size: 14px;
        color: #fff;
    }
    [referral-code] .link-box .sns[data-v-33cec874]
    {
        width: auto;
        max-width: none;
    }
    [referral-code] .message-container .copied-message[data-v-33cec874]
    {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-7b9f4bba]
    {
        display: none!important;
    }
}
[referral-bonus].disabled .contents [bonus-status][data-v-7b9f4bba]
{
    background-color: rgba(38,38,38,.5);
}
[referral-bonus].disabled .contents section[data-v-7b9f4bba]:not([bonus-history])
{
    opacity: .5;
}
[referral-bonus].disabled .contents section:not([bonus-history])[referral-code][data-v-7b9f4bba]
{
    opacity: .15;
}
[referral-bonus] .contents .section-holder[data-v-7b9f4bba]
{
    color: #8a8e90;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-422f0338]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-422f0338]
    {
        display: none!important;
    }
}
[invitation-bonus][data-v-422f0338]
{
    height: 640px;
    padding: 20px;
    background-color: #262626;
    text-align: center;
}
[invitation-bonus] [data-v-422f0338]
{
    font-family: Roboto,sans-serif;
}
[invitation-bonus] .qr-container[data-v-422f0338]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding-right: 8px;
    padding-left: 8px;
    background-color: #000;
}
[invitation-bonus] img[data-v-422f0338]
{
    width: 300px;
    max-width: 100%;
    margin-top: 80px;
}
[invitation-bonus] .qr-box[data-v-422f0338]
{
    width: 140px;
    height: 140px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #fff;
}
[invitation-bonus] .qr-box .pr[data-v-422f0338]
{
    width: 100%;
    height: 100%;
}
[invitation-bonus] .btn-holder[data-v-422f0338]
{
    display: inline-block;
    position: relative;
    margin-top: 52px;
}
[invitation-bonus] .btn-holder button[data-v-422f0338]
{
    min-width: 200px;
    padding-top: 14px;
    padding-right: 32px;
    padding-bottom: 14px;
    padding-left: 32px;
    border-radius: 4px;
    background-color: #946d24;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    transition: .35s 0s;
}
[invitation-bonus] .btn-holder button[data-v-422f0338]:active, [invitation-bonus] .btn-holder button[data-v-422f0338]:focus, [invitation-bonus] .btn-holder button[data-v-422f0338]:hover
{
    background-color: #ac8a4b;
}
[invitation-bonus] .btn-holder .message[data-v-422f0338]
{
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 6px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    border-radius: 2px;
    background-color: #eaeaea;
    color: #333;
    font-size: 16px;
}
[invitation-bonus] .btn-holder .message[data-v-422f0338]:after
{
    content: "";
    display: block;
    position: absolute;
    right: 12px;
    top: 100%;
    width: 6px;
    height: 6px;
    background-color: inherit;
    transform: translateY(-50%) rotate(45deg);
}
[invitation-bonus] .warning[data-v-422f0338]
{
    color: #aaa;
}
[invitation-bonus] .warning [font-icon][data-v-422f0338]
{
    display: inline-block;
    font-size: 120px;
    padding-top: 80px;
    padding-bottom: 32px;
}
[invitation-bonus] .warning p[data-v-422f0338]
{
    font-size: 20px;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-22a60096]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-22a60096]
    {
        display: none!important;
    }
}
[bonus-item][data-v-22a60096]
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #888;
    font-size: 12px;
    text-align: center;
    line-height: 1.5em;
}
[bonus-item].active.tickets[data-v-22a60096]
{
    color: #a84823;
}
[bonus-item].active.gcd[data-v-22a60096]
{
    color: #d1c350;
}
[bonus-item].active.gtd[data-v-22a60096]
{
    color: #d47527;
}
[bonus-item].active.cash[data-v-22a60096]
{
    color: #efb840;
}
[bonus-item].active.casino[data-v-22a60096], [bonus-item].active.spin[data-v-22a60096]
{
    color: #c1ac80;
}
[bonus-item].active .info[data-v-22a60096]
{
    background-color: #242424;
}
[bonus-item].active .quantity[data-v-22a60096]
{
    color: #fefefe;
}
[bonus-item].active .item-name[data-v-22a60096]
{
    color: #b5b5b5;
}
[bonus-item] .info[data-v-22a60096]
{
    position: relative;
    display: inline-block;
    min-width: 7.4em;
    margin-left: 1.7em;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #1a1a1a;
    font-weight: 600;
}
[bonus-item] .info img[data-v-22a60096]
{
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 3.5em;
    height: auto;
    max-height: none;
    transform: translate(-50%,-50%);
}
[bonus-item] .info p[data-v-22a60096]
{
    padding-left: 20%;
}
[bonus-item] .info p+p[data-v-22a60096]
{
    border-top: 1px solid #444;
}
[bonus-item].spin .info[data-v-22a60096], [bonus-item].tickets .info[data-v-22a60096]
{
    margin-left: 1.9em;
}
[bonus-item].spin .info img[data-v-22a60096], [bonus-item].tickets .info img[data-v-22a60096]
{
    width: 3.8em;
}
[bonus-item].casino-bonus .info[data-v-22a60096]
{
    margin-left: 1.8em;
}
[bonus-item].casino-bonus .info img[data-v-22a60096]
{
    width: 4.1em;
}
[bonus-item] .item-name[data-v-22a60096]
{
    min-height: 16px;
    margin-top: .8em;
    font-size: 1em;
    line-height: 1.3em;
    color: #888;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-2e9b5586]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-2e9b5586]
    {
        display: none!important;
    }
}
[tnc-link][data-v-2e9b5586]
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #888;
}
[tnc-link]>span[data-v-2e9b5586]
{
    text-decoration: underline;
}
[tnc-link] [font-icon][data-v-2e9b5586]
{
    font-size: 12px;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-3f31c16d]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-3f31c16d]
    {
        display: none!important;
    }
}
[promotion-title][data-v-3f31c16d]
{
    display: flex;
    flex-direction: column;
    gap: 4px 24px;
    padding: 20px;
    color: #fefefe;
}
[promotion-title] h2[data-v-3f31c16d]
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    font-weight: 600;
}
[promotion-title] h2 [font-icon][data-v-3f31c16d]
{
    font-size: 16px;
    color: #717171;
}
@media(min-width: 420px)
{
    [promotion-title][data-v-3f31c16d]
    {
        flex-direction: row;
        justify-content: space-between;
    }
}
@media(min-width: 768px)
{
    [promotion-title][data-v-3f31c16d]
    {
        padding-right: 0;
        padding-left: 0;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-45d97052]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-45d97052]
    {
        display: none!important;
    }
}
[bonus-section]+[bonus-section][data-v-45d97052]
{
    margin-top: 20px;
}
[bonus-section]+[bonus-section] h4[data-v-45d97052]
{
    padding-top: 20px;
    border-top: 1px solid #b5b5b5;
}
[bonus-section] h4[data-v-45d97052]
{
    margin-bottom: 20px;
    color: #b5b5b5;
    font-weight: 400;
}
[bonus-slider]
{
    text-align: center;
    max-height: 298px;
    overflow: hidden;
    overflow-y: scroll;
}
[bonus-slider] .swiper-slide
{
    width: auto;
    max-width: none;
    min-width: 154px;
    height: auto;
    max-height: none;
}
[bonus-slider] .swiper-slide+.swiper-slide
{
    border-left: 1px solid #262626;
}
.RTL [bonus-slider] .swiper-slide+.swiper-slide
{
    border-left: 0;
    border-right: 1px solid #262626;
}
[bonus-slider] .slide
{
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    gap: 20px;
    padding-top: 20px;
    padding-right: 8px;
    padding-bottom: 20px;
    padding-left: 8px;
}
[bonus-slider] .slide .day
{
    color: #888;
    font-weight: 600;
}
[bonus-slider] .slide.active .day
{
    color: #fefefe;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-7b58733e]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-7b58733e]
    {
        display: none!important;
    }
}
[status-badge][data-v-7b58733e]
{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}
[status-badge][data-v-7b58733e]:before
{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
[status-badge].pending[data-v-7b58733e]
{
    color: #ccc;
}
[status-badge].pending[data-v-7b58733e]:before
{
    background-color: #ccc;
}
[status-badge].in_progress[data-v-7b58733e]
{
    color: #22cc8c;
}
[status-badge].in_progress[data-v-7b58733e]:before
{
    background-color: #22cc8c;
}
[status-badge].paused[data-v-7b58733e]
{
    color: #d89d3a;
}
[status-badge].paused[data-v-7b58733e]:before
{
    background-color: #d89d3a;
}
[status-badge].completed[data-v-7b58733e]
{
    color: #5ab4ff;
}
[status-badge].completed[data-v-7b58733e]:before
{
    background-color: #5ab4ff;
}
[status-badge].expired[data-v-7b58733e]
{
    color: #f56565;
}
[status-badge].expired[data-v-7b58733e]:before
{
    background-color: #f56565;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-4110fd12]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-4110fd12]
    {
        display: none!important;
    }
}
[promotion-timer][data-v-4110fd12]
{
    font-size: 20px;
    color: #fff2bd;
    font-family: Digital-7;
}
[promotion-timer] span[data-v-4110fd12]
{
    font-size: inherit;
}
[promotion-button][progress-button][color-button] .sync
{
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-ebb0df2c]
    {
        display: none!important;
    }
}
[promotion-button][progress-button][color-button][data-v-ebb0df2c]
{
    font-size: 16px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    border-radius: 2em;
    color: #fefefe;
}
[promotion-button][progress-button][color-button].red[data-v-ebb0df2c]
{
    background-color: #c64040;
}
[promotion-button][progress-button][color-button].red[data-v-ebb0df2c]:not(:disabled):active, [promotion-button][progress-button][color-button].red[data-v-ebb0df2c]:not(:disabled):focus, [promotion-button][progress-button][color-button].red[data-v-ebb0df2c]:not(:disabled):hover
{
    background-color: #b13232;
}
[promotion-button][progress-button][color-button].gray[data-v-ebb0df2c]
{
    background-color: #888;
}
[promotion-button][progress-button][color-button].gray[data-v-ebb0df2c]:not(:disabled):active, [promotion-button][progress-button][color-button].gray[data-v-ebb0df2c]:not(:disabled):focus, [promotion-button][progress-button][color-button].gray[data-v-ebb0df2c]:not(:disabled):hover
{
    background-color: #717171;
}
[promotion-button][progress-button][color-button][data-v-ebb0df2c]:disabled
{
    opacity: .35;
    cursor: default;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-82b1fa56]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-82b1fa56]
    {
        display: none!important;
    }
}
[contents-container] section+section[data-v-82b1fa56]
{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #444;
}
[contents-container] .contents-header[data-v-82b1fa56]
{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    border-bottom: 1px solid #888;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
[contents-container] .contents-header>div[data-v-82b1fa56]
{
    display: flex;
    flex-direction: column;
    gap: 4px 24px;
    width: 100%;
}
[contents-container] .contents-header .info[data-v-82b1fa56]
{
    justify-content: space-between;
    line-height: 28px;
}
[contents-container] .contents-header .info h3[data-v-82b1fa56]
{
    font-size: 22px;
    line-height: inherit;
    color: #fefefe;
}
[contents-container] .contents-header .info>div[data-v-82b1fa56]
{
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}
[contents-container] .contents-header .info [promotion-button][data-v-82b1fa56]
{
    display: inline-block;
    font-size: 12px;
}
[contents-container] .contents-header .period[data-v-82b1fa56]
{
    color: #b5b5b5;
}
[contents-container] .contents-header .left-days[data-v-82b1fa56]
{
    color: #fefefe;
    white-space: nowrap;
}
[contents-container] .contents-header .time[data-v-82b1fa56]
{
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-wrap: wrap;
}
[contents-container] .contents-header .time span[data-v-82b1fa56]
{
    white-space: nowrap;
}
[contents-container] .contents-body[data-v-82b1fa56]
{
    padding-top: 20px;
    padding-right: 24px;
    padding-bottom: 20px;
    padding-left: 24px;
}
@media(min-width: 580px)
{
    [contents-container] .contents-header>div[data-v-82b1fa56]
    {
        flex-direction: row;
    }
}
@media(min-width: 768px)
{
    [contents-container] .contents-header[data-v-82b1fa56]
    {
        padding-right: 24px;
        padding-left: 24px;
    }
}
[bonus-history]
{
    color: #888;
}
[bonus-history] .header, [bonus-history] table tbody tr
{
    background-color: transparent;
}
[bonus-history] table tbody td, [bonus-history] table thead th
{
    padding-top: 12px;
    padding-right: 4px;
    padding-bottom: 12px;
    padding-left: 4px;
}
[bonus-history] table tbody td:first-child, [bonus-history] table thead th:first-child
{
    padding-left: 20px;
}
[bonus-history] table tbody td:last-child, [bonus-history] table thead th:last-child
{
    padding-right: 20px;
}
[bonus-history] table thead th
{
    border-color: #888;
    border-width: 1px;
    text-align: left!important;
}
[bonus-history] table thead th:not(:first-of-type)
{
    border-left: 0;
}
[bonus-history] table thead th.tr
{
    text-align: right!important;
}
[bonus-history] .scroll-holder
{
    border-color: #888;
}
[bonus-history] .no-list
{
    padding-top: 28px;
    padding-bottom: 28px;
}
[bonus-history] table tbody td
{
    border-bottom: 0;
    border-top: 1px solid #888;
    font-size: 16px;
}
[bonus-history] table tbody td[label=Description], [bonus-history] table tbody td[label=Promotion]
{
    color: #fefefe;
}
[bonus-history] table tbody tr:first-child td
{
    border-top: 0;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-58405944]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-58405944]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-58405944]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-58405944]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-58405944]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-58405944]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-58405944]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-58405944]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-58405944]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-58405944]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-58405944]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-58405944]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-58405944]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-58405944]
    {
        display: none!important;
    }
}
[bonus-history][data-v-58405944]
{
    margin-top: 20px;
}
[bonus-history] h3[data-v-58405944]
{
    padding-top: 20px;
    padding-right: 24px;
    padding-bottom: 20px;
    padding-left: 24px;
    font-size: 16px;
    font-weight: 400;
}
[bonus-history] .tr[data-v-58405944]
{
    text-align: right;
}
[bonus-history] .pagination[data-v-58405944]
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    margin-top: 20px;
    padding-right: 24px;
    padding-left: 24px;
    text-align: center;
    color: #ccc;
}
[bonus-history] .pagination>p[data-v-58405944]
{
    width: 28px;
}
[bonus-history] .pagination button[data-v-58405944]
{
    width: 28px;
    height: 28px;
    background-color: #202020;
    color: inherit;
}
[bonus-history] .pagination button[data-v-58405944]:disabled
{
    opacity: .35;
    cursur: auto;
    pointer-events: none;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-0d13c436]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-0d13c436]
    {
        display: none!important;
    }
}
[progress-bar][data-v-0d13c436]
{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fefefe;
}
[progress-bar] .bar[data-v-0d13c436]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 20px;
    border-radius: 2em;
    background-color: #262626;
    text-align: center;
}
[progress-bar] .bar span[data-v-0d13c436]
{
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    height: 100%;
    border-radius: 2em;
    background: linear-gradient(270deg,#c64040,#8e1919);
}
[progress-bar] .bar i[data-v-0d13c436]
{
    position: relative;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    z-index: 1;
    font-size: 12px;
    line-height: 20px;
}
@media(min-width: 420px)
{
    [progress-bar][data-v-0d13c436]
    {
        gap: 16px;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-0bc748a6]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-0bc748a6]
    {
        display: none!important;
    }
}
[bonus-info][data-v-0bc748a6]
{
    padding: 20px;
    background-color: #0f0f0f;
}
[bonus-info] h5[data-v-0bc748a6]
{
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-4387ccf3]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-4387ccf3]
    {
        display: none!important;
    }
}
[free-bonus-component][data-v-4387ccf3]
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
[free-bonus-component] h4[data-v-4387ccf3]
{
    margin-bottom: 20px;
    color: #b5b5b5;
    font-weight: 400;
}
[free-bonus-component] h5[data-v-4387ccf3]
{
    font-size: 20px;
    font-weight: 600;
}
[free-bonus-component] .bonus-info[data-v-4387ccf3]
{
    background-color: #0f0f0f;
}
[free-bonus-component] .challenges[data-v-4387ccf3], [free-bonus-component] .complete-challenge .bonus-info[data-v-4387ccf3]
{
    padding: 20px;
}
[free-bonus-component] .challenges li[data-v-4387ccf3]
{
    padding-top: 20px;
}
[free-bonus-component] .challenges .info[data-v-4387ccf3]
{
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 8px;
}
[free-bonus-component] .challenges .info .label[data-v-4387ccf3]
{
    color: #888;
}
[free-bonus-component] .challenges [progress-bar][data-v-4387ccf3]
{
    margin-top: 16px;
}
[free-bonus-component] .challenge-reward[data-v-4387ccf3]
{
    border-top: 1px solid #444;
    padding-top: 20px;
}
[free-bonus-component] .challenge-reward h5[data-v-4387ccf3]
{
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 8px;
}
[free-bonus-component] .complete-challenge .bonus-info>div[data-v-4387ccf3]
{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
[free-bonus-component] .complete-challenge .bonus-info>div p[data-v-4387ccf3]
{
    margin-top: 4px;
    color: #a48954;
    font-size: 14px;
}
[free-bonus-component] .complete-challenge .bonus-info>div ul[data-v-4387ccf3]
{
    text-align: center;
}
[free-bonus-component] .complete-challenge .bonus-info>div [bonus-item][data-v-4387ccf3]
{
    flex-direction: row;
    gap: 16px 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
@media(min-width: 420px)
{
    [free-bonus-component] .challenges .info[data-v-4387ccf3]
    {
        -moz-column-gap: 24px;
        column-gap: 24px;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-563a4635]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-563a4635]
    {
        display: none!important;
    }
}
[free-bonus] [no-active-container][data-v-563a4635]
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #252525;
    min-height: 100px;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-e7309c58]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-e7309c58]
    {
        display: none!important;
    }
}
[promotion-pagination][data-v-e7309c58]
{
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
    color: #ccc;
}
[promotion-pagination]>div[data-v-e7309c58]
{
    width: 28px;
    height: 28px;
}
[promotion-pagination] button[data-v-e7309c58]
{
    width: 100%;
    height: 100%;
    background-color: #202020;
    color: inherit;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-ad214098]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-ad214098]
    {
        display: none!important;
    }
}
[match-bonus-component][data-v-ad214098]
{
    background-color: #0f0f0f;
}
[match-bonus-component] .match-bonus[data-v-ad214098]
{
    text-align: center;
}
[match-bonus-component] .current[data-v-ad214098]
{
    color: #c64040;
    font-weight: 600;
}
[match-bonus-component] .progress-circle[data-v-ad214098]
{
    position: relative;
    font-weight: 500;
    text-align: center;
}
[match-bonus-component] .progress-circle svg[data-v-ad214098]
{
    width: 96px;
    transform: rotate(90deg) rotateY(180deg);
}
[match-bonus-component] .progress-circle svg circle[data-v-ad214098]:last-of-type
{
    animation: circle-fill-data-v-ad214098 2s reverse;
}
[match-bonus-component] .progress-circle>p[data-v-ad214098]
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
[match-bonus-component] .progress-circle .chart-info[data-v-ad214098]
{
    display: flex;
    gap: 120px;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[match-bonus-component] .progress-circle .chart-info .released[data-v-ad214098]
{
    display: flex;
    justify-content: flex-end;
}
[match-bonus-component] .progress-circle .chart-info .match[data-v-ad214098]
{
    display: flex;
    justify-content: flex-start;
}
[match-bonus-component] .progress-circle .chart-info>div[data-v-ad214098]
{
    width: 0;
}
[match-bonus-component] .progress-circle .chart-info>div span[data-v-ad214098]
{
    display: block;
}
[match-bonus-component] .progress-circle .chart-info>div .value[data-v-ad214098]
{
    margin-bottom: 4px;
    font-size: 18px;
    color: #fefefe;
}
[match-bonus-component] .progress-circle .chart-info>div .text[data-v-ad214098]
{
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #888;
}
[match-bonus-component] .progress-circle .progress-text[data-v-ad214098]
{
    display: flex;
    gap: 2px;
}
[match-bonus-component] .match-bonus[data-v-ad214098]
{
    padding-top: 40px;
}
[match-bonus-component] .description[data-v-ad214098]
{
    margin-top: 16px;
}
[match-bonus-component] .rake[data-v-ad214098]
{
    padding: 20px;
    margin-top: 24px;
    border-top: 1px solid #262626;
    text-align: center;
    color: #8a8e90;
}
[match-bonus-component] .rake [progress-bar][data-v-ad214098]
{
    margin-top: 20px;
}
@media(min-width: 420px)
{
    [match-bonus-component] .progress-circle .chart-info[data-v-ad214098]
    {
        gap: 120px;
    }
}
@media(min-width: 768px)
{
    [match-bonus-component] .progress-circle svg[data-v-ad214098]
    {
        width: 120px;
    }
    [match-bonus-component] .progress-circle .chart-info[data-v-ad214098]
    {
        gap: 180px;
    }
}
@keyframes circle-fill-data-v-ad214098
{
    to
    {
        stroke-dasharray: 0 100;
    }
}
[slider] .swiper-pagination
{
    position: static;
    justify-content: flex-end;
    padding-right: 20px;
    padding-left: 20px;
    color: #ccc;
}
[slider] .swiper-pagination .pagination-item
{
    width: 28px;
}
[slider] .swiper-pagination .pagination-nav
{
    color: inherit;
}
[slider] .swiper-pagination .pagination-nav button
{
    width: 28px;
    height: 28px;
    background-color: #202020;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-f92d5f60]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-f92d5f60]
    {
        display: none!important;
    }
}
[match-bonus] [no-active-container][data-v-f92d5f60]
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #252525;
    min-height: 100px;
}
[daily-freebie] .term-and-conditions a, [daily-freebie] .unable-promotion-message a
{
    color: #5ab4ff;
}
[daily-freebie] [slider]
{
    border-top: 1px solid #262626;
}
[daily-freebie] [slider] .swiper-slide
{
    width: 16.66667%;
    min-width: 130px;
}
[daily-freebie] [slider] .swiper-slide+.swiper-slide
{
    border-left: 1px solid #262626;
}
.RTL [daily-freebie] [slider] .swiper-slide+.swiper-slide
{
    border-left: 0;
    border-right: 1px solid #262626;
}
[daily-freebie] [slider] .swiper-slide .slide
{
    padding-top: 20px;
    padding-bottom: 20px;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-c3d86286]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-c3d86286]
    {
        display: none!important;
    }
}
[daily-freebie][data-v-c3d86286]
{
    text-align: center;
}
[daily-freebie] .notification[data-v-c3d86286]
{
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
}
[daily-freebie] .notification[data-v-c3d86286]:before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background-color: #c64040;
}
[daily-freebie] .notification .message[data-v-c3d86286]
{
    display: flex;
    justify-content: space-between;
    padding-top: 1em;
    padding-right: 1.25em;
    padding-bottom: 1em;
    padding-left: 1.875em;
}
[daily-freebie] .notification .message p[data-v-c3d86286]
{
    display: flex;
    align-items: center;
    -moz-column-gap: .625em;
    column-gap: .625em;
    font-size: 1em;
    color: #040404;
    font-weight: 500;
}
[daily-freebie] .notification .message p [font-icon][data-v-c3d86286]
{
    flex: 0;
    font-size: 1.25em;
    line-height: 1.2;
}
[daily-freebie] .notification .message .close-btn[data-v-c3d86286]
{
    background-color: transparent;
    font-size: 1em;
}
[daily-freebie] .notification .message .close-btn [font-icon][data-v-c3d86286]
{
    font-size: 1.25em;
    color: #aaa;
}
@media(min-width: 768px)
{
    [daily-freebie] .notification .message[data-v-c3d86286]
    {
        padding-left: 2.5em;
    }
}
[daily-freebie] .container[data-v-c3d86286]
{
    position: relative;
    background-color: #252525;
    margin-top: 20px;
    padding-top: 32px;
    padding-right: 16px;
    padding-bottom: 32px;
    padding-left: 16px;
}
[daily-freebie] .unable-promotion-message[data-v-c3d86286]
{
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
}
[daily-freebie] [promotion-button][data-v-c3d86286]
{
    width: 100%;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-radius: 2em;
    background-color: #c64040;
    color: #fefefe;
    font-size: 18px;
}
[daily-freebie] [promotion-button][data-v-c3d86286]:hover
{
    background-color: #b13232;
}
[daily-freebie] [promotion-button][data-v-c3d86286]:disabled
{
    opacity: .35;
}
[daily-freebie] .black-container[data-v-c3d86286]
{
    margin-top: 12px;
    background-color: #0f0f0f;
}
[daily-freebie] .slide-title[data-v-c3d86286]
{
    color: #888;
    margin-bottom: 20px;
}
[daily-freebie] h3[data-v-c3d86286]
{
    margin-bottom: 28px;
    font-size: 24px;
    font-weight: 500;
}
[daily-freebie] .term-and-conditions[data-v-c3d86286]
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    text-align: center;
}
[daily-freebie] h4[data-v-c3d86286]
{
    padding: 8px;
    background-color: #414141;
    font-size: 16px;
    font-weight: 400;
}
[daily-freebie] .main[data-v-c3d86286]
{
    padding-top: 24px;
    padding-bottom: 24px;
}
[daily-freebie] .main>p[data-v-c3d86286]
{
    margin-bottom: 20px;
}
[daily-freebie] .main [promotion-timer][data-v-c3d86286]
{
    font-size: 44px;
}
[daily-freebie] .main [bonus-item][data-v-c3d86286]
{
    font-size: 16px;
}
[daily-freebie] .button-holder[data-v-c3d86286]
{
    width: 100%;
    max-width: 420px;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
}
[daily-freebie] .test[data-v-c3d86286]
{
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
}
[daily-freebie] .test button[data-v-c3d86286]
{
    width: auto;
    max-width: none;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 4px;
}
@media(min-width: 420px)
{
    [daily-freebie] .container[data-v-c3d86286]
    {
        padding-right: 32px;
        padding-left: 32px;
    }
}
@media(min-width: 768px)
{
    [daily-freebie] .container[data-v-c3d86286]
    {
        padding-right: 70px;
        padding-left: 70px;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-91d1877a]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-91d1877a]
    {
        display: none!important;
    }
}
[color-button][promotion-button].hover-dark[data-v-91d1877a], [promotion-link-btn][data-v-91d1877a], a.promotion-button[data-v-91d1877a]
{
    display: inline-block;
    min-width: 190px;
    height: auto;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border: 0;
    border-radius: 2em;
    background-color: #c64040;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    transition: background-color .3s;
}
[color-button][promotion-button].hover-dark span[data-v-91d1877a], [promotion-link-btn] span[data-v-91d1877a], a.promotion-button span[data-v-91d1877a]
{
    display: block;
    font-size: 1.125em;
}
[color-button][promotion-button].hover-dark[data-v-91d1877a]:active:not(:disabled), [color-button][promotion-button].hover-dark[data-v-91d1877a]:focus:not(:disabled), [color-button][promotion-button].hover-dark[data-v-91d1877a]:hover:not(:disabled), [promotion-link-btn][data-v-91d1877a]:active:not(:disabled), [promotion-link-btn][data-v-91d1877a]:focus:not(:disabled), [promotion-link-btn][data-v-91d1877a]:hover:not(:disabled), a.promotion-button[data-v-91d1877a]:active:not(:disabled), a.promotion-button[data-v-91d1877a]:focus:not(:disabled), a.promotion-button[data-v-91d1877a]:hover:not(:disabled)
{
    background-color: #b13232;
}
[color-button][promotion-button].hover-dark[data-v-91d1877a]:disabled, [promotion-link-btn][data-v-91d1877a]:disabled, a.promotion-button[data-v-91d1877a]:disabled
{
    border: inherit;
    cursor: default;
    opacity: .7;
}
[color-button][promotion-button].hover-dark.disabled-grey[data-v-91d1877a], [promotion-link-btn].disabled-grey[data-v-91d1877a], a.promotion-button.disabled-grey[data-v-91d1877a]
{
    background-color: #717171;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-09835593]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-09835593]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-09835593]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-09835593]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-09835593]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-09835593]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-09835593]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-09835593]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-09835593]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-09835593]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-09835593]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-09835593]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-09835593]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-09835593]
    {
        display: none!important;
    }
}
[sign-up-bonus] .contents .info-btn[data-v-09835593]
{
    width: 28px;
    height: 28px;
    padding: 4px;
    margin-right: 8px;
    margin-left: 8px;
    background-color: transparent;
}
[sign-up-bonus] .contents .claim-reward[data-v-09835593]
{
    text-align: center;
}
[sign-up-bonus] .contents .claim-reward[data-v-09835593]:before
{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
    background-color: #717171;
}
[error-title]
{
    text-align: center;
    color: hsla(0,0%,100%,.6);
    margin-top: 40px;
}
[error-title] h2
{
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 22px;
    color: #fff;
}
[not-found]
{
    position: relative;
    width: 100%;
    height: calc(var(--innerHeight) - 160px);
}
[not-found] [error-title]
{
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[home] .holder>*
{
    display: block;
    width: 100%;
    margin-top: 12px;
}
[home] .verification-failed [color-button]
{
    margin: 5px;
}
[not-support-region]
{
    padding-bottom: 30px;
}
[not-support-region] .support-list
{
    margin-top: 30px;
    padding: 16px;
    border: 1px solid hsla(0,0%,100%,.3);
}
[not-support-region] .support-list .group
{
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
}
[not-support-region] .support-list .group+.group
{
    margin-top: 10px;
}
[not-support-region] .support-list .group ul
{
    display: flex;
    flex-flow: wrap;
    margin-top: 10px;
    color: hsla(0,0%,100%,.6);
}
[not-support-region] .support-list .group ul li
{
    flex-basis: 25%;
    margin-bottom: 16px;
    padding-right: 10px;
    font-size: 14px;
}
[not-support-region] .support-list .group ul li p
{
    font-size: inherit;
}
[not-support-region] .support-list .group ul li .lang:before
{
    content: "• ";
    font-size: 1.4em;
}
@media(max-width: 579px)
{
    [not-support-region] .support-list .group ul li
    {
        flex-basis: 50%;
    }
}
[not-support-country]
{
    padding-bottom: 30px;
}
[download]
{
    color: #fff;
    top: 0;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 60px;
    padding-left: 16px;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
[download], [download] .title
{
    display: flex;
    flex-direction: column;
}
[download] .title
{
    align-self: center;
    justify-content: center;
    height: auto;
    line-height: 40px;
    text-align: center;
    margin-bottom: 38px;
}
[download] .title>h1
{
    font-size: 32px;
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 40px;
    padding-left: 15px;
    color: #fff;
    margin-top: 0;
}
[download] .title [color-button]
{
    width: 100%;
    height: 56px;
    border-radius: 28px;
    font-size: 18px;
    transition: transform .3s 0s;
    position: relative;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 500;
    margin-top: 0;
}
[download] .contents .content
{
    text-align: center;
}
[download] .contents .content>img
{
    height: 140px;
    margin-left: auto;
    margin-right: auto;
}
[download] .contents .content>h2
{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 24px;
}
[download] .contents .content>p
{
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #aeaeae;
    word-break: keep-all;
}
[download] .contents .content>p strong
{
    color: #fff;
    font-weight: 500;
}
[download] .contents .content>p:first-of-type
{
    margin-bottom: 8px;
}
[download] .contents .content:not(:first-of-type)
{
    margin-top: 32px;
}
[download] .require-contents
{
    border: 1px solid #707070;
    padding: 24px;
    margin-top: 80px;
}
[download] .require-contents>h2
{
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
[download] .require-contents .require-content .os
{
    margin-top: 28px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[download] .require-contents .require-content .os h4
{
    font-size: 16px;
    margin-bottom: 12px;
}
[download] .require-contents .require-content .os ul>li
{
    list-style: disc;
    display: block;
    color: #bfbfbf;
    font-size: 14px;
    position: relative;
    padding-left: 16px;
}
[download] .require-contents .require-content .os ul>li:before
{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #bfbfbf;
    position: absolute;
    left: 0;
    top: 10px;
    right: auto;
    bottom: auto;
    border-radius: 50%;
}
@media(min-width: 768px)
{
    [download]
    {
        padding-right: 60px;
        padding-left: 60px;
    }
}
@media(min-width: 1024px)
{
    [download]
    {
        max-width: 1280px;
        padding-right: 28px;
        padding-left: 28px;
    }
    [download] .title
    {
        margin-bottom: 84px;
    }
    [download] .contents .content
    {
        text-align: left;
        padding-left: 190px;
        position: relative;
    }
    [download] .contents .content>img
    {
        position: absolute;
        left: 0;
        top: 50%;
        right: auto;
        bottom: auto;
        transform: translateY(-50%);
        margin-top: 8px;
    }
    [download] .contents .content>p
    {
        padding: 0;
    }
    [download] .require-contents
    {
        margin-top: 130px;
    }
    [download] .require-contents>h2
    {
        margin-bottom: 40px;
    }
    [download] .require-contents .require-content
    {
        display: flex;
    }
    [download] .require-contents .require-content>*
    {
        flex: 1;
    }
    [download] .require-contents .require-content .os
    {
        margin: 0;
    }
    [download] .require-contents .require-content .os:not(:first-of-type)
    {
        margin-left: 48px;
    }
    [download] .require-contents .require-content .os ul>li
    {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 20px;
    }
}
[floating-admin-button]
{
    display: flex;
    position: fixed;
    width: auto!important;
    right: 30px;
    top: 30px;
    left: auto;
    bottom: auto;
}
[floating-admin-button]>[color-button]+[color-button]
{
    margin-left: 10px;
}
[auth-error]
{
    background-image: url(../../willbetgambling/image/bg_session_expired.png);
    background-repeat: no-repeat;
    background-position-x: center;
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
[auth-error]>div
{
    width: 90%;
    max-width: 800px;
}
[auth-error]>div>h2
{
    font-size: 22px;
    margin-bottom: 65px;
    line-height: 1em;
    text-align: center;
}
[auth-error]>div>h3
{
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1em;
}
[auth-error]>div p
{
    font-size: 14px;
    color: #999;
    line-height: 1em;
}
[auth-error]>div a
{
    text-decoration: underline;
}
@media(min-width: 768px)
{
    [auth-error]>div>h2
    {
        font-size: 30px;
    }
    [auth-error]>div>h3
    {
        font-size: 20px;
    }
    [auth-error]>div p
    {
        font-size: 16px;
    }
}
[auth-error] .oasis-ban
{
    text-align: center;
}
[auth-error] .oasis-ban>[font-icon]
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 72px;
    margin-bottom: 24px;
    color: #df3320;
    text-align: center;
}
[auth-error] a[href^="mailto:"]
{
    color: #06c;
}
[not-provide]
{
    position: relative;
    width: 100%;
    height: calc(var(--innerHeight) - 160px);
}
[not-provide] [error-title]
{
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[restriction-notice] [error-title]
{
    text-align: center;
    color: hsla(0,0%,100%,.6);
    margin-top: 40px;
}
[restriction-notice] [error-title] h2
{
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 22px;
    color: #fff;
}
[restriction-notice] [error-title].twoace
{
    width: 100%;
}
[restriction-notice] [error-title].twoace>img
{
    margin-top: -80px;
    max-width: 400px;
    width: 100%;
}
[restriction-notice] [error-title].twoace h2
{
    font-weight: 500;
    font-size: 16px;
    margin-top: -80px;
}
[wsop-check-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #262626;
    border: 1px solid #333;
    font-size: 14px;
}
[wsop-check-floating]>span
{
    color: #fff;
    font-size: 14px;
}
[wsop-check-floating]>a
{
    font-size: 14px;
    color: #4a8cff;
    border-bottom: 1px solid #4a8cff;
    font-weight: 500;
}
.RTL [country-drop-select] .img-country
{
    text-align: right;
    margin-right: 0;
    margin-left: 8px;
}
[country-drop-select]
{
    min-height: 64px;
    position: relative;
}
[country-drop-select] .img-country
{
    width: 18px;
    display: inline-block;
    margin-right: 8px;
    padding-top: 4px;
}
[country-drop-select] .img-country+em
{
    padding-top: 2px;
}
[country-drop-select] .link
{
    position: absolute;
    right: 0;
    bottom: -28px;
    left: auto;
    top: auto;
    color: #df3320;
    font-weight: 500;
}
[country-drop-select] .link a
{
    font-weight: 400;
    border-bottom: 1px solid #df3320;
}
[ro-message-modal] .panel.large
{
    background-color: #333;
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
}
[ro-message-modal] .panel.large .header
{
    background-color: #333;
}
[ro-message-modal] .panel.large .scroll-area
{
    padding-top: 20px;
    padding-bottom: 20px;
}
[ro-message-modal] .panel.large [progress-button]
{
    margin-top: 28px;
}
[ro-message-modal] .panel.large a
{
    color: #06c;
}
[bonus-code-input]>button
{
    margin-left: 4px;
    margin-top: 8px;
    color: #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
}
[tnc-check-list]>h2
{
    font-size: 22px;
    line-height: 30px;
    color: #ccc;
    font-weight: 400;
    margin-bottom: 16px;
}
[tnc-check-list] [bonus-code-input]
{
    margin-top: 8px;
}
[tnc-check-list] [checkbox-item]
{
    margin-bottom: 16px;
}
[tnc-check-list] [checkbox-item]:first-of-type
{
    margin-top: 30px;
    margin-bottom: 28px;
}
[tnc-check-list] [checkbox-item] em
{
    white-space: normal;
    overflow: visible;
}
[tnc-check-list] [checkbox-item] a
{
    color: #df3320;
    border-bottom: 1px solid #df3320;
    white-space: normal;
    display: inline;
    vertical-align: middle;
}
[tnc-check-list] .extra
{
    margin-top: 56px;
}
[tnc-check-list] .btn-popover
{
    vertical-align: middle;
    margin-left: 8px;
}
[tnc-check-list] .btn-popover [font-icon]
{
    color: hsla(0,0%,100%,.5);
    border: 0;
}
[footer-basic].basic
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}
[footer-basic].basic>img
{
    width: 28px;
    height: 28px;
    margin-right: 10px;
}
[footer-basic].basic>a img
{
    height: 22px;
}
[footer-basic].basic>span
{
    color: #7f7f7f;
    font-size: 16px;
}
[footer-basic].connect
{
    text-align: center;
}
[footer-basic].connect>div>p
{
    color: #7f7f7f;
    font-size: 14px;
}
[footer-basic].connect>div>p .number
{
    color: #ccc;
    font-size: 14px;
    font-weight: 500;
}
[footer-basic].connect>div>p .link
{
    font-size: 14px;
    color: #4a8cff;
    border-bottom: 1px solid #4a8cff;
    font-weight: 500;
}
[country-number-drop-select]
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
}
[country-number-drop-select].single
{
    height: 48px;
}
[country-number-drop-select].single [search-drop-select]>a
{
    height: 48px;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 hsla(0,0%,78%,.1),inset 0 1px 0 0 #000;
    background-color: hsla(0,0%,100%,.07)!important;
}
[country-number-drop-select].single [search-drop-select]>a>label
{
    line-height: 50px;
    height: 100%;
}
[country-number-drop-select] .img-country
{
    width: 18px;
    display: inline-block;
    margin-right: 8px;
}
[country-number-drop-select] .link
{
    position: absolute;
    right: 0;
    bottom: -28px;
    left: auto;
    top: auto;
    color: #df3320;
    font-weight: 600;
}
[country-number-drop-select] .link a
{
    font-weight: 400;
    border-bottom: 1px solid #df3320;
}
[verify-mobile-number]
{
    position: relative;
    display: flex;
    flex-direction: column;
}
[verify-mobile-number] .field-holder
{
    display: block;
}
[verify-mobile-number] .field-holder>div+div
{
    margin-top: 4px;
}
@media(min-width: 580px)
{
    [verify-mobile-number] .field-holder
    {
        display: flex;
        justify-content: space-between;
    }
    [verify-mobile-number] .field-holder>div+div
    {
        margin-top: 0;
    }
    [verify-mobile-number] .field-holder>:first-of-type
    {
        width: 35%;
    }
    [verify-mobile-number] .field-holder>:nth-of-type(2)
    {
        width: calc(65% - 8px);
    }
}
[email-search-input-select]
{
    position: relative;
}
[email-search-input-select]>a
{
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
    width: 100%;
    height: 36px;
    border-radius: 8px;
    background-color: transparent;
    box-sizing: border-box;
    box-shadow: none;
    font-size: 18px;
    color: #fff;
}
[email-search-input-select]>a>label
{
    font-weight: 500;
}
[email-search-input-select]>a>label>em
{
    font-size: 18px;
}
[email-search-input-select]>a>label img
{
    margin-bottom: 4px;
}
[email-search-input-select]>a svg
{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 45%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[email-search-input-select]>a svg path
{
    fill: #fff;
}
[email-search-input-select]>a svg.on
{
    transform: rotate(180deg);
}
[email-search-input-select]>a>[text-input]
{
    border: 0;
    box-shadow: none;
    width: 100%;
}
[email-search-input-select]>a>[text-input] input
{
    padding-left: 0;
}
[email-search-input-select] .list-container
{
    box-shadow: 2px 0 3px rgba(0,0,0,.5);
    background-color: #1e1e1e;
    border-radius: 8px;
    border-radius: 0 0 0 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    max-height: 500px;
    height: 0;
}
[email-search-input-select] .list-container.on
{
    opacity: 1;
    z-index: 10;
}
[email-search-input-select] .list-container .list-inner
{
    padding-bottom: 12px;
    height: 100%;
    font-size: 14px;
}
[email-search-input-select] .list-container .list-inner .input-holder
{
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
}
[email-search-input-select] .list-container .list-inner .scroll-holder
{
    overflow-y: auto;
    height: 100%;
}
[email-search-input-select] .list-container .list-inner .scroll-holder label
{
    display: block;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #999;
    text-align: left;
}
[email-search-input-select] .list-container .list-inner .scroll-holder button
{
    display: flex;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    width: 100%;
    color: #fff;
    text-align: left;
}
[email-search-input-select] .list-container .list-inner .scroll-holder button.focus, [email-search-input-select] .list-container .list-inner .scroll-holder button:focus, [email-search-input-select] .list-container .list-inner .scroll-holder button:hover
{
    background-color: rgba(0,0,0,.2);
}
[email-search-input-select] .list-container .list-inner .scroll-holder button.active
{
    background-color: rgba(0,0,0,.4);
}
[email-search-input-select] .list-container .list-inner .scroll-holder button em
{
    font-size: 14px;
    width: 100%;
}
[email-search-input-select] .list-container .list-footer>img
{
    display: flex;
    margin-right: 15px;
    margin-left: auto;
}
[email-search-input-select] [text-input] input
{
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 4px;
}
[email-search-input-select] .placeholder
{
    color: hsla(0,0%,100%,.3);
    font-weight: 400;
}
[channeling-code-input]>button
{
    margin-left: 4px;
    margin-top: 8px;
    color: #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
}
[signup-form]>:not(:first-of-type)
{
    margin-top: 8px;
}
[signup-form]>.button-holder
{
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
[signup-form]>.button-holder>button
{
    margin-right: 4px;
    color: #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
}
[signup-form]>.button-holder>[font-icon]
{
    font-size: 16px;
    color: #c64040;
}
[signup-form]>[verify-mobile-number]>.field-holder
{
    padding-top: 0;
}
[verify-request-message-modal] .bts
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
[verify-request-message-modal]>.panel.large
{
    max-width: 460px;
    margin-right: 16px;
    margin-left: 16px;
}
[sign-up-verify-form]
{
    position: relative;
}
[sign-up-verify-form] h2
{
    font-size: 24px;
    color: #ccc;
    margin-bottom: 12px;
    font-weight: 500;
}
[sign-up-verify-form]>p
{
    color: #7f7f7f;
    word-break: break-word;
}
[sign-up-verify-form]>p em
{
    color: #fff;
}
[sign-up-verify-form] [validation-errors]
{
    text-align: center;
    margin-top: 20px;
}
[sign-up-verify-form]>[verify-resend]
{
    margin-top: 20px;
    text-align: right;
}
[sign-up-verify-form]>[open-email-app]
{
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
[sign-up-complete]
{
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
[sign-up-complete] .holder
{
    width: 100%;
}
[sign-up-complete] .holder>*
{
    display: block;
}
[sign-up-complete] .holder [font-icon]
{
    font-size: 48px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    color: #07d0b5;
}
[sign-up-complete] .holder h4
{
    font-size: 20px;
    margin-bottom: 8px;
}
[sign-up-complete] .holder h4+p
{
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500;
    color: hsla(0,0%,100%,.6);
}
[sign-up-complete] .holder>a
{
    max-width: 504px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
[sign-up-complete] .holder>a>img
{
    width: 100%;
}
[sign-up-complete] .holder [color-button]
{
    margin-top: 40px;
    width: 100%;
    height: 56px;
    border-radius: 28px;
    font-size: 18px;
    transition: transform .3s 0s;
    position: relative;
    max-width: 472px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 500;
}
[sign-up-complete] .holder [color-button] .os-type
{
    position: absolute;
    right: 25px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    font-size: 20px;
    color: #fff;
}
[sign-up-complete] .holder .stores
{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
}
[sign-up-complete] .holder .stores>img
{
    width: 32%;
}
[sign-up-complete] .holder .stores>img:not(:first-of-type)
{
    margin-left: 2%;
}
[sign-up-complete] .holder .psps
{
    display: flex;
    flex-wrap: wrap;
    margin-top: 28px;
    justify-content: center;
    opacity: .7;
}
[sign-up-complete] .holder .psps>img
{
    margin-top: 0;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
    -o-object-fit: contain;
    object-fit: contain;
    height: 24px;
    margin-top: 12px;
}
@media(min-width: 420px)
{
    [sign-up-complete] .holder .stores>img
    {
        width: 100px;
    }
}
@media(min-width: 580px)
{
    [sign-up-complete] .holder .stores>img
    {
        width: 125px;
    }
    [sign-up-complete] .holder .psps
    {
        width: 504px;
        margin-left: auto;
        margin-right: auto;
    }
    [sign-up-complete] .holder .psps>img
    {
        height: 32px;
    }
}
[highest-password]>h2
{
    font-size: 22px;
    line-height: 30px;
    color: #ccc;
    font-weight: 400;
    margin-bottom: 16px;
}
[highest-password]>h2 span
{
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #7f7f7f;
}
[czech-country-selector]>div:first-of-type, [highest-password] [validation-password]
{
    margin-bottom: 8px;
}
[address-cz]>:not(:first-of-type)
{
    margin-top: 8px;
}
[address-cz] .field-holder
{
    display: flex;
    gap: 8px;
}
[address-cz] .field-holder>:first-of-type
{
    flex-grow: 2;
}
[search-google-address]>.btn-update-field
{
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #aeaeae;
    border-bottom: 1px solid #aeaeae;
}
[search-google-address]>.btn-update-field:hover
{
    color: #aeaeae;
    border-bottom: 1px solid #171717;
    transition: .3 0s;
}
[search-google-address]>.btn-update-field>[font-icon]
{
    font-size: 8px;
    font-weight: 700;
    margin-right: 4px;
}
[search-loqate-address]>.desc.lg
{
    display: flex;
    margin-bottom: 24px;
    font-size: 16px!important;
    line-height: 20px!important;
    color: #d8d8d8!important;
}
[search-loqate-address]>.desc.lg [font-icon]
{
    margin-right: 12px;
    font-size: 24px;
    color: #919597;
}
[search-loqate-address]>.desc.lg a
{
    color: #2d74f6;
}
[search-loqate-address]>.desc.lg span
{
    display: block;
}
[search-loqate-address]>.desc.lg span+span
{
    margin-top: 8px;
}
[search-loqate-address]>.btn-update-field
{
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #05a0ce;
    border-bottom: 1px solid #05a0ce;
}
[search-loqate-address]>.btn-update-field:hover
{
    color: #05a0ce;
    border-bottom: 1px solid #171717;
    transition: .3 0s;
}
[search-loqate-address]>.btn-update-field>[font-icon]
{
    font-size: 8px;
    font-weight: 700;
    margin-right: 4px;
}
[address-de] .fields-holder>p
{
    margin-top: 24px;
    margin-bottom: 24px;
}
[address-de] .fields-holder>.btn-update-field
{
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #05a0ce;
    border-bottom: 1px solid #05a0ce;
}
[address-de] .fields-holder>.btn-update-field:hover
{
    color: #05a0ce;
    border-bottom: 1px solid #171717;
    transition: .3 0s;
}
[address-de] .fields-holder>.btn-update-field>[font-icon]
{
    font-size: 8px;
    font-weight: 700;
    margin-right: 4px;
}
[address-de] .fields-holder .between>div:nth-of-type(2)
{
    margin-top: 8px;
}
@media(min-width: 768px)
{
    [address-de] .fields-holder .between
    {
        display: flex;
        justify-content: space-between;
    }
    [address-de] .fields-holder .between>div:first-of-type
    {
        width: calc(50% - 4px);
    }
    [address-de] .fields-holder .between>div:nth-of-type(2)
    {
        margin-top: 0;
        width: calc(50% - 4px);
    }
}
[address-ph]
{
    position: relative;
}
[address-ph]>div>:not(:first-of-type)
{
    margin-top: 8px;
}
[address-wsop] .fields-holder>p
{
    margin-top: 24px;
    margin-bottom: 24px;
}
[address-wsop] .fields-holder>.btn-update-field
{
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #05a0ce;
    border-bottom: 1px solid #05a0ce;
}
[address-wsop] .fields-holder>.btn-update-field:hover
{
    color: #05a0ce;
    border-bottom: 1px solid #171717;
    transition: .3 0s;
}
[address-wsop] .fields-holder>.btn-update-field>[font-icon]
{
    font-size: 8px;
    font-weight: 700;
    margin-right: 4px;
}
[address-wsop] .fields-holder .between>div:nth-of-type(2)
{
    margin-top: 8px;
}
@media(min-width: 768px)
{
    [address-wsop] .fields-holder .between
    {
        display: flex;
        justify-content: space-between;
    }
    [address-wsop] .fields-holder .between>div:first-of-type
    {
        width: calc(50% - 4px);
    }
    [address-wsop] .fields-holder .between>div:nth-of-type(2)
    {
        margin-top: 0;
        width: calc(50% - 4px);
    }
}
[address-common] .fields-holder>.btn-update-field
{
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #aeaeae;
    border-bottom: 1px solid #aeaeae;
}
[address-common] .fields-holder>.btn-update-field:hover
{
    color: #aeaeae;
    border-bottom: 1px solid #171717;
    transition: .3 0s;
}
[address-common] .fields-holder>.btn-update-field>[font-icon]
{
    font-size: 8px;
    font-weight: 700;
    margin-right: 4px;
}
[address-ok]
{
    position: relative;
}
[address-ok]>div>:not(:first-of-type)
{
    margin-top: 8px;
}
[address-uk] .fields-holder>p
{
    margin-top: 24px;
    margin-bottom: 24px;
}
[address-uk] .fields-holder>.btn-update-field
{
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #aeaeae;
    border-bottom: 1px solid #aeaeae;
}
[address-uk] .fields-holder>.btn-update-field:hover
{
    color: #aeaeae;
    border-bottom: 1px solid #171717;
    transition: .3 0s;
}
[address-uk] .fields-holder>.btn-update-field>[font-icon]
{
    font-size: 8px;
    font-weight: 700;
    margin-right: 4px;
}
[address-uk] .fields-holder .between>div:nth-of-type(2)
{
    margin-top: 8px;
}
@media(min-width: 768px)
{
    [address-uk] .fields-holder .between
    {
        display: flex;
        justify-content: space-between;
    }
    [address-uk] .fields-holder .between>div:first-of-type
    {
        width: calc(50% - 4px);
    }
    [address-uk] .fields-holder .between>div:nth-of-type(2)
    {
        margin-top: 0;
        width: calc(50% - 4px);
    }
}
[extra-address-common]
{
    position: relative;
}
[extra-address-common]>div>:not(:first-of-type)
{
    margin-top: 8px;
}
[extra-address-ph]
{
    position: relative;
}
[extra-address-ph]>div [checkbox-item]
{
    margin-bottom: 20px;
}
[extra-address-ph]>div [checkbox-item] em
{
    white-space: normal;
}
[extra-address-ph]>div>:not(:first-of-type)
{
    margin-top: 8px;
}
[contact-mobile-number]
{
    position: relative;
    display: flex;
    flex-direction: column;
}
[contact-mobile-number] .field-holder
{
    display: block;
}
[contact-mobile-number] .field-holder>div+div
{
    margin-top: 4px;
}
@media(min-width: 580px)
{
    [contact-mobile-number] .field-holder
    {
        display: flex;
        justify-content: space-between;
    }
    [contact-mobile-number] .field-holder>div+div
    {
        margin-top: 0;
    }
    [contact-mobile-number] .field-holder>:first-of-type
    {
        width: 35%;
    }
    [contact-mobile-number] .field-holder>:nth-of-type(2)
    {
        width: calc(65% - 8px);
    }
}
[radio-item]
{
    display: inline-block;
    cursor: pointer;
}
[radio-item] i
{
    display: inline-block;
    width: 1.143em;
    height: 1.143em;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #d5d5de;
    margin-right: .5715em;
}
[radio-item] i.checked
{
    border: 1px solid #191919;
    position: relative;
}
[radio-item] i.checked:after
{
    content: "";
    display: block;
    position: absolute;
    left: .2143em;
    top: .2143em;
    right: auto;
    bottom: auto;
    width: .5715em;
    height: .5715em;
    border-radius: 50%;
    background-color: #191919;
}
[radio-item] span
{
    display: inline-block;
    vertical-align: middle;
}
[radio-item].box
{
    height: 40px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    display: inline-block;
    position: relative;
}
[radio-item].box i
{
    border: 0;
    margin-right: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: absolute;
    border-radius: 8px;
    background-color: #ebebf0;
    z-index: 1;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
}
[radio-item].box i.checked
{
    border: 0;
    background-color: #191919;
}
[radio-item].box i.checked:after
{
    content: none;
}
[radio-item].box i.checked+span
{
    color: #fff;
}
[radio-item].box span
{
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 40px;
}
[radio-item].disabled
{
    cursor: not-allowed;
}
.dark [radio-item] i
{
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 0;
}
.dark [radio-item] i.checked
{
    border: 1px solid #fff;
}
.dark [radio-item] i.checked:after
{
    background-color: #fff;
    border-radius: 0;
}
[radio-button-list]
{
    display: flex;
}
[radio-button-list]>*
{
    flex: 1;
}
[radio-button-list] [radio-item]
{
    text-align: center;
}
[radio-button-list] [radio-item]:first-of-type.box i
{
    border-radius: 8px 0 0 8px;
}
[radio-button-list] [radio-item]:last-of-type.box i
{
    border-radius: 0 8px 8px 0;
}
[radio-button-list] [radio-item].box i
{
    border-radius: 0;
}
[radio-button-list].dark
{
    display: block;
    padding-left: 12px;
}
[radio-button-list].dark [radio-item]
{
    display: inline-block;
}
[radio-button-list].dark [radio-item]:not(:first-of-type)
{
    margin-left: 20px;
}
[radio-button-list].dark [radio-item] i
{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #fff;
}
[radio-button-list].dark [radio-item] i:after
{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
}
[radio-button-list].dark [radio-item] i.checked
{
    border: 2px solid #fff;
}
[radio-button-list].dark [radio-item] span
{
    font-weight: 500;
}
[date-of-birth]>div .form-holder
{
    display: block;
}
[date-of-birth]>div .form-holder>[validation-component]>input
{
    width: 0;
    height: 0;
    position: absolute;
}
[date-of-birth]>div .form-holder>[validation-component] [validation-errors]
{
    display: none;
}
[date-of-birth]>div .form-holder>[validation-component]+[validation-component]
{
    margin-top: 4px;
}
@media(min-width: 580px)
{
    [date-of-birth]>div .form-holder
    {
        display: flex;
        justify-content: space-between;
    }
    [date-of-birth]>div .form-holder>[validation-component]:not(:first-of-type)
    {
        margin-left: 10px;
    }
    [date-of-birth]>div .form-holder>[validation-component]:first-of-type
    {
        width: 60%;
    }
    [date-of-birth]>div .form-holder>[validation-component]+[validation-component]
    {
        margin-top: 0;
    }
}
[birth-cz]>:not(:first-of-type)
{
    margin-top: 8px;
}
[confirm-personal-info] p.desc
{
    font-size: 16px;
}
[confirm-personal-info] ul
{
    margin-top: 24px;
    gap: 16px;
    background-color: hsla(0,0%,100%,.07);
    border: 1px solid hsla(0,0%,100%,.1);
    padding: 16px;
}
[confirm-personal-info] ul, [confirm-personal-info] ul li
{
    display: flex;
    flex-flow: column;
    align-items: center;
    align-items: flex-start;
}
[confirm-personal-info] ul li
{
    gap: 4px;
}
[confirm-personal-info] ul li label
{
    font-weight: 500;
    word-break: keep-all;
    font-size: 12px;
    opacity: .7;
}
[footer-ph]
{
    text-align: center;
    font-size: 14px;
    margin-top: 24px;
    color: #7f7f7f;
}
[footer-ph]:before
{
    content: "*";
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: 2px;
}
[footer-ro]
{
    text-align: center;
}
[footer-ro] p
{
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #707070;
}
[footer-ro] p:after, [footer-ro] p:before
{
    width: 50%;
    height: 1px;
    content: "";
    background-color: #707070;
}
[footer-ro] p:before
{
    margin-right: 16px;
}
[footer-ro] p:after
{
    margin-left: 16px;
}
[footer-ro] button
{
    color: #bfbfbf;
    font-size: 16px;
}
[func-protection-policy] [checkbox-item]
{
    margin-top: 12px;
    font-weight: 500;
    color: #7f7f7f;
}
[func-protection-policy] [checkbox-item]>i
{
    border: 1px solid #ccc;
}
[func-protection-policy] [checkbox-item]>em
{
    margin-top: 1px;
}
[func-protection-policy] [checkbox-item] a
{
    color: #06c;
}
[progress-title]
{
    margin-bottom: 24px;
    position: relative;
}
[progress-title] h1
{
    text-align: left;
    font-weight: 500;
    font-size: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    line-height: 1.2;
}
[progress-title] h1 [font-icon]
{
    font-size: 20px;
    margin-right: 16px;
    margin-top: 4px;
    color: #fff;
}
[progress-title] .progress
{
    width: 100%;
    height: 2px;
    position: relative;
    background-color: hsla(0,0%,100%,.07);
    display: block;
    margin-top: 16px;
}
[progress-title] .progress span
{
    display: block;
    width: 0;
    height: 2px;
    background-color: #df3320;
}
[progress-title] .btn-logout
{
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
}
[kyc-ready-de]>p
{
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #ccc;
}
[kyc-ready-de]>a
{
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 8px;
    display: block;
    position: relative;
    padding-top: 28px;
    padding-right: 24px;
    padding-bottom: 28px;
    padding-left: 24px;
    display: flex;
    align-items: center;
}
[kyc-ready-de]>a>[font-icon]
{
    color: #fff;
}
[kyc-ready-de]>a>[font-icon].bank-account-card
{
    font-size: 60px;
}
[kyc-ready-de]>a>[font-icon].identity-card
{
    font-size: 40px;
}
[kyc-ready-de]>a>div
{
    padding-left: 24px;
    margin-left: 24px;
    position: relative;
}
[kyc-ready-de]>a>div:before
{
    content: "";
    display: block;
    width: 1px;
    height: 110%;
    background-color: hsla(0,0%,100%,.1);
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[kyc-ready-de]>a>div h4
{
    font-size: 21px;
    text-align: left;
    color: #ffc64d;
    margin-bottom: 8px;
}
[kyc-ready-de]>a>div .desc
{
    color: #fff;
    font-weight: 400;
}
[kyc-ready-de]>a>div .detail-desc
{
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #ccc;
    font-weight: 400;
}
[kyc-ready-de]>a.disabled
{
    background-color: #333;
}
[kyc-ready-de]>a.disabled>[font-icon]
{
    color: #c64040;
    font-size: 56px;
}
[kyc-ready-de]>a.disabled [color-button]
{
    margin-bottom: 8px;
    font-size: 16px;
    color: #edf4fd;
    background-color: #2680eb;
}
[kyc-ready-de]>a.disabled [color-button]>[font-icon]
{
    color: #93c0f5;
    font-size: 16px;
}
[kyc-ready-de]>a+a
{
    margin-top: 24px;
}
[kyc-ready-de]>[temporarily-error] [font-icon]
{
    font-size: 60px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 28px;
    margin-left: 0;
}
[kyc-ready-de]>[temporarily-error] [color-button]:first-of-type
{
    margin-top: 55px;
}
@media(max-width: 419px)
{
    [kyc-ready-de]>p
    {
        font-size: 18px;
    }
    [kyc-ready-de]>a
    {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }
    [kyc-ready-de]>a>[font-icon]
    {
        display: none;
    }
    [kyc-ready-de]>a>div
    {
        padding-left: 0;
        margin-left: 0;
    }
    [kyc-ready-de]>a>div:before
    {
        content: none;
    }
}
[jumio-container] a[href^=mailto]
{
    color: #0172ff;
    text-decoration: underline;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-ada1f882]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-ada1f882]
    {
        display: none!important;
    }
}
.submit-group[data-v-ada1f882]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-ada1f882]
    {
        flex-direction: row;
    }
}
[jumio-container][data-v-ada1f882]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    line-height: normal;
}
[jumio-container] [font-icon][data-v-ada1f882]
{
    margin-bottom: 8px;
    font-size: 48px;
}
[jumio-container].fail [font-icon][data-v-ada1f882], [jumio-container].success [font-icon][data-v-ada1f882]
{
    color: #c64040;
}
[jumio-container].processing [font-icon][data-v-ada1f882]
{
    color: #d8d8d8;
    animation: rotate-circle 2s linear infinite;
    transform-origin: center;
}
[jumio-container].reviewing [font-icon][data-v-ada1f882]
{
    color: #717171;
}
[jumio-container] h3[data-v-ada1f882]
{
    font-weight: 400;
    font-size: 28px;
    color: #000;
}
[jumio-container] .desc[data-v-ada1f882]
{
    font-weight: 400;
    font-size: 15px;
    color: #7f7f7f;
}
[jumio-container] .desc p[data-v-ada1f882]
{
    margin-top: 16px;
}
[jumio-container] .contents[data-v-ada1f882]
{
    margin-top: 40px;
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 20px;
    border-radius: 4px;
    background-color: #efefef;
}
[jumio-container] .contents p+p[data-v-ada1f882]
{
    margin-top: 12px;
}
[jumio-container] [progress-button][data-v-ada1f882]
{
    width: auto;
    max-width: none;
    margin: 0;
    margin-top: 48px;
}
@media(min-width: 580px)
{
    [jumio-container] .desc[data-v-ada1f882]
    {
        font-size: 16px;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-75be9ff8]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-75be9ff8]
    {
        display: none!important;
    }
}
.submit-group[data-v-75be9ff8]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-75be9ff8]
    {
        flex-direction: row;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-5dcd2efd]
    {
        display: none!important;
    }
}
.submit-group[data-v-5dcd2efd]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-5dcd2efd]
    {
        flex-direction: row;
    }
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-73798987]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-73798987]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-73798987]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-73798987]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-73798987]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-73798987]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-73798987]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-73798987]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-73798987]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-73798987]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-73798987]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-73798987]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-73798987]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-73798987]
    {
        display: none!important;
    }
}
.submit-group[data-v-73798987]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-73798987]
    {
        flex-direction: row;
    }
}
[jumio-description][data-v-73798987]
{
    margin-bottom: 16px;
}
[jumio-description]>div+div[data-v-73798987], [jumio-reviewing] h3
{
    margin-top: 16px;
}
[jumio-reviewing] .contents
{
    text-align: left;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-61feac2b]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-61feac2b]
    {
        display: none!important;
    }
}
.submit-group[data-v-61feac2b]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-61feac2b]
    {
        flex-direction: row;
    }
}
[jumio-document-invalid] .documents[data-v-61feac2b]
{
    margin-top: 20px;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    background-color: #efefef;
    color: #717171;
    text-align: left;
}
[jumio-document-invalid] .documents ul[data-v-61feac2b]
{
    margin-top: 8px;
    margin-left: 8px;
    line-height: 1.3;
}
[jumio-document-invalid] .documents ul li[data-v-61feac2b]
{
    font-size: 14px;
    list-style: disc inside;
}
[jumio-document-invalid] .documents ul li+li[data-v-61feac2b]
{
    margin-top: 4px;
}
[jumio-document-select][search-drop-select]
{
    margin-bottom: 24px;
    border-radius: 0;
}
[jumio-document-select][search-drop-select] input[type=text]
{
    color: #000;
}
[jumio-document-select][search-drop-select]>a
{
    height: auto;
    max-height: none;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff!important;
    border-radius: 0;
    font-size: 13px;
    color: #333;
}
[jumio-document-select][search-drop-select]>a label
{
    color: inherit;
    font-weight: 400;
    line-height: 1.2;
}
[jumio-document-select][search-drop-select]>a [font-icon]
{
    font-size: inherit;
    color: inherit;
}
[jumio-document-select][search-drop-select] .list-container
{
    margin-top: -4px;
    height: auto!important;
    max-height: none!important;
    background-color: #fff;
    box-shadow: 0 6px 6px 0 rgba(0,0,0,.175);
}
[jumio-document-select][search-drop-select] .list-container .list-inner
{
    padding-bottom: 0;
}
[jumio-document-select][search-drop-select] .list-container .list-inner .empty
{
    border-top: 1px solid rgba(0,0,0,.1);
    color: #333;
}
[jumio-document-select][search-drop-select] .list-container .list-inner .scroll-holder button
{
    padding-right: 12px;
    padding-left: 12px;
    border-top: 1px solid rgba(0,0,0,.1);
    color: #333;
    font-size: 13px;
    font-family: inherit;
}
[jumio-document-select][search-drop-select] .list-container .list-inner .scroll-holder button.active, [jumio-document-select][search-drop-select] .list-container .list-inner .scroll-holder button.focus, [jumio-document-select][search-drop-select] .list-container .list-inner .scroll-holder button:focus, [jumio-document-select][search-drop-select] .list-container .list-inner .scroll-holder button:hover
{
    background-color: #f5f5f5;
}
[jumio-document-select][search-drop-select] .list-container .list-inner .scroll-holder button .label-text
{
    margin-left: 8px;
}
[jumio-document-select][search-drop-select] .label-text b
{
    font-weight: 600;
}
[jumio-document-select][search-drop-select] .label-text b, [jumio-document-select][search-drop-select] .label-text span
{
    display: block;
}
@media(min-width: 768px)
{
    [jumio-document-select][search-drop-select] .label-text b
    {
        margin-right: 4px;
    }
    [jumio-document-select][search-drop-select] .label-text b, [jumio-document-select][search-drop-select] .label-text span
    {
        display: inline-block;
    }
}
[kyc-iframe]
{
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-height: 600px;
    position: relative;
}
[kyc-iframe]>em
{
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    z-index: 1;
}
[kyc-iframe]>em [font-icon]
{
    display: block;
    font-size: 48px;
    color: #a4a3ae;
    animation: rotate-circle 2s linear infinite;
}
[kyc-iframe]>iframe
{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background-color: #fff;
}
[jumio]
{
    position: relative;
}
[jumio] .view-container
{
    min-height: 600px;
    position: relative;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
[jumio] .view-holder
{
    z-index: 3;
    position: absolute;
    min-height: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: rgba(0,0,0,.7);
}
[kyc-de]>p
{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    font-weight: 500;
}
[kyc-de]>a
{
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 8px;
    display: block;
    position: relative;
    padding-top: 28px;
    padding-right: 24px;
    padding-bottom: 28px;
    padding-left: 24px;
    display: flex;
    align-items: center;
}
[kyc-de]>a>img
{
    height: 40px;
}
[kyc-de]>a>div
{
    padding-left: 24px;
    margin-left: 24px;
    position: relative;
}
[kyc-de]>a>div:before
{
    content: "";
    display: block;
    width: 1px;
    height: 110%;
    background-color: hsla(0,0%,100%,.1);
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[kyc-de]>a>div h4
{
    font-size: 20px;
    color: #ffc64d;
    margin-bottom: 8px;
}
[kyc-de]>a>div p
{
    font-size: 14px;
    line-height: 20px;
}
[kyc-de]>a:nth-of-type(2)
{
    margin-top: 24px;
}
@media(max-width: 419px)
{
    [kyc-de] [progress-title]>h1
    {
        font-size: 21px;
    }
}
[last-name-at-birth]
{
    position: relative;
}
[last-name-at-birth] .checked .holder
{
    background-color: hsla(0,0%,100%,.1);
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 rgba(0,0,0,.3);
}
[last-name-at-birth] .checked input
{
    color: #7c7c7c;
}
[last-name-at-birth] .check-box
{
    position: absolute;
    right: 4px;
    top: 4px;
    left: auto;
    bottom: auto;
    z-index: 9;
}
[limit-unit-field]
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -moz-column-gap: 8px;
    column-gap: 8px;
}
[limit-unit-field]:not(:first-of-type)
{
    margin-top: 12px;
}
[limit-unit-field]>label
{
    flex-basis: 20%;
    font-weight: 400;
    color: hsla(0,0%,100%,.7);
    margin-top: 16px;
    white-space: nowrap;
}
[limit-unit-field]>label.hide
{
    opacity: 0;
}
[limit-unit-field]>label i
{
    margin-left: 4px;
    color: #df3320;
}
[limit-unit-field]>div
{
    flex-basis: 80%;
    position: relative;
}
[limit-unit-field]>div>s
{
    position: absolute;
    left: 10px;
    top: 16px;
    right: auto;
    bottom: auto;
}
[limit-unit-field]>div>em
{
    position: absolute;
    font-size: 16px;
    right: 10px;
    top: 16px;
    left: auto;
    bottom: auto;
    color: hsla(0,0%,100%,.5);
    pointer-events: none;
}
[limit-unit-field]>div [text-input]
{
    height: 56px;
    padding-left: 20px;
}
[limit-unit-field]>div [text-input] input
{
    text-align: right;
}
[limit-unit-field]>div [text-input].error
{
    border: 2px solid #df3320;
}
[limit-unit-field]>div [text-input].disabled
{
    background-color: hsla(0,0%,100%,.1);
}
[limit-unit-field]>div [checkbox-item]
{
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[limit-unit-field]>div .progress
{
    animation: rotate-circle 2s linear infinite;
    font-size: 16px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    left: auto;
    bottom: auto;
    margin-top: -10px;
}
[lugas-deposit] .desc
{
    margin-top: 30px;
    margin-bottom: 40px;
}
[lugas-deposit] .error-msg
{
    margin-left: calc(20% + 8px);
    margin-top: 15px;
}
[lugas-deposit] .processing-view [font-icon]
{
    display: block;
    margin-top: 40px;
    text-align: center;
    font-size: 58px;
    animation: rotate-circle 2s linear infinite;
    margin-top: 60px;
    margin-right: 0;
    margin-bottom: 60px;
    margin-left: 0;
}
[lugas-deposit] .error-view
{
    text-align: center;
    padding-top: 40px;
}
[lugas-deposit] .error-view [font-icon]
{
    font-size: 30px;
}
[lugas-deposit] .error-view p
{
    color: #7f7f7f;
    margin-top: 20px;
}
[lugas-deposit] .error-view p a
{
    color: #2680eb;
}
[price-unit]
{
    font-size: 14px;
}
[price-unit].minus
{
    color: #e81a1a;
}
[lugas-result] .desc
{
    margin-top: 24px;
    margin-right: 0;
    margin-bottom: 24px;
    margin-left: 0;
}
[lugas-result] .limit-holder
{
    font-size: 14px;
    background-color: hsla(0,0%,100%,.2);
    padding: 12px;
    margin-bottom: 2px;
}
[lugas-result] .limit-holder p
{
    color: hsla(0,0%,100%,.7);
}
[lugas] .desc
{
    font-weight: 400!important;
    color: #d8d8d8!important;
}
[occupation-wsop]>:not(:first-of-type), [optional-name]>:nth-of-type(2)
{
    margin-top: 8px;
}
[occupation-ph]
{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
[personal-ok] p, [personal-ph] p
{
    font-size: 16px;
}
[personal-names]>p
{
    color: #7f7f7f;
    margin-bottom: 24px;
    word-break: break-word;
}
[personal-names]>div>input
{
    width: 0;
    height: 0;
    position: absolute;
}
[personal-names] .field-holder
{
    display: flex;
    justify-content: space-between;
}
[personal-names] .field-holder>*
{
    width: calc(50% - 5px);
}
[personal-birth] .extra-holder>*, [personal-names]>:nth-of-type(2)
{
    margin-top: 8px;
}
[personal-pep] [checkbox-item]
{
    width: 100%;
}
[personal-pep] [checkbox-item]:not(:first-of-type)
{
    margin-top: 20px;
}
[personal-pep] [checkbox-item] .exp
{
    max-width: 580px;
    white-space: normal;
    font-size: 16px;
    display: inline-block;
    color: #ccc;
    font-weight: 400;
}
[personal-pep] [checkbox-item] .exp a
{
    color: #c64040;
    text-decoration: underline;
}
[reaffirm-wsop-information] p
{
    font-size: 16px;
}
[reaffirm-wsop-information]>.button-holder>[progress-button]+[progress-button]
{
    margin-top: 12px;
}
[reaffirm-wsop-information]>.contents-holder
{
    padding-right: 0!important;
    padding-left: 0!important;
}
[reaffirm-wsop-information]>.contents-holder ul
{
    border-top: 1px solid #707070;
}
[reaffirm-wsop-information]>.contents-holder ul li
{
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #707070;
}
[reaffirm-wsop-information]>.contents-holder ul li>.contents
{
    flex: 1;
}
[reaffirm-wsop-information]>.contents-holder ul li>.checkbox
{
    flex: 0;
}
[reaffirm-wsop-information]>.contents-holder ul li .hide
{
    opacity: 0;
}
[reaffirm-wsop-information]>.contents-holder ul li .checkbox
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
[reaffirm-wsop-information]>.contents-holder ul li .checkbox>p
{
    flex: 0;
}
[reaffirm-wsop-information]>.contents-holder ul li .checkbox>div
{
    display: flex;
    align-items: center;
    flex: 1;
}
[reaffirm-wsop-information]>.contents-holder ul li .checkbox [checkbox-item], [reaffirm-wsop-information]>.contents-holder ul li .checkbox [checkbox-item] .rtx, [reaffirm-wsop-information]>.contents-holder ul li .checkbox [checkbox-item].dark i
{
    margin: 0;
}
[reaffirm-wsop-information]>.contents-holder ul li dl div
{
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    color: #7f7f7f;
    overflow: hidden;
}
[reaffirm-wsop-information]>.contents-holder ul li dl div dt
{
    flex: 1;
}
[reaffirm-wsop-information]>.contents-holder ul li dl div dd
{
    flex: 1.5 1;
    word-break: break-word;
}
[reaffirm-wsop-information]>.contents-holder ul li dl div .checked
{
    color: #fff;
}
[reaffirm-wsop-information]>.contents-holder ul li dl div .desc
{
    padding-bottom: 12px;
    color: inherit;
}
[reaffirm-wsop-information]>.contents-holder ul li .pephio dl div dt
{
    flex: 1;
}
[reaffirm-wsop-information]>.contents-holder ul li .pephio dl div dd
{
    flex: 0;
}
[reaffirm-wsop-information] .button-holder button[color-button][progress-button]
{
    line-height: 1;
}
[reaffirm-wsop-names]>p
{
    color: #7f7f7f;
    margin-bottom: 24px;
}
[reaffirm-wsop-names]>div>input
{
    width: 0;
    height: 0;
    position: absolute;
}
[reaffirm-wsop-names] .field-holder
{
    display: flex;
    justify-content: space-between;
}
[reaffirm-wsop-names] .field-holder>*
{
    width: calc(50% - 5px);
}
[reaffirm-wsop-names]>:nth-of-type(2)
{
    margin-top: 8px;
}
[reaffirm-wsop-birth] .birth-holder>[date-of-birth]
{
    pointer-events: none;
    cursor: not-allowed;
}
[reaffirm-wsop-birth] .extra-holder>*
{
    margin-top: 8px;
}
[reaffirm-wsop-birth] .extra-holder>[citizenship]
{
    pointer-events: none;
    cursor: not-allowed;
}
[reaffirm-wsop-address] .fields-holder>p
{
    margin-top: 24px;
    margin-bottom: 24px;
}
[reaffirm-wsop-address] .fields-holder>.btn-update-field
{
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #05a0ce;
    border-bottom: 1px solid #05a0ce;
}
[reaffirm-wsop-address] .fields-holder>.btn-update-field:hover
{
    color: #05a0ce;
    border-bottom: 1px solid #171717;
    transition: .3 0s;
}
[reaffirm-wsop-address] .fields-holder>.btn-update-field>[font-icon]
{
    font-size: 8px;
    font-weight: 700;
    margin-right: 4px;
}
[reaffirm-wsop-address] .fields-holder .between>div:nth-of-type(2)
{
    margin-top: 8px;
}
@media(min-width: 768px)
{
    [reaffirm-wsop-address] .fields-holder .between
    {
        display: flex;
        justify-content: space-between;
    }
    [reaffirm-wsop-address] .fields-holder .between>div:first-of-type
    {
        width: calc(50% - 4px);
    }
    [reaffirm-wsop-address] .fields-holder .between>div:nth-of-type(2)
    {
        margin-top: 0;
        width: calc(50% - 4px);
    }
}
[reaffirm-wsop-occupation]>:not(:first-of-type)
{
    margin-top: 8px;
}
[reaffirm-wsop-pep] [checkbox-item]
{
    width: 100%;
}
[reaffirm-wsop-pep] [checkbox-item]:not(:first-of-type)
{
    margin-top: 20px;
}
[reaffirm-wsop-pep] [checkbox-item] .exp
{
    max-width: 580px;
    white-space: normal;
    font-size: 16px;
    display: inline-block;
    color: #ccc;
    font-weight: 400;
}
[reaffirm-wsop-pep] [checkbox-item] .exp a
{
    color: #c64040;
    text-decoration: underline;
}
[reaffirm-wsop-complete]
{
    text-align: center;
    padding-top: 24px;
}
[reaffirm-wsop-complete] [font-icon]
{
    padding: 16px;
    font-size: 50px;
    color: #1db77d;
}
[reaffirm-wsop-complete] h2
{
    font-size: 32px;
    margin-top: 12px;
    font-weight: 400;
}
[reaffirm-wsop-complete]>div
{
    font-size: 18px;
    line-height: 20px;
    margin-top: 40px;
    color: #7f7f7f;
    font-weight: 400;
    margin-bottom: 55px;
    text-align: center;
}
[reaffirm-wsop-complete]>div p
{
    line-height: 1.7;
}
[reaffirm-wsop-complete]>div p span
{
    font-size: 20px;
    line-height: 20px;
    color: #ccc;
}
[reaffirm-wsop-complete]>div p a
{
    display: block;
    margin-top: 30px;
    color: #06c;
    font-weight: 500;
}
[reaffirm-wsop-complete] [progress-button]
{
    font-size: 20px;
}
[reaffirm-wsop] p
{
    font-size: 16px;
}
[reaffirm-de-complete]
{
    text-align: center;
    padding-top: 24px;
}
[reaffirm-de-complete] [font-icon]
{
    padding: 16px;
    font-size: 50px;
    color: #46ffd9;
}
[reaffirm-de-complete] h2
{
    font-size: 32px;
    margin-top: 12px;
    font-weight: 400;
}
[reaffirm-de-complete]>p
{
    padding-top: 20px;
    padding-bottom: 20px;
}
[reaffirm-de-complete]>div
{
    font-size: 18px;
    line-height: 20px;
    margin-top: 40px;
    color: #7f7f7f;
    font-weight: 400;
    margin-bottom: 55px;
    text-align: center;
}
[reaffirm-de-complete]>div p
{
    line-height: 1.7;
}
[reaffirm-de-complete]>div p span
{
    font-size: 20px;
    line-height: 20px;
    color: #ccc;
}
[reaffirm-de-complete]>div p a
{
    display: block;
    margin-top: 30px;
    color: #06c;
    font-weight: 500;
}
[reaffirm-de-complete] [progress-button]
{
    font-size: 20px;
}
[reaffirm-de-information] p
{
    font-size: 15px;
}
[reaffirm-de-information]>.guide-holder
{
    padding-bottom: 20px;
}
[reaffirm-de-information]>.contents-holder
{
    padding-top: 20px!important;
    border-top: 1px solid #434343;
}
[reaffirm-de-information]>.contents-holder li
{
    display: flex;
}
[reaffirm-de-information]>.contents-holder li>.contents
{
    flex: 1;
}
[reaffirm-de-information]>.contents-holder li .reaffirm-de-item
{
    display: flex;
    color: #7f7f7f;
    padding-right: 16px;
    padding-left: 16px;
    width: 100%;
}
[reaffirm-de-information]>.contents-holder li .reaffirm-de-item>dt
{
    flex: 2;
}
[reaffirm-de-information]>.contents-holder li .reaffirm-de-item>dd
{
    flex: 1;
    white-space: nowrap;
}
[reaffirm-de-information] .haveChange
{
    line-height: 26px;
}
@media(max-width: 419px)
{
    [reaffirm-de-information]>.contents-holder
    {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    [reaffirm-de-information]>.contents-holder li
    {
        display: flex;
    }
    [reaffirm-de-information]>.contents-holder li>.contents
    {
        flex: 1;
    }
    [reaffirm-de-information]>.contents-holder li .reaffirm-de-item
    {
        display: flex;
        color: #7f7f7f;
        padding-right: 8px;
        padding-left: 8px;
        width: 100%;
        gap: 5px;
    }
    [reaffirm-de-information]>.contents-holder li .reaffirm-de-item>dd, [reaffirm-de-information]>.contents-holder li .reaffirm-de-item>dt
    {
        flex: 1;
    }
}
@media(max-width: 767px)
{
    [reaffirm-de-information]>.button-holder>[progress-button]
    {
        line-height: 16px;
    }
}
[reaffirm-de-information]>.button-holder>[progress-button]
{
    font-size: 18px;
}
[reaffirm-de-information]>.button-holder>[progress-button].nothing
{
    background-color: #448f69;
}
.no-touch [reaffirm-de-information]>.button-holder>[progress-button].nothing:hover:not(.hover-disable), [reaffirm-de-information]>.button-holder>[progress-button].nothing:active
{
    background-color: #346d50;
}
.no-touch [reaffirm-de-information]>.button-holder>[progress-button].haveChange:hover:not(.hover-disable), [reaffirm-de-information]>.button-holder>[progress-button].haveChange, [reaffirm-de-information]>.button-holder>[progress-button].haveChange:active
{
    background-color: #515151;
}
[reaffirm-de-information]>.button-holder>[progress-button]+[progress-button]
{
    margin-top: 12px;
}
[reaffirm-de-address-de] .fields-holder>p
{
    margin-top: 24px;
    margin-bottom: 24px;
}
[reaffirm-de-address-de] .fields-holder>.btn-update-field
{
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #05a0ce;
    border-bottom: 1px solid #05a0ce;
}
[reaffirm-de-address-de] .fields-holder>.btn-update-field:hover
{
    color: #05a0ce;
    border-bottom: 1px solid #171717;
    transition: .3 0s;
}
[reaffirm-de-address-de] .fields-holder>.btn-update-field>[font-icon]
{
    font-size: 8px;
    font-weight: 700;
    margin-right: 4px;
}
[reaffirm-de-address-de] .fields-holder .between>div:nth-of-type(2)
{
    margin-top: 8px;
}
@media(min-width: 768px)
{
    [reaffirm-de-address-de] .fields-holder .between
    {
        display: flex;
        justify-content: space-between;
    }
    [reaffirm-de-address-de] .fields-holder .between>div:first-of-type
    {
        width: calc(50% - 4px);
    }
    [reaffirm-de-address-de] .fields-holder .between>div:nth-of-type(2)
    {
        margin-top: 0;
        width: calc(50% - 4px);
    }
}
[reaffirm-de-verify-form]
{
    position: relative;
}
[reaffirm-de-verify-form]>p
{
    color: #d8d8d8;
}
[reaffirm-de-verify-form]>p em
{
    color: #fff;
}
[reaffirm-de-verify-form]>[verify-resend]
{
    margin-top: 20px;
    text-align: right;
}
[tink-failed] .progress-title h1
{
    text-align: left;
    font-weight: 500;
    font-size: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    line-height: 1.2;
}
[tink-failed] .progress-title .progress
{
    width: 100%;
    height: 2px;
    position: relative;
    background-color: hsla(0,0%,100%,.07);
    display: block;
    margin-top: 16px;
}
[tink-failed] .progress-title .progress span
{
    display: block;
    width: 0;
    height: 2px;
    background-color: #df3320;
}
[tink-failed] [font-icon]
{
    font-size: 60px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 28px;
    margin-left: 0;
}
[tink-failed] [color-button]:first-of-type
{
    margin-top: 55px;
}
[tink-failed] [color-button]:nth-of-type(2)
{
    margin-top: 12px;
    background-color: #515151;
}
.no-touch [tink-failed] [color-button]:nth-of-type(2):hover:not(.hover-disable), [tink-failed] [color-button]:nth-of-type(2):active
{
    background-color: #515151;
}
[tink-failed] .btn-link
{
    color: #06c;
    font-size: 20px;
    text-align: center;
    margin-top: 24px;
}
[tink-failed] .btn-link>a
{
    border-bottom: 2px solid #06c;
}
[sofort-failed] .progress-title h1
{
    text-align: left;
    font-weight: 500;
    font-size: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    line-height: 1.2;
}
[sofort-failed] .progress-title .progress
{
    width: 100%;
    height: 2px;
    position: relative;
    background-color: hsla(0,0%,100%,.07);
    display: block;
    margin-top: 16px;
}
[sofort-failed] .progress-title .progress span
{
    display: block;
    width: 0;
    height: 2px;
    background-color: #df3320;
}
[sofort-failed] [font-icon]
{
    font-size: 60px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 28px;
    margin-left: 0;
}
[sofort-failed] [color-button]:first-of-type
{
    margin-top: 55px;
}
[sofort-failed] [color-button]:nth-of-type(2)
{
    margin-top: 12px;
    background-color: #515151;
}
.no-touch [sofort-failed] [color-button]:nth-of-type(2):hover:not(.hover-disable), [sofort-failed] [color-button]:nth-of-type(2):active
{
    background-color: #515151;
}
[sofort-failed] .btn-link
{
    color: #06c;
    font-size: 20px;
    text-align: center;
    margin-top: 24px;
}
[sofort-failed] .btn-link>a
{
    border-bottom: 2px solid #06c;
}
[reaffirm-de-kyc-de]>p
{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    font-weight: 500;
}
[reaffirm-de-kyc-de]>a
{
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 8px;
    display: block;
    position: relative;
    padding-top: 28px;
    padding-right: 24px;
    padding-bottom: 28px;
    padding-left: 24px;
    display: flex;
    align-items: center;
}
[reaffirm-de-kyc-de]>a>img
{
    height: 40px;
}
[reaffirm-de-kyc-de]>a>div
{
    padding-left: 24px;
    margin-left: 24px;
    position: relative;
}
[reaffirm-de-kyc-de]>a>div:before
{
    content: "";
    display: block;
    width: 1px;
    height: 110%;
    background-color: hsla(0,0%,100%,.1);
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[reaffirm-de-kyc-de]>a>div h4
{
    font-size: 20px;
    color: #ffc64d;
    margin-bottom: 8px;
}
[reaffirm-de-kyc-de]>a>div p
{
    font-size: 14px;
    line-height: 20px;
}
[reaffirm-de-kyc-de]>a:nth-of-type(2)
{
    margin-top: 24px;
}
[reaffirm-de] p
{
    font-size: 16px;
}
[re-check-de]
{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
[re-check-de] .guide1
{
    color: #fff;
}
[re-check-de]>div>input
{
    width: 0;
    height: 0;
    position: absolute;
}
[re-check-de]>:nth-of-type(2)
{
    margin-top: 8px;
}
[re-check-de] .address-input-group
{
    padding-top: 20px;
}
[re-check-de] .field-holder
{
    display: flex;
    justify-content: space-between;
}
[re-check-de] .field-holder>*
{
    width: calc(50% - 5px);
}
[re-check-de] .btn-update-field
{
    color: #06c;
    border: none;
    display: flex;
    gap: 3px;
    align-items: center;
}
[re-check-de] .btn-update-field>span
{
    border-bottom: 1px solid #06c;
}
[re-check-de] .view-address-group
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 30px;
}
[re-check-de] .view-address-group [validation-errors]
{
    display: none;
}
[re-check-de] .view-address-group .between
{
    display: flex;
    gap: 10px;
    width: 100%;
}
[re-check-de] .view-address-group .between>:first-of-type
{
    flex: 1;
}
[re-check-de] .view-address-group .between>:nth-of-type(2)
{
    flex: 2;
}
@media(max-width: 579px)
{
    [re-check-de] .view-address-group .between
    {
        display: flex;
        gap: 10px;
        width: 100%;
        flex-direction: column;
    }
    [re-check-de] .view-address-group .between>:first-of-type, [re-check-de] .view-address-group .between>:nth-of-type(2)
    {
        flex: 1;
    }
}
[payletter]
{
    text-align: center;
}
[payletter] .verification-holder
{
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 40px;
}
[payletter] .verification-holder>a
{
    width: 160px;
    display: flex;
    flex-flow: column;
    align-items: center;
    border-radius: 4px;
    background-color: hsla(0,0%,100%,.2);
    padding-top: 20px;
    padding-bottom: 20px;
}
[payletter] .verification-holder>a>[font-icon]
{
    margin-bottom: 16px;
    font-size: 24px;
    color: #7ce4b5;
}
[payletter] .verification-holder>a>img
{
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
}
[payletter] .verification-holder>a>label
{
    font-weight: 600;
}
[payletter] .processing-dimmed
{
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9000;
}
[payletter] .processing-dimmed.fade-in
{
    transition: opacity .5s;
    opacity: 1;
    visibility: visible;
}
[personal-self-declaration] [checkbox-item]
{
    margin-bottom: 20px;
}
[personal-self-declaration] [checkbox-item] em
{
    word-break: break-all;
    white-space: normal;
    font-size: 16px;
}
[reviewing-documents] dl
{
    margin-top: 32px;
}
[reviewing-documents] dl dt
{
    font-size: 16px;
    margin-bottom: 8px;
}
[reviewing-documents] dl dd ol
{
    width: 100%;
    position: relative;
    padding-top: 12px;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    padding-bottom: 12px;
}
[reviewing-documents] dl dd ol li
{
    color: #7f7f7f;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
[reviewing-documents] dl dd ol li b
{
    color: #fff;
    margin-right: 8px;
    font-size: 16px;
}
[reviewing-documents] dl dd ol li em
{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}
[reviewing-documents] dl dd ol li:first-of-type
{
    display: block;
}
[reviewing-documents] dl dd ol li:nth-of-type(3)
{
    position: absolute;
    right: 0;
    top: 12px;
    left: auto;
    bottom: auto;
    font-size: 16px;
    color: #ffc64d;
}
[reviewing-documents] dl dd ol:not(:first-of-type)
{
    margin-top: 12px;
}
[reviewing-documents] dl dd ol:last-child
{
    border-bottom: 0;
}
@media(min-width: 420px)
{
    [reviewing-documents] dl dd ol
    {
        display: flex;
        justify-content: space-between;
    }
    [reviewing-documents] dl dd ol li:first-of-type
    {
        width: 110px;
    }
    [reviewing-documents] dl dd ol li:nth-of-type(2)
    {
        flex-grow: 2;
    }
    [reviewing-documents] dl dd ol li:nth-of-type(2) b
    {
        display: block;
    }
    [reviewing-documents] dl dd ol li:nth-of-type(2) em
    {
        max-width: none;
    }
}
[start-on-boarding] h2
{
    font-weight: 500;
    font-size: 28px;
    position: relative;
    display: inline-block;
}
[start-on-boarding] h2:before
{
    content: "";
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    width: 2px;
    height: 20px;
    background-color: #df3320;
    right: -80px;
    bottom: -26px;
    left: auto;
    top: auto;
}
[start-on-boarding] h2:after
{
    content: "";
    display: block;
    border-bottom: 2px solid #df3320;
    width: calc(50vw + 70%);
    position: absolute;
    left: calc(70% - 50vw);
    bottom: -24px;
    right: auto;
    top: auto;
}
[start-on-boarding] .holder
{
    margin-top: 90px;
}
[start-on-boarding] .holder>a
{
    border: 2px solid hsla(0,0%,100%,.1);
    border-radius: 8px;
    display: block;
    position: relative;
    padding-top: 28px;
    padding-right: 24px;
    padding-bottom: 28px;
    padding-left: 24px;
    display: flex;
    align-items: center;
}
[start-on-boarding] .holder>a>img
{
    height: 40px;
}
[start-on-boarding] .holder>a>div
{
    padding-left: 24px;
    margin-left: 24px;
    position: relative;
}
[start-on-boarding] .holder>a>div:before
{
    content: "";
    display: block;
    width: 1px;
    height: 110%;
    background-color: hsla(0,0%,100%,.1);
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[start-on-boarding] .holder>a>div h4
{
    font-size: 20px;
    color: #ffc64d;
    margin-bottom: 8px;
}
[start-on-boarding] .holder>a>div p
{
    font-size: 14px;
    line-height: 20px;
}
[start-on-boarding] .holder>a:nth-of-type(2)
{
    margin-top: 24px;
}
[start-on-boarding] .holder p
{
    color: #ccc;
    font-size: 14px;
    margin-top: 16px;
}
[start-on-boarding] .holder p>a
{
    color: #2d74f6;
}
[start-on-boarding-ph]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #fff;
}
[start-on-boarding-ph]>p+p
{
    margin-top: 22px;
}
[regulatory-transition]>p+p
{
    margin-top: 4px;
}
[regulatory-transition]>ul
{
    margin-top: 24px;
}
[regulatory-transition]>ul li
{
    font-size: 20px;
}
[mobile-number]
{
    position: relative;
    display: flex;
    flex-direction: column;
}
[mobile-number] .field-holder
{
    display: block;
}
[mobile-number] .field-holder>div+div
{
    margin-top: 4px;
}
@media(min-width: 580px)
{
    [mobile-number] .field-holder
    {
        display: flex;
        justify-content: space-between;
    }
    [mobile-number] .field-holder>div+div
    {
        margin-top: 0;
    }
    [mobile-number] .field-holder>:first-of-type
    {
        width: 35%;
    }
    [mobile-number] .field-holder>:nth-of-type(2)
    {
        width: calc(65% - 8px);
    }
}
[onboarding-verify-form]
{
    position: relative;
}
[onboarding-verify-form]>p
{
    color: #7f7f7f;
}
[onboarding-verify-form]>p em
{
    color: #fff;
}
[onboarding-verify-form] [validation-errors]
{
    text-align: center;
    margin-top: 20px;
}
[onboarding-verify-form]>[verify-resend]
{
    margin-top: 20px;
    text-align: right;
}
[onboarding-verify-form]>[open-email-app], [onboarding-verify-form]>[verify-sms]
{
    margin-top: 100px;
    margin-bottom: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-852137f2]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-852137f2]
    {
        display: none!important;
    }
}
.submit-group[data-v-852137f2]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-852137f2]
    {
        flex-direction: row;
    }
}
[sumsub-start] .message[data-v-852137f2]
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[sumsub-start] .message>[font-icon][data-v-852137f2]
{
    font-size: 24px;
    margin-right: 8px;
}
[sumsub-start] .message>div[data-v-852137f2]
{
    word-break: break-word;
    white-space: pre-line;
}
[sumsub-start] h3[data-v-852137f2]
{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #ccc;
    font-weight: 400;
    margin-bottom: 24px;
}
[sumsub-start] span[data-v-852137f2]
{
    display: block;
    font-weight: 400;
}
[sumsub-start] span.step[data-v-852137f2]
{
    color: #7f7f7f;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    margin-top: 20px;
}
[sumsub-start] span.step-title[data-v-852137f2]
{
    color: #fff;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: normal;
    margin-top: 4px;
}
[sumsub-start] span.step-description1[data-v-852137f2]
{
    color: #7f7f7f;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    margin-top: 8px;
}
[sumsub-start] span.step-description2[data-v-852137f2]
{
    color: #ffc64d;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    margin-top: 4px;
}
[sumsub-start] span.doc-title[data-v-852137f2]
{
    display: flex;
    align-items: center;
    color: #ccc;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    margin-top: 8px;
}
[sumsub-start] span.doc-title [font-icon][data-v-852137f2]
{
    font-size: 16px;
    margin-right: 4px;
}
[sumsub-start] ul[data-v-852137f2]
{
    margin-top: 4px;
    margin-left: 16px;
}
[sumsub-start] ul li[data-v-852137f2]
{
    padding-left: 4px;
    position: relative;
    color: #7f7f7f;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: normal;
}
[sumsub-start] ul li[data-v-852137f2]:before
{
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #7f7f7f;
    position: absolute;
    left: -8px;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[sumsub-start] .document-holder+.document-holder[data-v-852137f2]
{
    margin-top: 20px;
}
[sumsub-start] .step-holder[data-v-852137f2]
{
    display: flex;
}
[sumsub-start] .step-holder .icon-holder[data-v-852137f2]
{
    flex: 0;
    flex-basis: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    margin-right: 16px;
    border-radius: 50%;
    background-color: #3e3e3e;
}
[sumsub-start] .step-holder .icon-holder+div[data-v-852137f2]
{
    flex: 1;
}
[sumsub-start] .step-holder .icon-holder [font-icon].identity[data-v-852137f2]
{
    font-size: 32px;
}
[sumsub-start] .step-holder .icon-holder [font-icon].selfie[data-v-852137f2]
{
    font-size: 36px;
}
@media(min-width: 580px)
{
    [sumsub-start] .step-holder .icon-holder[data-v-852137f2]
    {
        flex-basis: 96px;
        width: 96px;
        height: 96px;
    }
    [sumsub-start] .step-holder .icon-holder [font-icon].identity[data-v-852137f2]
    {
        font-size: 36px;
    }
    [sumsub-start] .step-holder .icon-holder [font-icon].selfie[data-v-852137f2]
    {
        font-size: 40px;
    }
}
[sumsub-pending]
{
    text-align: center;
}
[sumsub-pending]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    padding: 6px;
    font-size: 48px;
    animation: rotate-circle 2s linear infinite;
    margin-top: 24px;
}
[sumsub-pending]>h3
{
    font-size: 22px;
    line-height: 27px;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 24px;
}
[sumsub-pending]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-pending]>p>a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[sumsub-pending]>p+p
{
    margin-top: 22px;
}
[sumsub-reviewing]
{
    text-align: center;
}
[sumsub-reviewing]>[font-icon]
{
    display: block;
    margin-bottom: 8px;
    font-size: 80px;
    margin-top: 24px;
}
[sumsub-reviewing]>h3
{
    font-size: 22px;
    line-height: 27px;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 24px;
}
[sumsub-reviewing]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-reviewing]>p>a
{
    color: #2680eb;
    text-decoration: underline;
}
[sumsub-reviewing]>h4
{
    margin-top: 24px;
    margin-bottom: 14px;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: 400;
    color: #ccc;
}
[sumsub-reviewing] ul
{
    text-align: left;
}
[sumsub-reviewing] ul li
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
[sumsub-reviewing] ul li:not(:last-child)
{
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 12px;
}
[sumsub-reviewing] ul li>span
{
    flex: 0;
    display: block;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: 500;
}
[sumsub-reviewing] ul li>span.reviewing
{
    color: #ffc64d;
}
[sumsub-reviewing] ul li>span.approved
{
    color: #ccc;
}
[sumsub-reviewing] ul li>span.rejected
{
    color: #7f7f7f;
}
[sumsub-reviewing] ul li>span.expired
{
    color: #ffc64d;
}
[sumsub-reviewing] ul li div
{
    flex: 1;
    word-break: break-all;
}
[sumsub-reviewing] ul li div span
{
    display: block;
}
[sumsub-reviewing] ul li div span.date, [sumsub-reviewing] ul li div span.name
{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-reviewing] ul li div span.date
{
    margin-top: 4px;
}
[sumsub-reviewing] ul li+li
{
    margin-top: 12px;
}
[sumsub-recheck]>p
{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-recheck]>p+p
{
    margin-top: 22px;
}
[sumsub-try-count-over]
{
    text-align: center;
}
[sumsub-try-count-over]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    font-size: 80px;
}
[sumsub-try-count-over]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-try-count-over]>p>a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[sumsub-try-count-over]>p+p
{
    margin-top: 22px;
}
[sumsub-try-count-over]>.btn-update-field
{
    margin-top: 24px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    font-weight: 400;
    color: #2680eb;
    border-bottom: 1px solid #2680eb;
}
[sumsub-service-abort]
{
    text-align: center;
}
[sumsub-service-abort]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    font-size: 80px;
}
[sumsub-service-abort]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-service-abort]>p>a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[sumsub-service-abort]>p+p
{
    margin-top: 22px;
}
[sumsub-document-invalid]
{
    text-align: center;
}
[sumsub-document-invalid]>h3
{
    font-size: 22px;
    line-height: 27px;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 24px;
}
[sumsub-document-invalid]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    font-size: 80px;
    color: #df3320;
}
[sumsub-document-invalid]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-document-invalid]>p>a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[sumsub-document-invalid] ul
{
    margin-top: 22px;
    margin-bottom: 22px;
    margin-left: 16px;
    text-align: left;
}
[sumsub-document-invalid] ul li
{
    padding-left: 4px;
    position: relative;
    color: #7f7f7f;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
}
[sumsub-document-invalid] ul li:before
{
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #7f7f7f;
    position: absolute;
    left: -8px;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[sumsub-certification-failed]
{
    text-align: center;
}
[sumsub-certification-failed]>h3
{
    font-size: 22px;
    line-height: 27px;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 24px;
}
[sumsub-certification-failed]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    font-size: 80px;
    color: #df3320;
}
[sumsub-certification-failed]>p
{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-certification-failed]>p>a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[sumsub-certification-failed]>p+p
{
    margin-top: 22px;
}
[sumsub-failed]
{
    text-align: center;
}
[sumsub-failed]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    font-size: 80px;
}
[sumsub-failed]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[sumsub-failed]>p>a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[sumsub-failed]>p+p
{
    margin-top: 22px;
}
[sumsub] .view-holder
{
    position: relative;
}
[kyc-ready]>p
{
    color: hsla(0,0%,100%,.7);
}
[kyc-ready] .holder
{
    padding: 16px;
    margin-top: 15px;
    background-color: hsla(0,0%,100%,.1);
}
[kyc-ready] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[kyc-ready] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[kyc-ready] .holder>ul
{
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready] .holder>ul li
{
    display: flex;
    color: hsla(0,0%,100%,.7);
}
[kyc-ready] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[kyc-ready] .holder>ul li:before
{
    content: "-";
    padding-right: 10px;
}
[kyc-ready] .holder+.holder
{
    border-top: 1px solid #717171;
    margin-top: 0;
}
[kyc-ready] .message-holder
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[kyc-ready] .message-holder>[font-icon]
{
    font-size: 24px;
    margin-right: 8px;
}
[kyc-ready] .message-holder>div
{
    word-break: break-word;
    white-space: pre-line;
}
[kyc-ready-ph]>p
{
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-ph] .holder
{
    padding: 16px;
    margin-top: 15px;
    background-color: hsla(0,0%,100%,.1);
}
[kyc-ready-ph] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[kyc-ready-ph] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[kyc-ready-ph] .holder>ul
{
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready-ph] .holder>ul li
{
    display: flex;
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-ph] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[kyc-ready-ph] .holder>ul li:before
{
    content: "-";
    padding-right: 10px;
}
[kyc-ready-ph] .holder>span
{
    margin-top: 12px;
    margin-left: 20px;
    display: block;
    color: hsla(0,0%,100%,.7);
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready-ph] .holder+.holder
{
    border-top: 1px solid #717171;
    margin-top: 0;
}
[kyc-ready-ph] .message-holder
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[kyc-ready-ph] .message-holder>[font-icon]
{
    font-size: 24px;
    margin-right: 8px;
}
[kyc-ready-ph] .message-holder>div
{
    word-break: break-word;
    white-space: pre-line;
}
[kyc-ready-com-other]>p
{
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-com-other] .holder
{
    padding: 16px;
    margin-top: 15px;
    background-color: hsla(0,0%,100%,.1);
}
[kyc-ready-com-other] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[kyc-ready-com-other] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[kyc-ready-com-other] .holder>ul
{
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready-com-other] .holder>ul li
{
    display: flex;
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-com-other] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[kyc-ready-com-other] .holder>ul li:before
{
    content: "-";
    padding-right: 10px;
}
[kyc-ready-com-other] .holder>span
{
    margin-top: 12px;
    margin-left: 20px;
    display: block;
    color: hsla(0,0%,100%,.7);
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready-com-other] .holder+.holder
{
    border-top: 1px solid #717171;
    margin-top: 0;
}
[kyc-ready-com-other] .message-holder
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[kyc-ready-com-other] .message-holder>[font-icon]
{
    font-size: 24px;
    margin-right: 8px;
}
[kyc-ready-com-other] .message-holder>div
{
    word-break: break-word;
    white-space: pre-line;
}
[kyc-ready-com-other] .nl-guide-message
{
    margin-top: 20px;
}
[kyc-ready-com-other] .nl-guide-message>span>a
{
    color: #06c;
}
[kyc-ready-uk]>p
{
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-uk] .holder
{
    padding: 16px;
    margin-top: 15px;
    background-color: hsla(0,0%,100%,.1);
}
[kyc-ready-uk] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[kyc-ready-uk] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[kyc-ready-uk] .holder>ul
{
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready-uk] .holder>ul li
{
    display: flex;
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-uk] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[kyc-ready-uk] .holder>ul li:before
{
    content: "-";
    padding-right: 10px;
}
[kyc-ready-uk] .holder>span
{
    margin-top: 12px;
    margin-left: 20px;
    display: block;
    color: hsla(0,0%,100%,.7);
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready-uk] .holder+.holder
{
    border-top: 1px solid #717171;
    margin-top: 0;
}
[kyc-ready-uk] .message-holder
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[kyc-ready-uk] .message-holder>[font-icon]
{
    font-size: 24px;
    margin-right: 8px;
}
[kyc-ready-uk] .message-holder>div
{
    word-break: break-word;
    white-space: pre-line;
}
[kyc-ready-natural8]>p
{
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-natural8] .holder
{
    padding: 16px;
    margin-top: 15px;
    background-color: hsla(0,0%,100%,.1);
}
[kyc-ready-natural8] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[kyc-ready-natural8] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[kyc-ready-natural8] .holder>ul
{
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready-natural8] .holder>ul li
{
    display: flex;
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-natural8] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[kyc-ready-natural8] .holder>ul li:before
{
    content: "-";
    padding-right: 10px;
}
[kyc-ready-natural8] .holder+.holder
{
    border-top: 1px solid #717171;
    margin-top: 0;
}
[kyc-ready-natural8] .message-holder
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[kyc-ready-natural8] .message-holder>[font-icon]
{
    font-size: 24px;
    margin-right: 8px;
}
[kyc-ready-natural8] .message-holder>div
{
    word-break: break-word;
    white-space: pre-line;
}
[kyc-ready-n8in] .holder
{
    padding: 16px;
    margin-top: 15px;
    background-color: hsla(0,0%,100%,.1);
}
[kyc-ready-n8in] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[kyc-ready-n8in] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[kyc-ready-n8in] .holder>ul
{
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
}
[kyc-ready-n8in] .holder>ul li
{
    display: flex;
    color: hsla(0,0%,100%,.7);
}
[kyc-ready-n8in] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[kyc-ready-n8in] .holder>ul li:before
{
    content: "-";
    padding-right: 6px;
}
[kyc-ready-n8in] .holder+.holder
{
    border-top: 1px solid #717171;
    margin-top: 0;
}
[kyc-ready-n8in] .message-holder
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[kyc-ready-n8in] .message-holder>[font-icon]
{
    font-size: 24px;
    margin-right: 8px;
}
[kyc-ready-n8in] .message-holder>div
{
    word-break: break-word;
    white-space: pre-line;
}
[file-selector]
{
    border: 1px solid hsla(0,0%,100%,.5);
    border-style: dashed;
    text-align: center;
    background-color: hsla(0,0%,100%,.1);
    border-radius: 4px;
    margin-top: 40px;
}
[file-selector]>label
{
    padding: 40px;
}
[file-selector]>label, [file-selector]>label>*
{
    font-size: 14px;
    color: #8c8c8c;
}
[file-selector]>label em
{
    color: #df3320;
    border-bottom: 1px solid #df3320;
}
[file-selector] [font-icon]
{
    font-size: 32px;
    color: #c64040;
}
[file-selector].disabled
{
    pointer-events: none;
    opacity: .6;
}
[upload-error-modal] .list-holder li+li
{
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid hsla(0,0%,100%,.2);
}
[upload-error-modal] .list-holder li [upload-item]
{
    padding-left: 12px;
}
[upload-error-modal] .list-holder li [upload-item] label:before
{
    margin-right: 4px;
    font-weight: 700;
    vertical-align: middle;
    font-family: icomoon;
}
[upload-error-modal] .list-holder li.successful [upload-item]
{
    border-left: 4px solid #1db77d;
}
[upload-error-modal] .list-holder li.successful [upload-item] label:before
{
    content: "";
    color: #1db77d;
}
[upload-error-modal] .list-holder li.failed [upload-item]
{
    border-left: 4px solid #c64040;
}
[upload-error-modal] .list-holder li.failed [upload-item] label:before
{
    content: "";
    color: #c64040;
}
[upload-error-modal] [color-button].try-again
{
    background-color: #c64040;
}
[upload-error-modal] [color-button].confirm
{
    background-color: #717171;
}
[proof-of-identity] .desc
{
    word-break: break-word;
}
[proof-of-identity] [description-holder]
{
    margin-top: 12px;
    padding-left: 16px;
}
[proof-of-identity] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[ph-proof-of-identity-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #0e1415;
    font-size: 13px;
    color: #fff;
}
[ph-proof-of-identity-floating]>span
{
    color: #fff;
    font-size: 14px;
}
[ph-proof-of-identity-floating]>a
{
    font-size: 14px;
    color: #4a8cff;
    border-bottom: 1px solid #4a8cff;
    font-weight: 500;
}
[ph-proof-of-selfie-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #0e1415;
    font-size: 13px;
    color: #fff;
}
[ph-proof-of-selfie-floating]>img
{
    width: 100%;
    margin-bottom: 10px;
}
[ph-proof-of-selfie-floating]>span
{
    color: #fff;
    font-size: 14px;
}
[ph-proof-of-selfie-floating]>a
{
    font-size: 14px;
    color: #4a8cff;
    border-bottom: 1px solid #4a8cff;
    font-weight: 500;
}
[proof-of-identity-ph] .holder
{
    padding-top: 15px;
}
[proof-of-identity-ph] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[proof-of-identity-ph] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[proof-of-identity-ph] .holder>ul
{
    padding-left: 26px;
    font-size: 14px;
    line-height: 20px;
}
[proof-of-identity-ph] .holder>ul li
{
    color: hsla(0,0%,100%,.7);
}
[proof-of-identity-ph] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[proof-of-identity-ph] .holder>ul li:before
{
    padding-right: 10px;
}
[proof-of-identity-ph] .holder>ul li span
{
    display: block;
}
[proof-of-identity-ph] .holder>ul li button
{
    color: #2680eb;
    text-decoration: underline;
}
[proof-of-identity-ph] .holder+.holder
{
    margin-top: 15px;
    border-top: 1px solid #3e3e3e;
}
[proof-of-identity-ph] [image-selector]
{
    margin-top: 20px;
}
[proof-of-identity-ph] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[natural8-proof-of-identity-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 20px;
    border-radius: 4px;
    background-color: #0e1415;
    font-size: 13px;
    color: #fff;
}
[natural8-proof-of-identity-floating]>img
{
    width: 100%;
}
[natural8-proof-of-identity-floating]>img+img
{
    margin-top: 12px;
}
[proof-of-identity-natural8]>.desc
{
    color: #ccc!important;
}
[proof-of-identity-natural8]>.desc label
{
    color: #888;
    font-weight: 400;
}
[proof-of-identity-natural8]>.desc button
{
    margin-left: 4px;
    font-size: 16px;
    vertical-align: middle;
    color: #ccc!important;
}
[proof-of-identity-natural8] [image-selector]
{
    margin-top: 20px;
}
[proof-of-identity-natural8] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[proof-of-identity-n8in] [description-holder]
{
    margin-top: 12px;
    padding-left: 16px;
}
[proof-of-identity-n8in] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[proof-of-address] .desc
{
    word-break: break-word;
}
[proof-of-address] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[ph-proof-of-address-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #0e1415;
    font-size: 13px;
    color: #fff;
}
[ph-proof-of-address-floating]>span
{
    color: #fff;
    font-size: 14px;
}
[ph-proof-of-address-floating]>a
{
    font-size: 14px;
    color: #4a8cff;
    border-bottom: 1px solid #4a8cff;
    font-weight: 500;
}
[proof-of-address-ph] .holder
{
    padding-top: 15px;
}
[proof-of-address-ph] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[proof-of-address-ph] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[proof-of-address-ph] .holder>ul
{
    padding-left: 26px;
    font-size: 14px;
    line-height: 20px;
}
[proof-of-address-ph] .holder>ul li
{
    color: hsla(0,0%,100%,.7);
}
[proof-of-address-ph] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[proof-of-address-ph] .holder>ul li:before
{
    padding-right: 10px;
}
[proof-of-address-ph] .holder>ul li span
{
    display: block;
}
[proof-of-address-ph] .holder>ul li button
{
    color: #2680eb;
    text-decoration: underline;
}
[proof-of-address-ph] [image-selector]
{
    margin-top: 20px;
}
[proof-of-address-ph] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[desired-limit]>div .form-holder
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
[desired-limit]>div .form-holder>[validation-component] [trim-text-input]>input
{
    text-align: right;
}
[desired-limit]>div .form-holder>[validation-component] [validation-errors]
{
    display: none;
}
[desired-limit]>div .form-holder>[validation-component]+[validation-component]
{
    margin-top: 0;
}
@media(min-width: 420px)
{
    [desired-limit]>div .form-holder
    {
        flex-direction: row;
    }
}
[check-affordability]
{
    margin-top: 16px;
    margin-bottom: 16px;
}
[check-affordability]>p
{
    font-size: 14px;
    margin-top: 20px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 6px;
    border-radius: 4px;
    background-color: #262626;
    border: 1px solid #333;
    color: #d8d8d8;
}
[check-affordability] [checkbox-item] em
{
    white-space: normal;
}
[enhanced-due-diligence] .header-holder .message
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[enhanced-due-diligence] .header-holder .message>[font-icon]
{
    font-size: 24px;
    margin-right: 8px;
}
[enhanced-due-diligence] .header-holder .message>div
{
    word-break: break-word;
    white-space: pre-line;
}
[enhanced-due-diligence] .content-holder
{
    padding-top: 20px;
    padding-bottom: 16px;
}
[enhanced-due-diligence] .content-holder>span
{
    font-size: 14px;
}
[enhanced-due-diligence] .content-holder .content
{
    padding-top: 12px;
}
[enhanced-due-diligence] .content-holder .content .disposableIncome
{
    display: flex;
    align-items: center;
}
[enhanced-due-diligence] .content-holder .content .disposableIncome [validation-component]
{
    padding-left: 12px;
    width: 100%;
}
[enhanced-due-diligence] .content-holder .content>[validation-component]+[validation-component]
{
    margin-top: 8px;
}
[enhanced-due-diligence] .content-holder+.content-holder
{
    border-top: 1px solid #333;
}
[enhanced-due-diligence-ph] .header-holder .desc>a
{
    display: block;
    color: #06c;
}
[enhanced-due-diligence-ph] .content-holder
{
    padding-top: 20px;
    padding-bottom: 16px;
}
[enhanced-due-diligence-ph] .content-holder .disabled
{
    color: hsla(0,0%,100%,.3);
}
[enhanced-due-diligence-ph] .content-holder .content
{
    padding-top: 12px;
}
[enhanced-due-diligence-ph] .content-holder .content .disposableIncome
{
    display: flex;
    align-items: center;
}
[enhanced-due-diligence-ph] .content-holder .content .disposableIncome [validation-component]
{
    width: 100%;
}
[enhanced-due-diligence-ph] .content-holder .content .disposableIncome [validation-component] [text-input]
{
    padding-top: 0;
}
[enhanced-due-diligence-ph] .content-holder .content>[validation-component]+[validation-component]
{
    margin-top: 8px;
}
[enhanced-due-diligence-ph] .content-holder+.content-holder
{
    border-top: 1px solid #333;
}
[enhanced-due-diligence-uk] a[href]
{
    color: #06c;
    text-decoration: underline;
}
[enhanced-due-diligence-uk] .header-holder .message
{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #333;
}
[enhanced-due-diligence-uk] .header-holder .message>[font-icon]
{
    font-size: 24px;
    margin-right: 8px;
}
[enhanced-due-diligence-uk] .header-holder .message>div
{
    word-break: break-word;
    white-space: pre-line;
}
[enhanced-due-diligence-uk] .header-holder .desc span
{
    display: block;
}
[enhanced-due-diligence-uk] .content-holder
{
    padding-top: 20px;
    padding-bottom: 16px;
}
[enhanced-due-diligence-uk] .content-holder>span
{
    font-size: 14px;
}
[enhanced-due-diligence-uk] .content-holder .content
{
    padding-top: 12px;
}
[enhanced-due-diligence-uk] .content-holder .content .disposableIncome
{
    display: flex;
    align-items: center;
}
[enhanced-due-diligence-uk] .content-holder .content .disposableIncome [validation-component]
{
    padding-left: 12px;
    width: 100%;
}
[enhanced-due-diligence-uk] .content-holder .content .disposableIncome [validation-component] [text-input]
{
    padding-top: 0;
}
[enhanced-due-diligence-uk] .content-holder .content>[validation-component]+[validation-component]
{
    margin-top: 8px;
}
[enhanced-due-diligence-uk] .content-holder+.content-holder
{
    border-top: 1px solid #333;
}
[proof-of-affordability] .desc
{
    word-break: break-word;
}
[proof-of-affordability] [description-holder]
{
    margin-top: 12px;
    padding-left: 16px;
}
[proof-of-affordability]>p+p
{
    margin-top: 8px;
}
[proof-of-affordability] .list-holder
{
    margin-top: 20px;
}
[proof-of-affordability]>.note
{
    color: #df3320;
}
[ph-proof-of-affordability-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #0e1415;
    font-size: 13px;
    color: #fff;
}
[ph-proof-of-affordability-floating]>span
{
    color: #fff;
    font-size: 14px;
}
[ph-proof-of-affordability-floating]>a
{
    font-size: 14px;
    color: #4a8cff;
    border-bottom: 1px solid #4a8cff;
    font-weight: 500;
}
[proof-of-affordability-ph] .holder
{
    padding-top: 15px;
}
[proof-of-affordability-ph] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[proof-of-affordability-ph] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[proof-of-affordability-ph] .holder>ul
{
    padding-left: 26px;
    font-size: 14px;
    line-height: 20px;
}
[proof-of-affordability-ph] .holder>ul li
{
    color: hsla(0,0%,100%,.7);
}
[proof-of-affordability-ph] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[proof-of-affordability-ph] .holder>ul li:before
{
    padding-right: 10px;
}
[proof-of-affordability-ph] .holder>ul li span
{
    display: block;
}
[proof-of-affordability-ph] .holder>ul li button
{
    color: #2680eb;
    text-decoration: underline;
}
[proof-of-affordability-ph] .holder+.holder
{
    margin-top: 15px;
    border-top: 1px solid #3e3e3e;
}
[proof-of-affordability-ph] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[proof-of-affordability-uk] [description-holder]
{
    margin-top: 12px;
    padding-left: 16px;
}
[proof-of-affordability-uk] .list-holder
{
    margin-top: 20px;
}
[proof-of-affordability-uk]>.note
{
    color: #df3320;
}
[proof-of-identity-ba] .holder
{
    padding-top: 15px;
}
[proof-of-identity-ba] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[proof-of-identity-ba] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[proof-of-identity-ba] .holder p
{
    padding-left: 26px;
    margin-bottom: 8px;
    color: hsla(0,0%,100%,.7);
    font-size: 14px;
    line-height: 20px;
}
[proof-of-identity-ba] .holder p.warning
{
    margin-top: 8px;
    margin-bottom: 8px;
    color: #df3320;
}
[proof-of-identity-ba] .holder p.warning:before
{
    content: "*";
    vertical-align: middle;
    padding-right: 10px;
}
[proof-of-identity-ba] .holder>ul
{
    padding-left: 26px;
    font-size: 14px;
    line-height: 20px;
}
[proof-of-identity-ba] .holder>ul li
{
    color: hsla(0,0%,100%,.7);
}
[proof-of-identity-ba] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[proof-of-identity-ba] .holder>ul li:before
{
    content: "-";
    padding-right: 10px;
}
[proof-of-identity-ba] .holder>ul li span
{
    display: block;
}
[proof-of-identity-ba] .holder>ul li button
{
    color: #2680eb;
    text-decoration: underline;
}
[proof-of-identity-ba] .holder+.holder
{
    margin-top: 15px;
    border-top: 1px solid #3e3e3e;
}
[proof-of-identity-ba] .list-holder, [proof-of-identity-ba] [image-selector]
{
    margin-top: 20px;
}
[proof-of-identity-ba] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[proof-of-address-ba] .holder
{
    padding-top: 15px;
}
[proof-of-address-ba] .holder h5
{
    margin-bottom: 8px;
    font-weight: 500;
}
[proof-of-address-ba] .holder h5 [font-icon]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[proof-of-address-ba] .holder p
{
    padding-left: 26px;
    margin-bottom: 8px;
    color: hsla(0,0%,100%,.7);
    font-size: 14px;
    line-height: 20px;
}
[proof-of-address-ba] .holder p.warning
{
    margin-top: 8px;
    margin-bottom: 8px;
    color: #df3320;
}
[proof-of-address-ba] .holder p.warning:before
{
    content: "*";
    vertical-align: middle;
    padding-right: 10px;
}
[proof-of-address-ba] .holder>ul
{
    padding-left: 26px;
    font-size: 14px;
    line-height: 20px;
}
[proof-of-address-ba] .holder>ul li
{
    color: hsla(0,0%,100%,.7);
}
[proof-of-address-ba] .holder>ul li:not(:first-of-type)
{
    margin-top: 4px;
}
[proof-of-address-ba] .holder>ul li:before
{
    content: "-";
    padding-right: 10px;
}
[proof-of-address-ba] .holder>ul li span
{
    display: block;
}
[proof-of-address-ba] .holder>ul li button
{
    color: #2680eb;
    text-decoration: underline;
}
[proof-of-address-ba] .list-holder, [proof-of-address-ba] [image-selector]
{
    margin-top: 20px;
}
[proof-of-address-ba] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[verification-request] .list-holder
{
    padding-bottom: 12px;
}
[verification-request] .list-holder>p
{
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}
[verification-request] .list-holder [upload-item]:not(:first-of-type)
{
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid hsla(0,0%,100%,.15);
}
[verification-request] .list-holder [upload-item]:not(:first-of-type) button
{
    padding-top: 16px;
}
[signicat-information] a[href^="mailto:"]
{
    color: #06c;
}
[signicat-information] i
{
    font-style: italic;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-fed24fde]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-fed24fde]
    {
        display: none!important;
    }
}
.submit-group[data-v-fed24fde]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-fed24fde]
    {
        flex-direction: row;
    }
}
[signicat-information]>p[data-v-fed24fde]
{
    font-size: 16px;
    color: hsla(0,0%,100%,.7);
}
[signicat-information] .holder[data-v-fed24fde]
{
    padding: 16px;
    margin-top: 15px;
    background-color: hsla(0,0%,100%,.1);
}
[signicat-information] .holder h5[data-v-fed24fde]
{
    margin-bottom: 8px;
    font-weight: 500;
}
[signicat-information] .holder h5 [font-icon][data-v-fed24fde]
{
    font-size: 10px;
    line-height: 16px;
    border-radius: 50px;
    background-color: #07d0b5;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}
[signicat-information] .holder>ul[data-v-fed24fde]
{
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
}
[signicat-information] .holder>ul li[data-v-fed24fde]
{
    color: hsla(0,0%,100%,.7);
}
[signicat-information] .holder>ul li[data-v-fed24fde]:not(:first-of-type)
{
    margin-top: 4px;
}
[signicat-information] .holder>ul li[data-v-fed24fde]:before
{
    content: "-";
    padding-right: 10px;
}
[signicat-information] .holder>ul li span[data-v-fed24fde]
{
    display: block;
    padding-left: 16px;
}
[signicat-idin-guide]>p
{
    font-size: 16px;
    color: hsla(0,0%,100%,.7);
}
@keyframes rotate-timer
{
    0%
    {
        transform: rotate(0deg);
    }
    50%
    {
        transform: rotate(180deg);
        animation-delay: 2s;
    }
    to
    {
        transform: rotate(1turn);
    }
}
[signicat-eidv-processing]
{
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    text-align: center;
}
[signicat-eidv-processing]>[font-icon]
{
    color: #777;
    font-size: 36px;
    text-align: center;
    display: block;
    animation: rotate-circle 2.5s linear infinite;
    transform-origin: center;
}
[signicat-eidv-processing]>h3
{
    margin-top: 8px;
    color: #000;
    font-size: 28px;
    margin-top: 24px;
}
[signicat-eidv-processing]>p
{
    margin-top: 12px;
    color: #717171;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
}
[verification-failed] .title
{
    margin: 0!important;
    margin-bottom: 24px!important;
    position: relative;
}
[verification-failed] .title h1
{
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    font-weight: 400!important;
    font-size: 28px!important;
    color: #fff!important;
}
[verification-failed] .title h1>[color-button]
{
    height: 24px;
    display: flex;
    align-items: center;
}
[verification-failed] .title p
{
    width: 100%;
    height: 2px;
    position: relative;
    background-color: hsla(0,0%,100%,.07);
    display: block!important;
    margin-top: 16px!important;
}
[verification-failed] .title p span
{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #df3320;
}
[verification-failed] .field-holder p
{
    color: #7f7f7f;
}
[verification-failed] .field-holder p a
{
    text-decoration: underline;
}
[verification-failed] .field-holder p a.link
{
    color: #0064e5;
}
[verification-failed] .field-holder p b
{
    font-weight: 500;
}
[verification-failed] .field-holder p b.white
{
    color: #fff;
}
[verification-failed] .field-holder p+p
{
    margin-top: 12px;
}
[verification-failed] .button-holder [color-button]
{
    margin-top: 55px;
    max-width: 440px;
    width: 100%;
    height: 56px;
    border-radius: 28px;
    font-size: 18px;
    transition: transform .3s 0s;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 500;
}
[verification-failed] a[href^="mailto:"]
{
    color: #06c;
}
[signicat] iframe
{
    width: 100%;
    height: 600px;
    background-color: #fff;
}
[signicat] .btn-confirm
{
    margin-top: 60px;
}
[screening-nl]>[font-icon]
{
    display: block;
    text-align: center;
    font-size: 60px;
    margin-bottom: 32px;
}
[screening-nl]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #fff;
}
[screening-nl]>p>a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[screening-nl]>p+p
{
    margin-top: 22px;
}
[verify-age-wsop]
{
    text-align: center;
}
[verify-age-wsop]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    font-size: 80px;
}
[verify-age-wsop]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[verify-age-wsop]>p>a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[verify-age-wsop]>p+p
{
    margin-top: 22px;
}
[verify-age-de] p.desc
{
    color: #fff;
    font-weight: 400;
}
[verify-age-de] ol
{
    margin-top: 24px;
    display: flex;
    flex-flow: column;
    align-items: center;
    align-items: start;
    gap: 8px;
    font-size: 20px;
}
[verify-age-de] ol li
{
    position: relative;
    padding-left: 40px;
    font-weight: 400;
}
[verify-age-de] ol li:before
{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 24px;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[verify-age-de]>div [font-icon]
{
    display: block;
    margin-top: 40px;
    text-align: center;
    font-size: 48px;
    animation: rotate-circle 2s linear infinite;
}
[verify-age-uk] p.desc
{
    color: #d8d8d8;
    font-weight: 400;
}
[verify-age-uk] .info-list
{
    border-top: 1px solid hsla(0,0%,100%,.3);
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    margin-top: 30px;
    margin-right: 0;
    margin-bottom: 30px;
    margin-left: 0;
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
}
[verify-age-uk] .info-list>div
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
[verify-age-uk] .info-list>div:last-child
{
    margin-bottom: 0;
}
[verify-age-uk] .info-list>div>label
{
    color: #717171;
}
[verify-rg-deposit-setting]>p.error-msg
{
    margin-top: 15px;
}
[verify-rg-deposit-setting] [limit-unit-field] label
{
    flex-basis: 30%;
    min-width: 98px;
    white-space: normal;
}
[verify-rg-deposit-setting] [limit-unit-field] label+div
{
    flex-basis: 70%;
}
[verify-rg-loss-setting] [limit-unit-field] label
{
    flex-basis: 30%;
    min-width: 98px;
    white-space: normal;
}
[verify-rg-loss-setting] [limit-unit-field] label+div
{
    flex-basis: 70%;
}
[verify-rg-balance-setting] [limit-unit-field] label
{
    flex-basis: 30%;
    min-width: 98px;
    white-space: normal;
}
[verify-rg-balance-setting] [limit-unit-field] label+div
{
    flex-basis: 70%;
}
[verify-rg-balance-setting] .list-star
{
    padding-bottom: 0;
}
[verify-rg-balance-setting]>ul
{
    margin-top: 4px;
    margin-left: 16px;
}
[verify-rg-balance-setting]>ul li
{
    padding-left: 10px;
    position: relative;
    color: #7f7f7f;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
}
[verify-rg-balance-setting]>ul li:before
{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #7f7f7f;
    position: absolute;
    left: 0;
    top: 9px;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
}
[verify-rg-login-time-setting] [limit-hour-field]
{
    -moz-column-gap: 8px;
    column-gap: 8px;
}
[verify-rg-login-time-setting] [limit-hour-field] label
{
    flex-basis: 30%;
    display: flex;
    min-width: 98px;
    min-height: 46px;
    align-items: center;
    font-size: 16px;
}
[verify-rg-login-time-setting] [limit-hour-field] label+div
{
    flex-basis: 70%;
}
[verify-rg-login-time-setting] .list-star
{
    margin-top: 22px;
}
[limit-minute-field]
{
    display: flex;
    align-items: flex-start;
}
[limit-minute-field]:not(:first-of-type)
{
    margin-top: 16px;
}
[limit-minute-field]>label
{
    font-size: 16px;
    color: #ccc;
    margin-top: 14px;
    min-width: 120px;
}
[limit-minute-field]>div
{
    flex-grow: 2;
}
[limit-minute-field]>div [drop-select] a input
{
    font-size: 16px!important;
}
[limit-minute-field]>div .hour-holder
{
    display: flex;
    align-items: center;
    margin-top: 8px;
}
[limit-minute-field]>div .hour-holder [text-input]
{
    flex-grow: 2;
}
[limit-minute-field]>div .hour-holder>em
{
    margin-left: 12px;
    display: inline-block;
    font-size: 14px;
    color: hsla(0,0%,100%,.5);
}
[verify-rg-re-login-time-setting] [limit-minute-Field]
{
    margin-top: 16px;
}
[verify-rg-re-login-time-setting] [limit-minute-Field] label
{
    flex-basis: 30%;
    min-width: 98px;
    white-space: normal;
}
[verify-rg-re-login-time-setting] [limit-minute-Field] label+div
{
    flex-basis: 70%;
}
[verify-rg-re-login-time-setting] p
{
    margin-top: 16px;
}
[verify-rg-loss-cz-setting] [limit-unit-field] label
{
    flex-basis: 30%;
    min-width: 98px;
    white-space: normal;
}
[verify-rg-loss-cz-setting] [limit-unit-field] label+div
{
    flex-basis: 70%;
}
[verify-rg-loss-kr-setting]
{
    text-align: center;
}
[verify-rg-loss-kr-setting]>[font-icon]
{
    font-size: 30px;
}
[verify-rg-loss-kr-setting]>.desc.xlg
{
    margin-top: 8px;
    margin-bottom: 8px;
}
[verify-rg-loss-kr-setting] .my-information
{
    color: #fff;
}
[verify-rg-loss-kr-setting]>.result
{
    margin-top: 40px;
    margin-right: 30px;
    margin-left: 30px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #6f6f6f;
}
[verify-rg-loss-kr-setting]>.result .desc.mlg
{
    margin-bottom: 8px;
    color: #fff;
}
[verify-rg-loss-kr-setting]>.result .desc.lg
{
    color: #fff;
}
[verify-rg-loss-kr-setting]>p.error-msg
{
    margin-top: 15px;
}
[verify-rg-loss-kr-setting] .holder
{
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
    gap: 8px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding: 8px;
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 4px;
}
[verify-rg-loss-kr-setting] .holder>a
{
    width: 50%;
    border-radius: 4px;
    background-color: hsla(0,0%,100%,.07);
    padding-top: 20px;
    padding-bottom: 20px;
}
[verify-rg-loss-kr-setting] .holder>a.active
{
    color: #fff;
    background-color: hsla(0,0%,100%,.3);
}
[national-register-number]
{
    margin-top: 8px;
}
[verify-rg-totalbet-setting]>h4
{
    font-size: 18px;
    font-weight: 500;
    color: #ffc64d;
}
[verify-rg-totalbet-setting] b
{
    color: #ffc64d;
    font-weight: 500;
}
[verify-rg-totalbet-setting]>h5
{
    color: #ababab;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.2px;
    margin-bottom: 16px;
    padding-top: 20px;
    border-top: 1px solid #8b8b8b;
}
[verify-rg-totalbet-setting] [limit-unit-field] label
{
    flex-basis: 30%;
    min-width: 98px;
    white-space: normal;
}
[verify-rg-totalbet-setting] [limit-unit-field] label+div
{
    flex-basis: 70%;
}
[verify-rg-monthly-login-frequency-setting] [limit-minute-Field]
{
    margin-top: 16px;
}
[verify-rg-monthly-login-frequency-setting] [limit-minute-Field] label
{
    flex-basis: 30%;
    min-width: 98px;
    white-space: normal;
}
[verify-rg-monthly-login-frequency-setting] [limit-minute-Field] label+div
{
    flex-basis: 70%;
}
[verify-rg-monthly-login-frequency-setting] p
{
    margin-top: 16px;
}
[bank-account] .list-holder>label
{
    display: block;
    color: hsla(0,0%,100%,.6);
    margin-top: 24px;
    margin-bottom: 24px;
}
[bank-account] [file-selector].disabled
{
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
    top: -9999px;
    right: auto;
    bottom: auto;
}
[credit-debit-card]
{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    align-items: flex-start;
}
[credit-debit-card]>*
{
    width: 100%;
}
[credit-debit-card] .half-holder
{
    display: flex;
    flex-grow: 1;
    gap: 8px;
}
[credit-debit-card] .half-holder>*
{
    width: 100%;
}
[payment-account-verification] .bts-holder
{
    margin-bottom: 56px;
    display: flex;
    gap: 16px;
    justify-content: space-around;
}
[payment-account-verification] .bts-holder>button
{
    border-radius: 8px;
    border: 1px solid hsla(0,0%,100%,.5);
    flex-grow: 1;
    padding: 24px;
    color: hsla(0,0%,100%,.5);
    font-size: 18px;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 12px;
}
[payment-account-verification] .bts-holder>button.active
{
    border: 1px solid #fff;
    color: #fff;
}
[verify-citizenship-names]>p
{
    color: #7f7f7f;
    margin-bottom: 24px;
}
[verify-citizenship-names]>div>input
{
    width: 0;
    height: 0;
    position: absolute;
}
[verify-citizenship-names] .field-holder
{
    display: flex;
    justify-content: space-between;
}
[verify-citizenship-names] .field-holder>*
{
    width: calc(50% - 5px);
}
[verify-citizenship-birth] .birth-holder>[gender-selector], [verify-citizenship-names]>:nth-of-type(2)
{
    margin-top: 8px;
}
[verify-citizenship-proof-of-citizenship] [description-holder]
{
    margin-top: 12px;
    padding-left: 16px;
}
[verify-citizenship-proof-of-citizenship] .add-document
{
    color: #ccc;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
[verify-citizenship-proof-of-citizenship] .list-holder
{
    margin-top: 20px;
}
[verify-citizenship-proof-of-citizenship] .error
{
    margin-top: 20px;
    color: #df3320;
}
[verify-citizenship-proof-of-citizenship] a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[verify-citizenship-information] .icon-holder
{
    margin-top: 28px;
    text-align: center;
}
[verify-citizenship-information] .icon-holder [font-icon]
{
    font-size: 40px;
}
[verify-citizenship-information] .title-holder
{
    margin-top: 28px;
    margin-bottom: 28px;
    text-align: center;
}
[verify-citizenship-information] .title-holder p
{
    font-size: 32px;
    font-weight: 600;
}
[verify-citizenship-information] .description
{
    margin-top: 12px;
    color: #9d9e9e;
}
[verify-citizenship-information] .contents-holder
{
    padding-top: 20px!important;
    padding-right: 0!important;
    padding-bottom: 0!important;
    padding-left: 0!important;
}
[verify-citizenship-information] .contents-holder .sub-holder
{
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
[verify-citizenship-information] .contents-holder .sub-holder .label
{
    color: #fff;
}
[verify-citizenship-information] .contents-holder .sub-holder .citizenship
{
    color: #7a7a7a;
}
[verify-citizenship-information] .contents-holder .contents
{
    display: flex;
    padding: 12px;
    border-radius: 4px;
    background-color: #2a2a2a;
}
[verify-citizenship-information] .contents-holder .contents [font-icon]
{
    color: #929292;
    font-size: 20px;
}
[verify-citizenship-information] .contents-holder .contents div
{
    margin-left: 8px;
    font-size: 14px;
    line-height: 20px;
}
[verify-citizenship-information] .contents-holder .contents div label
{
    display: block;
    color: #f2f2f2;
    font-weight: 600;
}
[verify-citizenship-information] .contents-holder .contents div ul
{
    color: #aaa;
}
[verify-citizenship-information] .contents-holder .contents div ul>li
{
    word-break: keep-all;
    margin-left: 4px;
    padding-left: 12px;
    position: relative;
}
[verify-citizenship-information] .contents-holder .contents div ul>li:before
{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #aaa;
    position: absolute;
    left: 0;
    top: 8px;
    right: auto;
    bottom: auto;
}
[verify-citizenship-information] .contents-holder .contents+.contents
{
    margin-top: 12px;
}
[verify-citizenship-information] [progress-button].cancel
{
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #515151;
}
.no-touch [verify-citizenship-information] [progress-button].cancel:hover:not(.hover-disable), [verify-citizenship-information] [progress-button].cancel:active
{
    background-color: #515151;
}
[verify-citizenship-information] .footer
{
    text-align: center;
    color: #9f9f9f;
}
[verify-citizenship-reviewing-documents]
{
    text-align: center;
}
[verify-citizenship-reviewing-documents]>[font-icon]
{
    display: block;
    margin-bottom: 8px;
    font-size: 80px;
    margin-top: 24px;
}
[verify-citizenship-reviewing-documents]>h3
{
    font-size: 22px;
    line-height: 27px;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 24px;
}
[verify-citizenship-reviewing-documents]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[verify-citizenship-reviewing-documents]>p>a
{
    color: #2680eb;
    text-decoration: underline;
}
[verify-citizenship-reviewing-documents]>h4
{
    margin-top: 24px;
    margin-bottom: 14px;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: 400;
    color: #ccc;
}
[verify-citizenship-reviewing-documents] ul
{
    text-align: left;
}
[verify-citizenship-reviewing-documents] ul li
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
[verify-citizenship-reviewing-documents] ul li:not(:last-child)
{
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 12px;
}
[verify-citizenship-reviewing-documents] ul li>span
{
    flex: 0;
    display: block;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: 500;
}
[verify-citizenship-reviewing-documents] ul li>span.reviewing
{
    color: #ffc64d;
}
[verify-citizenship-reviewing-documents] ul li>span.approved
{
    color: #ccc;
}
[verify-citizenship-reviewing-documents] ul li>span.rejected
{
    color: #7f7f7f;
}
[verify-citizenship-reviewing-documents] ul li>span.expired
{
    color: #ffc64d;
}
[verify-citizenship-reviewing-documents] ul li div
{
    flex: 1;
    word-break: break-all;
}
[verify-citizenship-reviewing-documents] ul li div span
{
    display: block;
}
[verify-citizenship-reviewing-documents] ul li div span.date, [verify-citizenship-reviewing-documents] ul li div span.name
{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    color: #7f7f7f;
}
[verify-citizenship-reviewing-documents] ul li div span.date
{
    margin-top: 4px;
}
[verify-citizenship-reviewing-documents] ul li+li
{
    margin-top: 12px;
}
[verify-citizenship] p
{
    font-size: 16px;
}
[verify-citizenship]>.error
{
    margin-top: 20px;
    color: #df3320;
}
[verify-citizenship] a[href^=mailto]
{
    color: #2680eb;
    text-decoration: underline;
}
[temporary-account-accepted-de]>span
{
    display: flex;
    align-items: center;
}
[temporary-account-accepted-de]>span [font-icon]
{
    margin-left: 4px;
}
[temporary-account-accepted-de]>span strong
{
    font-weight: 700;
}
[temporary-account-accepted-de]>span+span
{
    margin-top: 32px;
    font-weight: 700;
}
[temporary-account-accepted-de]>[description-holder]
{
    margin-top: 20px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #262626;
    border: 1px solid #333;
}
[temporary-account-accepted-de]>[description-holder] li
{
    color: #d8d8d8;
}
[temporary-account-accepted-de]>[description-holder] li:before
{
    background-color: #d8d8d8;
    top: 8px;
}
[temporary-account-accepted-ph]
{
    text-align: center;
}
[temporary-account-accepted-ph]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    font-size: 80px;
}
[temporary-account-accepted-ph]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
}
[temporary-account-accepted-ph]>p .red
{
    font-weight: 600;
    color: #f00;
}
[temporary-account-accepted-ph]>p>a
{
    color: #2680eb;
}
[temporary-account-accepted-ph]>p+p
{
    margin-top: 22px;
}
[temporary-account-accepted-ph]>[color-button]+[color-button]
{
    margin-top: 16px;
}
[temporary-account-expired-de]>p
{
    color: #7f7f7f;
    margin-bottom: 24px;
}
[temporary-account-expired-de]>:nth-of-type(2)
{
    margin-top: 8px;
}
[temporary-account-expired-ph]
{
    text-align: center;
}
[temporary-account-expired-ph]>[font-icon]
{
    display: block;
    margin-bottom: 24px;
    font-size: 80px;
}
[temporary-account-expired-ph]>p
{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
}
[temporary-account-expired-ph]>p .red
{
    font-weight: 600;
    color: #f00;
}
[temporary-account-expired-ph]>p+p
{
    margin-top: 22px;
}
[temporary-account-expired-ph]>[color-button]+[color-button]
{
    margin-top: 16px;
}
[temporary-account-login-de]>p
{
    color: #7f7f7f;
    margin-bottom: 24px;
}
[temporary-account-login-de]>p strong
{
    color: #ebebef;
}
[temporary-account-login-de] .button-holder [color-button]
{
    display: block;
    line-height: 20px;
}
.no-touch [temporary-account-login-de] .button-holder>:first-of-type:hover:not(.hover-disable), [temporary-account-login-de] .button-holder>:first-of-type:active
{
    background-color: #484b51;
}
[temporary-account-login-de] .button-holder>:nth-of-type(2)
{
    margin-top: 12px;
}
[request-mandatory] .header-holder .desc>a
{
    display: block;
    color: #06c;
}
[request-mandatory] .content-holder
{
    padding-top: 20px;
    padding-bottom: 16px;
}
[request-mandatory] .content-holder .disabled
{
    color: hsla(0,0%,100%,.3);
}
[request-mandatory] .content-holder .content
{
    padding-top: 12px;
}
[request-mandatory] .content-holder .content .flex
{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
[request-mandatory] .content-holder .content .flex>[validation-component]
{
    width: 90%;
}
[request-mandatory] .content-holder .content>p
{
    font-size: 14px;
    margin-top: 20px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 6px;
    border-radius: 4px;
    background-color: #262626;
    border: 1px solid #333;
    color: #d8d8d8;
}
[request-mandatory] .content-holder .content [checkbox-item] em
{
    white-space: normal;
}
[request-mandatory] .content-holder+.content-holder
{
    border-top: 1px solid #333;
}
[iban]>*
{
    margin-bottom: 20px;
    color: #d8d8d8;
}
[iban]>* a
{
    color: #06c;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-347cdab0]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-347cdab0]
    {
        display: none!important;
    }
}
.submit-group[data-v-347cdab0]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-347cdab0]
    {
        flex-direction: row;
    }
}
[auth-camera]>.contents-holder .header[data-v-347cdab0]
{
    text-align: center;
}
[auth-camera]>.contents-holder .header [font-icon][data-v-347cdab0]
{
    font-size: 60px;
}
[auth-camera]>.contents-holder .header h2[data-v-347cdab0]
{
    margin-top: 12px;
}
[auth-camera]>.contents-holder .contents[data-v-347cdab0]
{
    margin-top: 28px;
    padding: 20px;
    background-color: #262626;
    border-radius: 8px;
    text-align: left;
    word-break: break-all;
    white-space: normal;
    font-weight: 500;
}
[auth-camera]>.contents-holder .contents div+div[data-v-347cdab0]
{
    margin-top: 12px;
}
[auth-camera]>.contents-holder .contents ul[data-v-347cdab0]
{
    margin-top: 12px;
    padding-left: 8px;
}
[auth-camera]>.contents-holder .contents ul li[data-v-347cdab0]
{
    display: flex;
}
[auth-camera]>.contents-holder .contents ul li[data-v-347cdab0]:before
{
    content: "•";
    margin-right: 8px;
}
[auth-camera] .dimmed[data-v-347cdab0]
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10;
}
[auth-camera] .modal[data-v-347cdab0]
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}
[auth-camera] .modal.fade-in[data-v-347cdab0]
{
    transition: opacity .5s;
    opacity: 1;
    visibility: visible;
}
[auth-camera] .modal>.contents-holder[data-v-347cdab0]
{
    z-index: 20;
    background-color: #171717;
    margin-right: 20px!important;
    margin-left: 20px!important;
    padding-top: 40px!important;
    padding-right: 20px!important;
    padding-bottom: 40px!important;
    padding-left: 20px!important;
    border-radius: 8px;
}
[auth-camera] .modal>.contents-holder .header[data-v-347cdab0]
{
    text-align: center;
}
[auth-camera] .modal>.contents-holder .header>[font-icon][data-v-347cdab0]
{
    font-size: 60px;
    color: #e03939;
}
[auth-camera] .modal>.contents-holder .header>h2[data-v-347cdab0]
{
    margin-top: 12px;
}
[auth-camera] .modal>.contents-holder .contents[data-v-347cdab0]
{
    margin-top: 28px;
    word-break: break-all;
    white-space: normal;
    font-weight: 500;
}
[auth-camera] .modal>.contents-holder .contents div+div[data-v-347cdab0]
{
    margin-top: 12px;
}
[auth-camera] .button>[progress-button][data-v-347cdab0]
{
    font-size: 18px;
}
.no-touch [auth-camera] .button>[progress-button].close[data-v-347cdab0]:hover:not(.hover-disable), [auth-camera] .button>[progress-button].close[data-v-347cdab0], [auth-camera] .button>[progress-button].close[data-v-347cdab0]:active
{
    background-color: #515151;
}
[auth-camera] .button>[progress-button]+[progress-button][data-v-347cdab0]
{
    margin-top: 12px;
}
@media(max-width: 419px)
{
    .hidden-ms-down[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up[data-v-832679d2]
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up[data-v-832679d2]
    {
        display: none!important;
    }
}
.submit-group[data-v-832679d2]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group[data-v-832679d2]
    {
        flex-direction: row;
    }
}
[mandatory-information-verification] .header[data-v-832679d2]
{
    margin-bottom: 24px;
}
[mandatory-information-verification] .header h1[data-v-832679d2]
{
    text-align: left;
    font-weight: 500;
    font-size: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    line-height: 1.2;
}
[mandatory-information-verification] .header h1 [font-icon][data-v-832679d2]
{
    font-size: 20px;
    margin-right: 16px;
    margin-top: 4px;
    color: #fff;
}
[mandatory-information-verification] .header .progress[data-v-832679d2]
{
    width: 100%;
    height: 2px;
    position: relative;
    background-color: hsla(0,0%,100%,.07);
    display: block;
    margin-top: 16px;
}
[mandatory-information-verification] .header .progress span[data-v-832679d2]
{
    display: block;
    width: 0;
    height: 2px;
    background-color: #df3320;
}
[mandatory-information-verification] .personal-info-contents>[data-v-832679d2]:nth-of-type(2)
{
    margin-top: 8px;
}
[mandatory-information-verification] .verify-code-contents h2[data-v-832679d2]
{
    font-size: 24px;
    color: #ccc;
    margin-bottom: 12px;
    font-weight: 500;
}
[mandatory-information-verification] .verify-code-contents [validation-errors][data-v-832679d2]
{
    text-align: center;
    margin-top: 20px;
}
[mandatory-information-verification] .verify-code-contents em[data-v-832679d2]
{
    color: #fff!important;
}
[mandatory-information-verification] .verify-code-contents>[verify-resend][data-v-832679d2]
{
    margin-top: 20px;
    text-align: right;
}
[mandatory-information-verification] .verify-code-contents>[open-email-app][data-v-832679d2]
{
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
[mandatory-information-verification] .verify-code-contents>p[data-v-832679d2]
{
    color: #7f7f7f;
    word-break: break-word;
}
[mandatory-information-verification] .verify-code-contents>p em[data-v-832679d2]
{
    color: #fff;
}
[mandatory-information-verification] .success-contents[data-v-832679d2]
{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
[mandatory-information-verification] .success-contents [font-icon][data-v-832679d2]
{
    margin-top: 55px;
    display: block;
    font-size: 60px;
    color: #1db77d;
}
[mandatory-information-verification] .success-contents h3[data-v-832679d2]
{
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    margin-top: 24px;
    margin-right: 0;
    margin-bottom: 12px;
    margin-left: 0;
}
[uk-proof-of-identity-guide-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #0e1415;
    font-size: 13px;
    color: #fff;
    word-break: break-word;
    white-space: pre-line;
}
[uk-proof-of-identity-guide-floating]>ul>li
{
    display: flex;
}
[uk-proof-of-identity-guide-floating]>ul>li:before
{
    content: "•";
    padding-right: 10px;
}
[uk-proof-of-identity-guide-floating]>ul>li label
{
    display: block;
}
[uk-proof-of-address-guide-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #0e1415;
    font-size: 13px;
    color: #fff;
    word-break: break-word;
    white-space: pre-line;
}
[uk-proof-of-address-guide-floating]>ul>li
{
    display: flex;
}
[uk-proof-of-address-guide-floating]>ul>li:before
{
    content: "•";
    padding-right: 10px;
}
[uk-proof-of-address-guide-floating]>ul>li label
{
    display: block;
}
[uk-proof-of-affordability-guide-floating]
{
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 12px;
    border-radius: 4px;
    background-color: #0e1415;
    font-size: 13px;
    color: #fff;
    word-break: break-word;
    white-space: pre-line;
}
[uk-proof-of-affordability-guide-floating]>ul>li
{
    display: flex;
}
[uk-proof-of-affordability-guide-floating]>ul>li:before
{
    content: "•";
    padding-right: 10px;
}
[uk-proof-of-affordability-guide-floating]>ul>li label
{
    display: block;
}
[uk-proof-of-affordability-guide-floating]>p
{
    margin-top: 20px;
}
[verification-guide-uk]
{
    word-break: break-word;
    white-space: pre-line;
}
[verification-guide-uk] .contents
{
    margin-top: 40px;
}
[verification-guide-uk] .contents>p
{
    font-weight: 500;
}
[verification-guide-uk] .contents>ul
{
    margin-top: 20px;
}
[verification-guide-uk] .contents>ul :not(:first-of-type)
{
    margin-top: 12px;
}
[verification-guide-uk] .contents>ul li
{
    display: flex;
}
[verification-guide-uk] .contents>ul li:before
{
    content: "•";
    padding-right: 10px;
}
[verification-guide-uk] .contents>ul li div
{
    color: #ccc;
}
[verification-guide-uk] .contents>ul li div p
{
    color: #fff;
    font-weight: 500;
}
[verification-guide-uk] .contents>ul li div span
{
    display: block;
}
[verification-guide-uk] .contents>ul li div b
{
    display: block;
    font-weight: 500;
}
[verification-guide-uk] .contents>ul li div b:before
{
    content: "-";
    padding-right: 10px;
}
[verification-guide-uk] .contents>ul li div button
{
    color: #2680eb;
    font-size: 16px;
}
[lottie]
{
    position: relative;
}
[lottie] .fallback
{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
[modal-container]
{
    position: fixed;
    width: 100vw;
    height: var(--innerHeight);
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 5000;
}
@keyframes c1
{
    0%
    {
        opacity: 1;
        transform: scale(1);
    }
    50%
    {
        opacity: 0;
        transform: scale(.5);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}
[modal-container]>div
{
    z-index: 1;
}
[modal-container] .blocker
{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
[modal-container] .blocker>.dim
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
}
[modal-container] .blocker [lottie]:not(.lottie-coaching)
{
    width: 250px;
    height: 250px;
}
[modal-container] .blocker .lottie-coaching
{
    width: 200px;
    height: 200px;
}
[modal-container] .blocker .seq-preloader
{
    font-size: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    z-index: 2;
}
[modal-container] .blocker .seq-preloader>*
{
    display: inline-block;
    vertical-align: top;
}
[modal-container] .blocker .seq-preloader em
{
    width: 10px;
    height: 10px;
    margin-top: 0;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
    background-color: #fff;
    border-radius: 30px;
    animation-name: c1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
[modal-container] .blocker .seq-preloader em:nth-of-type(2)
{
    width: 12px;
    height: 12px;
    margin-top: -1px;
    animation-delay: .2s;
}
[modal-container] .blocker .seq-preloader em:nth-of-type(3)
{
    width: 14px;
    height: 14px;
    margin-top: -2px;
    animation-delay: .4s;
}
[modal-container] .blocker .seq-preloader em:nth-of-type(4)
{
    width: 16px;
    height: 16px;
    margin-top: -3px;
    animation-delay: .6s;
}
[modal-container] .blocker .seq-preloader em:nth-of-type(5)
{
    width: 14px;
    height: 14px;
    margin-top: -2px;
    animation-delay: .8s;
}
[modal-container] .fade-enter-active, [modal-container] .fade-leave-active
{
    transition: opacity .5s .3s;
}
[modal-container] .fade-enter, [modal-container] .fade-leave-to
{
    opacity: 0;
}
[modal-container].clear
{
    width: 0;
    height: 0;
}
.GOLD [toast-container]>div.success
{
    background-color: #a98545;
}
[toast-container]
{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 20px;
    right: auto;
    top: auto;
    z-index: 10000;
    font-size: 14px;
    font-weight: 500;
}
[toast-container]>div
{
    position: absolute;
    left: 50%;
    bottom: 0;
    right: auto;
    top: auto;
    width: 90%;
    height: auto;
    opacity: 1;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .5s 0s,opacity .5s 0s;
    transform: translateX(-50%) translateY(150%);
    padding-top: 18px;
    padding-right: 0;
    padding-bottom: 18px;
    padding-left: 0;
    color: #fff;
    border-radius: 30px;
}
[toast-container]>div [font-icon]
{
    margin-right: 4px;
}
[toast-container]>div.success
{
    background-color: #00bfa5;
}
[toast-container]>div.fail
{
    background-color: #e81a1a;
    color: #fff;
}
[toast-container]>div.fail *
{
    display: inline-block!important;
}
[toast-container]>div.out
{
    opacity: 0;
}
[toast-container]>div [font-icon]
{
    font-size: 20px;
    margin-right: 5px;
    color: #fff;
}
[toast-container]>div [font-icon], [toast-container]>div span
{
    display: inline-block;
    vertical-align: middle;
}
[fp-country-number-drop-select]
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
}
[fp-country-number-drop-select].single
{
    height: 48px;
}
[fp-country-number-drop-select].single [search-drop-select]>a
{
    height: 48px;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 hsla(0,0%,78%,.1),inset 0 1px 0 0 #000;
    background-color: hsla(0,0%,100%,.07)!important;
}
[fp-country-number-drop-select].single [search-drop-select]>a>label
{
    line-height: 50px;
    height: 100%;
}
[fp-country-number-drop-select] .img-country
{
    width: 18px;
    display: inline-block;
    margin-right: 8px;
}
[fp-country-number-drop-select] .link
{
    position: absolute;
    right: 0;
    bottom: -28px;
    left: auto;
    top: auto;
    color: #df3320;
    font-weight: 600;
}
[fp-country-number-drop-select] .link a
{
    font-weight: 400;
    border-bottom: 1px solid #df3320;
}
[fp-info]
{
    display: flex;
    flex-direction: column;
}
[fp-info] .field-holder
{
    flex: 1;
}
[fp-info] .or
{
    font-size: 16px;
    line-height: 20px;
    color: #7f7f7f;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
[fp-info] .or span
{
    padding-right: 12px;
    padding-left: 12px;
    background-color: #171717;
    position: relative;
    z-index: 1;
}
[fp-info] .or em
{
    width: 100%;
    height: 1px;
    background-color: #333;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    max-width: 440px;
}
[fp-info] .error-msg
{
    padding-left: 2px;
    margin: 0;
    color: #df3320;
    font-size: 14px;
    padding-top: 5px;
}
[fp-info] .mobile-holder
{
    display: flex;
    flex-direction: column;
}
[fp-info] .mobile-holder>div+div
{
    margin-top: 4px;
}
@media(min-width: 580px)
{
    [fp-info] .mobile-holder
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    [fp-info] .mobile-holder>div+div
    {
        margin-top: 0;
    }
    [fp-info] .mobile-holder>:first-of-type
    {
        width: 35%;
    }
    [fp-info] .mobile-holder>:nth-of-type(2)
    {
        width: calc(65% - 8px);
    }
}
[fp-info] .btn-holder
{
    margin-bottom: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 16px;
}
[fp-info] .btn-holder>a
{
    text-decoration-line: underline;
}
[fp-info] .btn-holder .icon
{
    color: #c64040;
}
[fp-radio-item]
{
    padding: 20px;
    margin-top: -1px;
    cursor: pointer;
    position: relative;
    min-height: 60px;
    border-radius: 5px;
    width: 100%;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.1),inset 0 1px 0 0 #000;
    color: #aeaeae;
    gap: 10px;
    display: flex;
    flex-direction: column;
    background-color: #262626;
    border: 2px solid #333;
}
[fp-radio-item] [gp-radio-button]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding-top: 0;
}
[fp-radio-item] [gp-radio-button]>i
{
    width: 16px;
    height: 16px;
    border: 1px solid #646464;
    border-radius: 16px;
    background-color: #1f1f1f;
    position: relative;
}
[fp-radio-item] [gp-radio-button]>i.on
{
    border: 1px solid #fff;
    border: 2px solid #fff;
}
[fp-radio-item] [gp-radio-button]>i.on:after
{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -4px;
}
[fp-radio-item].active
{
    border: 2px solid #fff;
    color: #fff;
}
[fp-radio-item] .radio-box
{
    display: flex;
    flex-direction: row;
    padding: 0;
    gap: 5px;
    align-items: center;
}
[fp-radio-item] .radio-box .title-group
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    align-items: flex-start;
}
@media(min-width: 580px)
{
    [fp-radio-item] .radio-box .title-group
    {
        gap: 20px;
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    [fp-radio-item] .radio-box .title-group>h3
    {
        font-size: 16px;
        font-weight: 500;
    }
}
[fp-radio-item] .radio-box .title-group>div
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
[fp-radio-item] .radio-box .title-group>div>img
{
    width: 18px;
    height: 18px;
    -o-object-fit: cover;
    object-fit: cover;
}
[fp-radio-item] .radio-box .title-group>div>h3
{
    font-size: 14px;
    font-weight: 500;
}
[fp-radio-item] .radio-box .title-group>p
{
    font-size: 12px;
    color: #f00;
}
[fp-radio-item] .radio-box .content-group
{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
[fp-radio-item] .radio-box .content-group>p
{
    color: #999;
    font-size: 12px;
    line-height: 16px;
}
[fp-radio-item] .toggle-wrapper
{
    padding-top: 20px;
    padding-bottom: 10px;
}
[fp-radio-item] .mobile-button-group
{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
[fp-radio-item] .mobile-button-group>button
{
    color: #717171;
    border: 1px solid #717171;
    padding: 10px;
    min-width: 100px;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}
[fp-radio-item] .mobile-button-group>button.active
{
    border: 1px solid #fff;
    color: #fff;
}
[fp-select]
{
    display: flex;
    flex-direction: column;
}
[fp-select] .or
{
    font-size: 16px;
    line-height: 20px;
    color: #7f7f7f;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
[fp-select] .or span
{
    padding-right: 12px;
    padding-left: 12px;
    background-color: #171717;
    position: relative;
    z-index: 1;
}
[fp-select] .or em
{
    width: 100%;
    height: 1px;
    background-color: #333;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    max-width: 440px;
}
[fp-select] .support-email
{
    display: flex;
    justify-content: center;
    gap: 5px;
}
[fp-select] .support-email>span
{
    color: #7f7f7f;
}
[fp-select] .support-email>a
{
    color: #c64040;
    text-decoration: underline;
}
[fp-resend-button]
{
    display: flex;
    justify-content: flex-end;
}
[fp-resend-button]>p
{
    display: flex;
    gap: 10px;
}
[fp-resend-button] .resend
{
    text-decoration-line: underline;
    color: #434343;
}
[fp-resend-button] .resend.end
{
    color: #ccc;
}
[fp-resend-button] .timer
{
    color: #737373;
}
[fp-reset]>div+div
{
    margin-top: 12px;
}
[fp-verify]
{
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}
[fp-verify] .email-app
{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
[fp-verify] .email-app .btn-holder
{
    display: flex;
    gap: 10px;
    align-items: center;
}
[fp-verify] [verify-resend]
{
    display: flex;
    justify-content: flex-end;
}
[fi-mobile]
{
    display: flex;
    flex-direction: column;
}
[fi-mobile] .field-holder
{
    flex: 1;
}
[fi-mobile] .error-msg
{
    padding-left: 2px;
    margin: 0;
    color: #df3320;
    font-size: 14px;
    padding-top: 5px;
}
[fi-mobile] .mobile-holder
{
    display: flex;
    flex-direction: column;
}
[fi-mobile] .mobile-holder>div+div
{
    margin-top: 4px;
}
@media(min-width: 580px)
{
    [fi-mobile] .mobile-holder
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    [fi-mobile] .mobile-holder>div+div
    {
        margin-top: 0;
    }
    [fi-mobile] .mobile-holder>:first-of-type
    {
        width: 35%;
    }
    [fi-mobile] .mobile-holder>:nth-of-type(2)
    {
        width: calc(65% - 8px);
    }
}
[fi-email]
{
    display: flex;
    flex-direction: column;
}
[fi-email] .field-holder
{
    flex: 1;
}
[fi-email] .or
{
    font-size: 16px;
    line-height: 20px;
    color: #7f7f7f;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
[fi-email] .or span
{
    padding-right: 12px;
    padding-left: 12px;
    background-color: #171717;
    position: relative;
    z-index: 1;
}
[fi-email] .or em
{
    width: 100%;
    height: 1px;
    background-color: #333;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    max-width: 440px;
}
[fi-email] .error-msg
{
    padding-left: 2px;
    margin: 0;
    color: #df3320;
    font-size: 14px;
    padding-top: 5px;
}
[fi-verify]
{
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}
[fi-verify] .desc.no-margin
{
    margin-bottom: 0!important;
}
[fi-verify] .desc.extra-desc
{
    margin-top: 0!important;
}
[fi-verify] .desc>em
{
    color: #fff;
}
[fi-verify] .temporary-disruption
{
    color: #c64040!important;
    margin-bottom: 0!important;
}
[fi-verify] .header .sub-title
{
    font-size: 22px;
}
[fi-verify] .content .error-msg
{
    text-align: center;
    margin-top: 16px!important;
}
[fi-verify] .email-app
{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
[fi-verify] .email-app .btn-holder
{
    display: flex;
    gap: 10px;
    align-items: center;
}
[fi-verify] .verify-sms
{
    display: flex;
    justify-content: center;
    gap: 8px;
    padding-bottom: 18px;
}
[fi-verify] .verify-sms>[font-icon]
{
    color: #fff;
}
[fi-verify] .verify-sms>button
{
    color: #fff;
    font-size: 16px;
}
[fi-credential]
{
    display: flex;
    flex-direction: column;
}
[fi-credential] .error-msg
{
    padding-left: 2px;
    margin: 0;
    color: #df3320;
    font-size: 14px;
    padding-top: 5px;
}
[fi-credential] .pw
{
    margin-top: 8px;
}
[fi-credential] .field-holder
{
    flex: 1;
}
[fi-credential] .field-holder .mobile-holder
{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
@media(min-width: 580px)
{
    [fi-credential] .field-holder .mobile-holder
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    [fi-credential] .field-holder .mobile-holder>:first-of-type
    {
        width: 35%;
    }
    [fi-credential] .field-holder .mobile-holder>:nth-of-type(2)
    {
        width: calc(65% - 8px);
    }
}
[fi-credential] .footer
{
    display: flex;
    justify-content: center;
}
[fi-credential] .footer .btn-holder
{
    margin-bottom: 30px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 16px;
}
[fi-credential] .footer .btn-holder>a
{
    text-decoration-line: underline;
}
[fi-credential] .footer .btn-holder .icon
{
    color: #c64040;
}
[fi-create], [fi-create] .field-holder
{
    display: flex;
    flex-direction: column;
}
[fi-create] .field-holder
{
    gap: 10px;
}
[fi-create]>div+div
{
    margin-top: 12px;
}
[fi-confirm-password] .content>:first-of-type
{
    margin-bottom: 8px;
}
[fi-complete]
{
    text-align: center;
    position: relative;
}
[fi-complete] .wrapper
{
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    margin-top: -40px;
    width: 100%;
}
[fi-complete] .wrapper [font-icon]
{
    display: block;
    font-size: 60px;
    color: #1db77d;
}
[fi-complete] .wrapper .desc
{
    margin-top: 40px;
    width: 100%;
}
[fi-complete] .wrapper .desc em
{
    color: #fff;
}
[fi-email-guide]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    width: 100%;
    gap: 10px;
    padding-top: 30px;
}
[fi-email-guide] .content
{
    display: flex;
    flex: 1;
    text-align: center;
    flex-direction: column;
    font-size: 16px;
    color: #7f7f7f;
}
[fi-email-guide] .content [font-icon]
{
    display: block;
    font-size: 60px;
    color: #1db77d;
    margin-bottom: 24px;
}
[fi-email-guide] .content>em
{
    color: #fff;
}
[fi-email-guide] .footer
{
    margin-bottom: 80px;
    width: 100%;
}
[fi-email-guide] .footer [progress-button]
{
    max-width: 100%;
}
@media(max-width: 419px)
{
    .hidden-ms-down
    {
        display: none!important;
    }
}
@media(max-width: 579px)
{
    .hidden-mm-down
    {
        display: none!important;
    }
}
@media(max-width: 767px)
{
    .hidden-ml-down
    {
        display: none!important;
    }
}
@media(max-width: 1023px)
{
    .hidden-tp-down
    {
        display: none!important;
    }
}
@media(max-width: 1259px)
{
    .hidden-tl-down
    {
        display: none!important;
    }
}
@media(max-width: 1419px)
{
    .hidden-ds-down
    {
        display: none!important;
    }
}
@media(max-width: 1599px)
{
    .hidden-dm-down
    {
        display: none!important;
    }
}
@media(min-width: 420px)
{
    .hidden-mm-up
    {
        display: none!important;
    }
}
@media(min-width: 580px)
{
    .hidden-ml-up
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .hidden-tp-up
    {
        display: none!important;
    }
}
@media(min-width: 1024px)
{
    .hidden-tl-up
    {
        display: none!important;
    }
}
@media(min-width: 1260px)
{
    .hidden-ds-up
    {
        display: none!important;
    }
}
@media(min-width: 1420px)
{
    .hidden-dm-up
    {
        display: none!important;
    }
}
@media(min-width: 1600px)
{
    .hidden-dl-up
    {
        display: none!important;
    }
}
.submit-group
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media(min-width: 580px)
{
    .submit-group
    {
        flex-direction: row;
    }
}
[fi-password-guide]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    width: 100%;
    gap: 10px;
    padding-top: 30px;
}
[fi-password-guide] .content
{
    display: flex;
    flex: 1;
    text-align: center;
    flex-direction: column;
    font-size: 16px;
    color: #7f7f7f;
}
[fi-password-guide] .content [font-icon]
{
    display: block;
    font-size: 60px;
    color: #1db77d;
    margin-bottom: 24px;
}
[fi-password-guide] .content>em
{
    color: #fff;
}
[fi-password-guide] .footer
{
    margin-bottom: 80px;
    width: 100%;
}
[fi-password-guide] .footer [progress-button]
{
    max-width: 100%;
}