@font-face {font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal}

:root{--swiper-theme-color: #007aff}

.swiper-container{margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1}

.swiper-container-vertical>.swiper-wrapper{flex-direction: column}

.swiper-wrapper{position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box}

.swiper-container-android .swiper-slide,
.swiper-wrapper{transform: translateZ(0)}

.swiper-container-multirow>.swiper-wrapper{flex-wrap: wrap}

.swiper-container-multirow-column>.swiper-wrapper{flex-wrap: wrap;
    flex-direction: column}

.swiper-container-free-mode>.swiper-wrapper{transition-timing-function: ease-out;
    margin: 0 auto}

.swiper-container-pointer-events{touch-action: pan-y}

.swiper-container-pointer-events.swiper-container-vertical{touch-action: pan-x}

.swiper-slide{flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform}

.swiper-slide-invisible-blank{visibility: hidden}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide{height: auto}

.swiper-container-autoheight .swiper-wrapper{align-items: flex-start;
    transition-property: transform, height}

.swiper-container-3d{perspective: 1200px}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper{transform-style: preserve-3d}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10}

.swiper-container-3d .swiper-slide-shadow-left{background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)}

.swiper-container-3d .swiper-slide-shadow-right{background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)}

.swiper-container-3d .swiper-slide-shadow-top{background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)}

.swiper-container-3d .swiper-slide-shadow-bottom{background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)}

.swiper-container-css-mode>.swiper-wrapper{overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display: none}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align: start start}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type: x mandatory}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type: y mandatory}

:root{--swiper-navigation-size: 44px}

.swiper-button-next,
.swiper-button-prev{position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity: .35;
    cursor: auto;
    pointer-events: none}

.swiper-button-next:after,
.swiper-button-prev:after{font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{left: 10px;
    right: auto}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after{content: "prev"}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{right: 10px;
    left: auto}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after{content: "next"}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white{--swiper-navigation-color: #fff}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black{--swiper-navigation-color: #000}

.swiper-button-lock{display: none}

.swiper-pagination{position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10}

.swiper-pagination.swiper-pagination-hidden{opacity: 0}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{bottom: 10px;
    left: 0;
    width: 100%}

.swiper-pagination-bullets-dynamic{overflow: hidden;
    font-size: 0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform: scale(.33);
    position: relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform: scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform: scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform: scale(.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform: scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform: scale(.33)}

.swiper-pagination-bullet{width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2}

button.swiper-pagination-bullet{border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none}

.swiper-pagination-clickable .swiper-pagination-bullet{cursor: pointer}

.swiper-pagination-bullet:only-child{display: none !important}

.swiper-pagination-bullet-active{opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))}

.swiper-container-vertical>.swiper-pagination-bullets{right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 6px 0;
    display: block}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top: 50%;
    transform: translateY(-50%);
    width: 8px}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display: inline-block;
    transition: transform .2s, top .2s}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left: 50%;
    transform: translateX(-50%);
    white-space: nowrap}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition: transform .2s, left .2s}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition: transform .2s, right .2s}

.swiper-pagination-progressbar{background: rgba(0, 0, 0, .25);
    position: absolute}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin: right top}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width: 100%;
    height: 4px;
    left: 0;
    top: 0}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar{width: 4px;
    height: 100%;
    left: 0;
    top: 0}

.swiper-pagination-white{--swiper-pagination-color: #fff}

.swiper-pagination-black{--swiper-pagination-color: #000}

.swiper-pagination-lock{display: none}

body{-webkit-text-size-adjust: none;
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent}

*{max-height: 1000000px}

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{appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    resize: none}

ol:not(.not),
ul:not(.not){list-style: none}

hr{border: none;
    height: 0}

i{font-style: normal}

s{text-decoration: none}

em{font-style: normal}

a{color: inherit}

q:after,
q:before{display: none;
    content: none}

button{border: 0;
    cursor: pointer}

input,
select{appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    vertical-align: middle}

input:checked[type=checkbox]{background-color: #666;
    appearance: checkbox;
    -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;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center}

:focus{outline: 0}

[data-link-type=download] *,
[data-link-type=open-signup] *{pointer-events: none}

.input-btn-x{display: flex;
    justify-content: center;
    align-items: center;
    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)}

.input-btn-x svg{width: 12px;
    height: 12px}

.input-btn-x svg path{fill: #fff}

.input-btn-x [font-icon]{font-size: 16px !important}

.GOLD [drop-list-box] .list-holder .list-box .item.active{background-color: #a98545}

[drop-list-box]{position: fixed;
    left: 0;
    top: -1px;
    right: auto;
    bottom: auto;
    width: 100%;
    transition: opacity .2s 0s;
    transform: translateY(-10px);
    visibility: hidden;
    pointer-events: none;
    opacity: 0}

[drop-list-box].animated{transition: none}

[drop-list-box].down .list-box,
[drop-list-box].on .list-box{border-radius: 0 0 4px 4px}

[drop-list-box].up .list-box{border-radius: 0 0 0 0}

[drop-list-box] .list-holder{height: 100%}

[drop-list-box] .list-holder .list-box{overflow: hidden;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid #fff;
    border-top: 0;
    overflow-y: auto;
    height: 100%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)}

[drop-list-box] .list-holder .list-box .item{padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap}

[drop-list-box] .list-holder .list-box .item:not(:first-of-type){border-top: 1px solid rgba(0, 0, 0, .1)}

[drop-list-box] .list-holder .list-box .item.check-all{border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 4px}

[drop-list-box] .list-holder .list-box .item:hover{background-color: hsla(0, 0%, 100%, .3);
    color: #fff;
    border-radius: 4px}

[drop-list-box] .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-box] .list-holder .list-box .item.none-data:hover{background-color: transparent}

[drop-list-box] .list-holder .list-box .item.active{color: #fff}

[drop-list-box] .list-holder .list-box .tree-item{font-size: 14px;
    cursor: pointer}

[drop-list-box] .list-holder .list-box .tree-item.hide{padding: 0;
    border-top: 0}

[drop-list-box] .list-holder .list-box .tree-item.hide>.item-holder{display: none}

[drop-list-box] .list-holder .list-box .tree-item.hide>*{padding: 0}

[drop-list-box] .list-holder .list-box .tree-item .item-holder{display: flex;
    align-items: center;
    padding-left: 6px}

[drop-list-box] .list-holder .list-box .tree-item .item-holder>*{padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0}

[drop-list-box] .list-holder .list-box .tree-item .children{padding-left: 20px}

[drop-list-box].active{visibility: visible;
    pointer-events: all;
    opacity: 1}

[drop-list-box] [checkbox-item]{width: 100%;
    height: 100%}

[drop-list-box] .active{background-color: rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: 4px}

[drop-list-box]::-webkit-scrollbar{width: 0}

[drop-list-box]::-webkit-scrollbar-track{background-color: transparent}

[drop-list-box]::-webkit-scrollbar-thumb{background-color: transparent;
    border-radius: 2px}

[drop-list-box]::-webkit-scrollbar-thumb:hover{background-color: transparent}

[drop-list-box] .drop-multi-line{font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    padding-top: 3px;
    padding-bottom: 3px}

[drop-list-box] .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)}

[color-button].primary{display: inline-flex;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    background-color: #d30000}

.no-touch [color-button].primary:hover:not(.hover-disable){background-color: #c00000;
    border: 0}

.no-touch [color-button].primary:active:not(.hover-disable){background-color: #960000}

[color-button].primary i{font-size: 24px;
    color: #fff}

[color-button].primary .svg-icon{width: 24px;
    height: 24px}

[color-button].icon{border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)}

[color-button].icon i{font-size: 24px !important}

[color-button].icon i.icon-arrow_left_24.up{transform: rotate(90deg)}

[color-button].download{border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background-color: #d30000;
    border-radius: 56px;
    white-space: nowrap;
    overflow: hidden}

[color-button].download i{font-size: 24px !important}

[color-button].download i.icon-arrow_left_24.up{transform: rotate(90deg)}

[color-button].download>span{display: none;
    color: #fff}

.no-touch [color-button].download:hover:not(.hover-disable){background-color: #c00000;
    border: 0}

.no-touch [color-button].download:active:not(.hover-disable){background-color: #960000}

[color-button].line-black{display: inline-flex;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    padding: 24px;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    border-radius: 64px}

[color-button].purple{display: inline-flex;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    background-color: #d30000;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    background-color: #6750a3;
    font-weight: 400}

.no-touch [color-button].purple:hover:not(.hover-disable){background-color: #c00000;
    border: 0}

.no-touch [color-button].purple:active:not(.hover-disable){background-color: #960000}

[color-button].purple i{font-size: 24px;
    color: #fff}

[color-button].purple .svg-icon{width: 24px;
    height: 24px}

.no-touch [color-button].purple:hover:not(.hover-disable),
[color-button].purple:active{background-color: #6750a3}

[color-button].gray{display: inline-flex;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    background-color: #d30000;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    background-color: #3f3f46;
    font-weight: 400}

.no-touch [color-button].gray:hover:not(.hover-disable){background-color: #c00000;
    border: 0}

.no-touch [color-button].gray:active:not(.hover-disable){background-color: #960000}

[color-button].gray i{font-size: 24px;
    color: #fff}

[color-button].gray .svg-icon{width: 24px;
    height: 24px}

.no-touch [color-button].gray:hover:not(.hover-disable),
[color-button].gray:active{background-color: #3f3f46}

[color-button].gray-line{height: 40px;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #d4d4d4;
    border: 1px solid #54545f;
    background-color: transparent;
    transition: none}

@media (min-width:768px){[color-button].gray-line {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[color-button].gray-line {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

.no-touch [color-button].gray-line:hover:not(.hover-disable),
[color-button].gray-line.active,
[color-button].gray-line:active{background-color: #fff;
    color: #000;
    border: 1px solid #fff}

[color-button].white-line-sm{height: 32px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    transition: none}

@media (min-width:768px){[color-button].white-line-sm {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[color-button].white-line-sm {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[color-button].white-line-sm [font-icon]{font-size: 20px !important}

.no-touch [color-button].white-line-sm:hover:not(.hover-disable),
[color-button].white-line-sm.active,
[color-button].white-line-sm:active{background-color: #fff;
    color: #000;
    border: 1px solid #fff}

.no-touch [color-button].white-line-sm:hover:not(.hover-disable) .svg-icon path,
[color-button].white-line-sm.active .svg-icon path,
[color-button].white-line-sm:active .svg-icon path{stroke: #262626}

[color-button].white-sm{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    height: 40px;
    padding-left: 30px;
    white-space: nowrap}

@media (min-width:768px){[color-button].white-sm {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[color-button].white-sm {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[color-button].white-sm i{font-size: 20px !important;
    color: #000;
    margin-left: 10px}

.no-touch [color-button].white-sm:hover:not(.hover-disable){background-color: #fff}

@media (min-width:1280px){[color-button].white-sm {
        height: 30px;
        padding-left: 20px
    }

    [color-button].white-sm i {
        margin-left: 8px
    }}

[color-button].prev-next{width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #6c6c7a;
    border-radius: 100%}

[color-button].prev-next .svg-icon{width: 20px;
    height: 20px}

[color-button].prev-next .svg-icon path{stroke: #d4d4d4}

[color-button].prev-next>span{display: none;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[color-button].prev-next>span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[color-button].prev-next>span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

.no-touch [color-button].prev-next:hover:not(.hover-disable),
[color-button].prev-next:active{background-color: transparent;
    border: 1px solid #fff}

.no-touch [color-button].prev-next:hover:not(.hover-disable)>span,
[color-button].prev-next:active>span{color: #fff}

[color-button].prev-next[disabled]{opacity: 1;
    border: 1px solid #525252}

[color-button].prev-next[disabled]>span{color: #525252}

[color-button].prev-next[disabled] .svg-icon path{stroke: #525252}

@media (min-width:768px){[color-button].prev-next {
        gap: 4px;
        width: auto;
        height: 32px;
        min-width: 128px;
        border-radius: 16px;
        padding: 0
    }

    [color-button].prev-next .icon {
        font-size: 20px !important;
        color: #fff
    }

    [color-button].prev-next>span {
        flex: 1;
        display: inline-block
    }

    [color-button].prev-next.btn-prev {
        padding-top: 0;
        padding-right: 16px;
        padding-bottom: 0;
        padding-left: 8px
    }

    [color-button].prev-next.btn-next {
        padding-top: 0;
        padding-right: 8px;
        padding-bottom: 0;
        padding-left: 16px
    }}

[drop-select]{transition: none}

[drop-select].gray{height: 48px;
    background-color: #24242a;
    border: 0;
    border-radius: 8px}

[drop-select].gray label input{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    padding-right: 16px;
    padding-left: 16px;
    color: #fff;
    font-weight: 400}

@media (min-width:768px){[drop-select].gray label input {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[drop-select].gray label input {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[drop-select].gray>.angle{width: 10px;
    height: 10px;
    right: 19px}

[drop-select].gray>.angle .icon{border-width: 2px;
    border-color: #fff}

.no-touch [drop-select].gray:hover:not(.hover-disable),
[drop-select].gray:active{border: 0}

[drop-select].gray.open{border-radius: 8px 8px 0 0}

[drop-list-box].gray .list-holder{padding-top: 24px;
    padding-right: 32px;
    padding-bottom: 24px;
    padding-left: 32px;
    border-top: 1px solid #000;
    background-color: #24242a;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .3)}

[drop-list-box].gray .list-holder .list-box{padding: 0;
    background-color: transparent;
    border: 0}

[drop-list-box].gray .list-holder .list-box .item{min-height: 48px;
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    border-top: 0}

@media (min-width:768px){[drop-list-box].gray .list-holder .list-box .item {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[drop-list-box].gray .list-holder .list-box .item {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[drop-list-box].gray .list-holder .list-box .item:hover{color: #fff;
    background-color: transparent}

[drop-list-box].gray .list-holder .list-box .item.active{background-color: transparent;
    text-decoration: underline;
    color: #fff}

[pagination]{margin-top: 32px;
    gap: 4px;
    justify-content: center}

[pagination] a{width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #a3a3a3;
    margin-right: 0;
    margin-left: 0;
    opacity: 1}

@media (min-width:768px){[pagination] a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[pagination] a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

.no-touch [pagination] a:hover:not(.hover-disable),
[pagination] a:active{color: #fff}

[pagination] a.active{color: #fff;
    opacity: 1;
    background-color: #24242a;
    border-radius: 100%}

[pagination] a.active:after{display: none}

[pagination] span .svg-icon path{stroke: #737373}

[pagination] span button:not([disabled]) .svg-icon path{stroke: #fff}

[pagination] span.left{margin-right: 16px}

[pagination] span.left button:first-child{display: none}

[pagination] span.right{margin-left: 16px}

[pagination] span.right button:last-child{display: none}

[accordion-view].line label{position: relative;
    display: flex;
    align-items: center;
    gap: 0}

[accordion-view].line .title{position: relative;
    display: block;
    padding-top: 28px;
    padding-bottom: 28px;
    transition: padding-bottom .25s ease-out;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500}

@media (min-width:768px){[accordion-view].line .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[accordion-view].line .title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[accordion-view].line .title:after,
[accordion-view].line .title:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    transition: width .25s ease-in-out}

[accordion-view].line .title:before{width: 0;
    height: 2px;
    background-color: #d30000;
    border-radius: 2px}

[accordion-view].line .title:after{height: 1px;
    right: 100%;
    background-color: hsla(0, 0%, 100%, .2)}

[accordion-view].line .icon{position: absolute;
    right: 0;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    font-size: 40px !important}

[accordion-view].line .content{padding-top: 28px;
    padding-right: 16px;
    padding-bottom: 28px;
    padding-left: 16px;
    overflow-y: scroll;
    max-height: 1200px}

[accordion-view].line .content::-webkit-scrollbar{width: 4px}

[accordion-view].line .content::-webkit-scrollbar-thumb:hover,
[accordion-view].line .content::-webkit-scrollbar-track{background-color: transparent}

[accordion-view].line .content::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 100%, .5);
    border-radius: 2px}

[accordion-view].line.open .title{padding-bottom: 28px}

[accordion-view].line.open .title:before{width: 80px}

[accordion-view].line.open .title:after{right: 0}

[accordion-view].line.open .icon:before{content: "瞍�"}

[accordion-view].line+[accordion-view].line{border-top: 1px solid #fff}

@media (min-width:768px){[accordion-view].line .content {
        padding-right: 24px;
        padding-left: 24px
    }}

@media (min-width:1280px){[accordion-view].line .title {
        padding-top: 40px;
        padding-bottom: 40px
    }

    [accordion-view].line .content {
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 48px;
        padding-left: 24px
    }

    [accordion-view].line.open .title {
        padding-bottom: 24px
    }}

[accordion-view].label-desc label{display: flex;
    align-items: center;
    height: 40px}

.no-touch [accordion-view].label-desc label:hover:not(.hover-disable) .title{color: #fff;
    transition: color .25s ease-out}

[accordion-view].label-desc .title{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #737373}

@media (min-width:768px){[accordion-view].label-desc .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[accordion-view].label-desc .title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[accordion-view].label-desc .svg-icon{flex: none;
    width: 32px;
    height: 32px;
    transform: translateX(-50%);
    opacity: 0}

[accordion-view].label-desc .svg-icon.ds{display: none}

[accordion-view].label-desc .context-box{position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    padding-top: 12px}

@media (min-width:768px){[accordion-view].label-desc .context-box {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[accordion-view].label-desc .context-box {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[accordion-view].label-desc .context-box a{color: #fff;
    font-weight: 500;
    text-decoration: underline}

[accordion-view].label-desc .context-box:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 100%;
    height: 0;
    background: linear-gradient(90deg, #d30000 -2.21%, #525252 50%)}

[accordion-view].label-desc+[accordion-view].label-desc{margin-top: 32px}

[accordion-view].label-desc.open .svg-icon{transform: translateX(0);
    opacity: 1;
    transition: opacity .25s ease-in-out .25s, transform .25s ease-in-out .25s}

[accordion-view].label-desc.open .title{color: #fff}

[accordion-view].label-desc.open .context-box:before{right: 0;
    height: 2px;
    transition: right .25s ease-in-out}

@media (min-width:768px){[accordion-view].label-desc label {
        height: auto;
        max-height: none
    }

    [accordion-view].label-desc .context-box {
        padding-top: 32px
    }

    [accordion-view].label-desc .context-box:before {
        top: 16px
    }}

@media (min-width:1280px){[accordion-view].label-desc .svg-icon {
        width: 40px;
        height: 40px
    }

    [accordion-view].label-desc .svg-icon.m {
        display: none
    }

    [accordion-view].label-desc .svg-icon.ds {
        display: inline-block
    }

    [accordion-view].label-desc .svg-icon:before {
        content: "瞍�"
    }}

[dir=rtl] [accordion-view].label-desc .context-box:before{left: 100%;
    right: 0;
    background: linear-gradient(240deg, #d30000 -2.21%, #525252 50%)}

[dir=rtl] [accordion-view].label-desc.open .context-box:before{left: 0;
    height: 2px;
    transition: left .25s ease-in-out}

[accordion-view].line-thumb label{position: relative;
    display: flex;
    align-items: center;
    gap: 0}

.no-touch [accordion-view].line-thumb label:hover:not(.hover-disable) .icon,
[accordion-view].line-thumb label:active .icon{color: #fff}

.no-touch [accordion-view].line-thumb label:hover:not(.hover-disable) .icon path,
[accordion-view].line-thumb label:active .icon path{stroke: #fff}

[accordion-view].line-thumb .title{position: relative;
    display: flex;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #737373;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none}

[accordion-view].line-thumb .title:after,
[accordion-view].line-thumb .title:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    transition: right .35s ease-in-out}

[accordion-view].line-thumb .title:before{left: 0;
    right: 100%;
    border-radius: 0;
    z-index: 1;
    height: 2px;
    background: linear-gradient(90deg, #d30000 -2.21%, #3c3c44 50%)}

[accordion-view].line-thumb .title:after{height: 1px;
    right: 0;
    background-color: hsla(0, 0%, 100%, .2)}

[accordion-view].line-thumb .title strong{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #737373}

@media (min-width:768px){[accordion-view].line-thumb .title strong {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[accordion-view].line-thumb .title strong {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[accordion-view].line-thumb .icon{position: absolute;
    right: 0;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    width: 40px;
    height: 40px}

[accordion-view].line-thumb .icon path{stroke: #737373}

[accordion-view].line-thumb .svg-icon-minus{display: none}

[accordion-view].line-thumb .container{display: flex;
    flex-direction: column;
    row-gap: 32px;
    padding-top: 32px}

[accordion-view].line-thumb .container .item{display: flex;
    align-items: flex-start;
    -moz-column-gap: 24px;
    column-gap: 24px}

[accordion-view].line-thumb .container .item figure{flex: none;
    width: 80px;
    height: 80px;
    background-color: #24242a;
    border-radius: 16px}

[accordion-view].line-thumb .container .item figure img{width: 100%;
    height: auto;
    transform-origin: center left}

[accordion-view].line-thumb .container .item figure.cards{position: relative;
    background-color: #24242a;
    border-radius: 16px}

[accordion-view].line-thumb .container .item figure.cards img{position: absolute;
    top: 20px;
    width: 30px;
    height: auto;
    border-radius: 4px}

[accordion-view].line-thumb .container .item figure.cards img:first-child{left: 8px;
    transform: rotate(-10deg);
    transform-origin: left top}

[accordion-view].line-thumb .container .item figure.cards img:last-child{right: 8px;
    transform: rotate(10deg);
    transform-origin: right top}

[accordion-view].line-thumb .container .item figure.cards:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 10px;
    right: auto;
    top: auto;
    z-index: 1;
    width: 68px;
    height: 24px;
    transform: translateX(-50%);
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/card_badge.webp) 50% 50%/cover no-repeat}

[accordion-view].line-thumb .container .item figure.cards:after{content: attr(data-label);
    position: absolute;
    left: 50%;
    top: 20px;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
    width: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 900;
    background: linear-gradient(99deg, #836825 12.65%, #9f7d2b 27.32%, #fdd977 42.43%, #fde57b 53.8%, #e8c35e 61.72%, #836825 78.92%, #e8c35e 92.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

[accordion-view].line-thumb .container .item h5{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[accordion-view].line-thumb .container .item h5 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[accordion-view].line-thumb .container .item h5 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[accordion-view].line-thumb .container .item p{margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[accordion-view].line-thumb .container .item p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[accordion-view].line-thumb .container .item p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[accordion-view].line-thumb.open .title{color: #fff}

[accordion-view].line-thumb.open .title:before{right: 0}

[accordion-view].line-thumb.open .title strong{color: #fff}

[accordion-view].line-thumb.open .svg-icon path{stroke: #fff}

[accordion-view].line-thumb.open .svg-icon-plus{display: none}

[accordion-view].line-thumb.open .svg-icon-minus{display: inline-block}

@media (min-width:768px){[accordion-view].line-thumb .title {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: 0
    }

    [accordion-view].line-thumb .container {
        row-gap: 40px;
        padding-top: 40px
    }

    [accordion-view].line-thumb .container .item figure {
        width: 128px;
        height: 128px
    }

    [accordion-view].line-thumb .container .item figure.cards img {
        top: 31px;
        width: 48px;
        height: auto
    }

    [accordion-view].line-thumb .container .item figure.cards img:first-child {
        left: 14px
    }

    [accordion-view].line-thumb .container .item figure.cards img:last-child {
        right: 14px
    }

    [accordion-view].line-thumb .container .item figure.cards:before {
        left: 50%;
        bottom: 17px;
        right: auto;
        top: auto;
        width: 110px;
        height: 39px
    }

    [accordion-view].line-thumb .container .item figure.cards:after {
        width: 100px;
        top: 36px;
        font-size: 18px;
        line-height: 16px;
        letter-spacing: -.36px
    }}

@media (min-width:1280px){[accordion-view].line-thumb .title {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: 0
    }

    [accordion-view].line-thumb .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [accordion-view].line-thumb .container .item {
        -moz-column-gap: 32px;
        column-gap: 32px
    }}

[accordion-view].faq a.title{text-decoration: none}

[accordion-view].faq label{position: relative;
    padding-bottom: 16px}

[accordion-view].faq label .title{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #737373}

@media (min-width:768px){[accordion-view].faq label .title {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[accordion-view].faq label .title {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[accordion-view].faq label .svg-icon{width: 40px;
    height: 40px}

[accordion-view].faq label .svg-icon path{stroke: #737373}

[accordion-view].faq label .svg-icon-minus{display: none}

[accordion-view].faq label:after,
[accordion-view].faq label:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto}

[accordion-view].faq label:before{height: 1px;
    right: 0;
    background-color: hsla(0, 0%, 100%, .2)}

[accordion-view].faq label:after{height: 2px;
    right: 100%;
    background: linear-gradient(90deg, #d30000 -2.21%, #525252 50%);
    transition: right .25s ease-in-out}

.no-touch [accordion-view].faq label:hover:not(.hover-disable) .title,
[accordion-view].faq label:active .title{color: #fff}

.no-touch [accordion-view].faq label:hover:not(.hover-disable) .svg-icon path,
[accordion-view].faq label:active .svg-icon path{stroke: #fff}

[accordion-view].faq .content{padding-top: 32px}

[accordion-view].faq.open label .title{color: #fff}

[accordion-view].faq.open label .svg-icon path{stroke: #fff}

[accordion-view].faq.open label .svg-icon-plus{display: none}

[accordion-view].faq.open label .svg-icon-minus{display: inline-block}

[accordion-view].faq.open label:after{right: 0}

@media (min-width:768px){[accordion-view].faq label {
        padding-bottom: 24px
    }

    [accordion-view].faq .content {
        padding-top: 24px
    }}

[dir=rtl] [accordion-view].faq label:after{left: 100%;
    right: 0;
    background: linear-gradient(240deg, #d30000 -2.21%, #525252 50%);
    transition: left .25s ease-in-out}

[dir=rtl] [accordion-view].faq.open label:after{left: 0}

.inline-modal.redirection>.panel,
[modal].redirection>.panel{max-width: 327px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    border-radius: 16px;
    background-color: #2a2a2d;
    box-shadow: none}

.inline-modal.redirection>.panel>.header,
[modal].redirection>.panel>.header{position: static !important;
    padding: 0 !important;
    border-radius: 0;
    background-color: transparent}

.inline-modal.redirection>.panel>.header .close,
[modal].redirection>.panel>.header .close{position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    padding: 16px}

.inline-modal.redirection>.panel>.header .close svg,
[modal].redirection>.panel>.header .close svg{width: 24px;
    height: 24px}

.inline-modal.redirection>.panel>.scroll-area,
[modal].redirection>.panel>.scroll-area{padding-right: 0;
    padding-left: 0}

.inline-modal.redirection .redirection-wrap,
[modal].redirection .redirection-wrap{padding-top: 48px;
    padding-bottom: 48px;
    text-align: center}

.inline-modal.redirection .redirection-header,
[modal].redirection .redirection-header{padding-top: 32px}

.inline-modal.redirection .redirection-header h2,
[modal].redirection .redirection-header h2{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    padding-right: 12px;
    padding-left: 12px}

@media (min-width:768px){.inline-modal.redirection .redirection-header h2,
    [modal].redirection .redirection-header h2 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){.inline-modal.redirection .redirection-header h2,
    [modal].redirection .redirection-header h2 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

.inline-modal.redirection .redirection-header p,
[modal].redirection .redirection-header p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 16px}

@media (min-width:768px){.inline-modal.redirection .redirection-header p,
    [modal].redirection .redirection-header p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){.inline-modal.redirection .redirection-header p,
    [modal].redirection .redirection-header p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

.inline-modal.redirection .redirection-buttons,
[modal].redirection .redirection-buttons{padding-top: 32px}

.inline-modal.redirection .redirection-buttons [color-button],
[modal].redirection .redirection-buttons [color-button]{height: 40px;
    min-width: 240px;
    margin-left: auto;
    margin-right: auto}

.inline-modal.redirection .redirection-links,
[modal].redirection .redirection-links{padding-top: 8px}

.inline-modal.redirection .redirection-links a,
[modal].redirection .redirection-links a{font-size: 14px;
    line-height: 20px;
    letter-spacing: .56px;
    text-decoration: underline;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){.inline-modal.redirection>.panel,
    [modal].redirection>.panel {
        min-width: 560px;
        padding-right: 32px;
        padding-left: 32px
    }

    .inline-modal.redirection .redirection-wrap,
    [modal].redirection .redirection-wrap {
        height: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 64px;
        padding-bottom: 64px
    }

    .inline-modal.redirection .redirection-wrap>figure,
    [modal].redirection .redirection-wrap>figure {
        flex: none
    }

    .inline-modal.redirection .redirection-wrap>figure img,
    [modal].redirection .redirection-wrap>figure img {
        width: 160px;
        height: 160px
    }

    .inline-modal.redirection .redirection-content,
    [modal].redirection .redirection-content {
        flex: 1
    }

    .inline-modal.redirection .redirection-buttons,
    [modal].redirection .redirection-buttons {
        flex: none
    }

    .inline-modal.redirection .redirection-buttons [color-button],
    [modal].redirection .redirection-buttons [color-button] {
        min-width: 320px
    }

    .inline-modal.redirection .redirection-links,
    [modal].redirection .redirection-links {
        padding-top: 16px
    }}

.inline-modal.sep>.panel,
[modal].sep>.panel{max-width: 560px;
    padding-top: 48px;
    padding-right: 16px;
    padding-bottom: 48px;
    padding-left: 16px;
    border-radius: 16px;
    background-color: #2a2a2d;
    box-shadow: none}

.inline-modal.sep>.panel>.header,
[modal].sep>.panel>.header{position: static;
    padding: 0;
    border-radius: 0;
    background-color: transparent}

.inline-modal.sep>.panel>.header .close,
[modal].sep>.panel>.header .close{position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    padding: 16px}

.inline-modal.sep>.panel>.header .close svg,
[modal].sep>.panel>.header .close svg{width: 24px;
    height: 24px}

.inline-modal.sep>.panel>.scroll-area,
[modal].sep>.panel>.scroll-area{padding: 0}

.inline-modal.sep .sep-wrap,
[modal].sep .sep-wrap{padding-bottom: 48px;
    text-align: left;
    max-height: 50vh}

.inline-modal.sep .sep-wrap h3,
[modal].sep .sep-wrap h3{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){.inline-modal.sep .sep-wrap h3,
    [modal].sep .sep-wrap h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){.inline-modal.sep .sep-wrap h3,
    [modal].sep .sep-wrap h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

.inline-modal.sep .sep-wrap section,
[modal].sep .sep-wrap section{margin-top: 24px}

.inline-modal.sep .sep-wrap article,
[modal].sep .sep-wrap article{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){.inline-modal.sep .sep-wrap article,
    [modal].sep .sep-wrap article {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){.inline-modal.sep .sep-wrap article,
    [modal].sep .sep-wrap article {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

.inline-modal.sep .sep-wrap article h4,
[modal].sep .sep-wrap article h4{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fee78a}

@media (min-width:768px){.inline-modal.sep .sep-wrap article h4,
    [modal].sep .sep-wrap article h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){.inline-modal.sep .sep-wrap article h4,
    [modal].sep .sep-wrap article h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

.inline-modal.sep .sep-wrap article h5,
[modal].sep .sep-wrap article h5{font-weight: 500;
    margin-top: 12px}

.inline-modal.sep .sep-wrap article h6,
[modal].sep .sep-wrap article h6{font-weight: 400;
    margin-top: 12px}

.inline-modal.sep .sep-wrap article h6.add,
[modal].sep .sep-wrap article h6.add{color: #009733}

.inline-modal.sep .sep-wrap article h6.del,
[modal].sep .sep-wrap article h6.del{color: #dc3333}

.inline-modal.sep .sep-wrap article p strong,
[modal].sep .sep-wrap article p strong{font-weight: 400}

.inline-modal.sep .sep-wrap article ul,
[modal].sep .sep-wrap article ul{margin-top: 12px;
    margin-bottom: 12px}

.inline-modal.sep .sep-wrap article ul>li,
[modal].sep .sep-wrap article ul>li{position: relative;
    padding-left: 16px}

.inline-modal.sep .sep-wrap article ul>li:before,
[modal].sep .sep-wrap article ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px}

[lang=ar] .inline-modal.sep .sep-wrap article ul>li,
[lang=ar] [modal].sep .sep-wrap article ul>li{padding-right: 16px}

[lang=ar] .inline-modal.sep .sep-wrap article ul>li:before,
[lang=ar] [modal].sep .sep-wrap article ul>li:before{right: 5px;
    top: 10px;
    left: auto;
    bottom: auto}

.inline-modal.sep .sep-wrap article+article,
[modal].sep .sep-wrap article+article{margin-top: 24px}

.inline-modal.sep .sep-buttons,
[modal].sep .sep-buttons{padding-top: 32px;
    text-align: center}

.inline-modal.sep .sep-buttons button,
[modal].sep .sep-buttons button{width: 240px}

@media (min-width:768px){.inline-modal.sep>.panel,
    [modal].sep>.panel {
        min-width: 560px;
        padding-top: 64px;
        padding-right: 32px;
        padding-bottom: 64px;
        padding-left: 32px
    }

    .inline-modal.sep .sep-wrap,
    [modal].sep .sep-wrap {
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .inline-modal.sep .sep-buttons,
    [modal].sep .sep-buttons {
        padding-top: 40px
    }

    .inline-modal.sep .sep-buttons button,
    [modal].sep .sep-buttons button {
        width: 320px
    }}

.inline-modal.guinness-certificate>.panel,
[modal].guinness-certificate>.panel{overflow: visible;
    display: inline-flex;
    width: auto;
    border-radius: 0;
    padding: 0;
    box-shadow: none}

.inline-modal.guinness-certificate>.panel>.header,
[modal].guinness-certificate>.panel>.header{position: static;
    padding: 0;
    border-radius: 0;
    background-color: transparent}

.inline-modal.guinness-certificate>.panel>.header .close,
[modal].guinness-certificate>.panel>.header .close{position: absolute;
    right: 0;
    top: -20px;
    left: auto;
    bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .2)}

.inline-modal.guinness-certificate>.panel>.header .close svg,
[modal].guinness-certificate>.panel>.header .close svg{width: 24px;
    height: 24px}

.inline-modal.guinness-certificate>.panel>.scroll-area,
[modal].guinness-certificate>.panel>.scroll-area{padding-right: 0;
    padding-left: 0;
    max-height: inherit !important;
    overflow: visible}

.inline-modal.guinness-certificate>.panel ._responsive-img-new img,
[modal].guinness-certificate>.panel ._responsive-img-new img{width: 334px;
    height: 458px;
    max-width: 100%}

@media (min-width:768px){.inline-modal.guinness-certificate>.panel>.header .close,
    [modal].guinness-certificate>.panel>.header .close {
        position: absolute;
        right: 7px;
        top: 49px;
        left: auto;
        bottom: auto
    }

    .inline-modal.guinness-certificate>.panel ._responsive-img-new img,
    [modal].guinness-certificate>.panel ._responsive-img-new img {
        width: 592px;
        height: 811px
    }}

@media (min-width:1280px){.inline-modal.guinness-certificate>.panel ._responsive-img-new img,
    [modal].guinness-certificate>.panel ._responsive-img-new img {
        width: 631px;
        height: 857px
    }}

._text-content{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4}

@media (min-width:768px){._text-content {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._text-content {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._text-content.base a{text-decoration: underline}

.no-touch ._text-content.base a:hover:not(.hover-disable){color: #fff}

._text-content.base a[href^="mailto://"]{text-decoration: none}

._text-content.base>h2{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h2 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){._text-content.base>h2 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

._text-content.base>h3{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._text-content.base>h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._text-content.base>h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._text-content.base>h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._text-content.base>h5{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h5 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._text-content.base>h5 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._text-content.base>h6{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h6 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._text-content.base>h6 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._text-content.base>p+h5,
._text-content.base>p+h6,
._text-content.base>p+p{margin-top: 24px}

._text-content.base>p+h4{margin-top: 48px}

._text-content.base>ul{margin-top: 26px;
    margin-bottom: 48px}

._text-content.base>ul>li{position: relative;
    padding-left: 16px}

._text-content.base>ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px}

[lang=ar] ._text-content.base>ul>li{padding-right: 16px}

[lang=ar] ._text-content.base>ul>li:before{right: 5px;
    top: 10px;
    left: auto;
    bottom: auto}

._text-content.base+.base:not(.no-space){margin-top: 48px}

@media (min-width:1280px){._text-content.base>h2,
    ._text-content.base>h3,
    ._text-content.base>h4,
    ._text-content.base>h5,
    ._text-content.base>h6 {
        margin-bottom: 26px
    }

    ._text-content.base>p+h5,
    ._text-content.base>p+h6,
    ._text-content.base>p+p {
        margin-top: 26px
    }

    ._text-content.base>p+h4 {
        margin-top: 52px
    }

    ._text-content.base>ul {
        margin-top: 26px;
        margin-bottom: 52px
    }

    ._text-content.base+.base:not(.no-space) {
        margin-top: 52px
    }}

._text-content.article-content,
._text-content.article-content .v-html{display: flex;
    flex-direction: column;
    row-gap: 24px}

._text-content.article-content.gap-20,
._text-content.article-content.gap-20.v-html{row-gap: 20px}

._text-content.article-content a{text-decoration: underline;
    font-weight: 500;
    color: #fff}

._text-content.article-content h3{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400}

@media (min-width:768px){._text-content.article-content h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._text-content.article-content h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._text-content.article-content h4{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500}

@media (min-width:768px){._text-content.article-content h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._text-content.article-content h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._text-content.article-content h4.regular{font-weight: 400;
    color: #fff}

._text-content.article-content h5{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){._text-content.article-content h5 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._text-content.article-content h5 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._text-content.article-content h6{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){._text-content.article-content h6 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._text-content.article-content h6 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._text-content.article-content ul:not([social], .small)>li{position: relative;
    padding-left: 22px}

._text-content.article-content ul:not([social], .small)>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){._text-content.article-content ul:not([social], .small)>li {
        padding-left: 24px
    }}

[lang=ar] ._text-content.article-content ul:not([social], .small)>li{padding-right: 22px}

[lang=ar] ._text-content.article-content ul:not([social], .small)>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] ._text-content.article-content ul:not([social], .small)>li {
        padding-right: 24px
    }}

._text-content.article-content ul:not([social], .small) ul>li{position: relative;
    padding-left: 16px}

._text-content.article-content ul:not([social], .small) ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px}

[lang=ar] ._text-content.article-content ul:not([social], .small) ul>li{padding-right: 16px}

[lang=ar] ._text-content.article-content ul:not([social], .small) ul>li:before{right: 5px;
    top: 10px;
    left: auto;
    bottom: auto}

._text-content.article-content ul:not([social], .small) ul>li:before{left: 4px;
    top: 8px;
    right: auto;
    bottom: auto;
    border: 0;
    width: 6px;
    height: 6px;
    background-color: #a3a3a3}

._text-content.article-content ul.small>li{position: relative;
    padding-left: 16px}

._text-content.article-content ul.small>li:before{content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px}

[lang=ar] ._text-content.article-content ul.small>li{padding-right: 16px}

[lang=ar] ._text-content.article-content ul.small>li:before{right: 5px;
    top: 10px;
    left: auto;
    bottom: auto}

._text-content.article-content ul.small ul{margin-left: 4px}

._text-content.article-content ul.small ul>li{position: relative;
    padding-left: 16px}

._text-content.article-content ul.small ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    background-color: #d4d4d4;
    border-radius: 3px}

[lang=ar] ._text-content.article-content ul.small ul>li{padding-right: 16px}

[lang=ar] ._text-content.article-content ul.small ul>li:before{right: 5px;
    top: 10px;
    left: auto;
    bottom: auto}

._text-content.article-content ul.small ul>li:before{border: 0;
    width: 3px;
    height: 3px}

._text-content.article-content .no-margin{margin-top: -22px !important}

._text-content.article-content figure{display: block}

._text-content.blog-posts .title{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize}

@media (min-width:768px){._text-content.blog-posts .title {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){._text-content.blog-posts .title {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

._text-content.blog-posts .tags{margin-top: 24px}

._text-content.blog-posts section{margin-top: 40px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500}

@media (min-width:768px){._text-content.blog-posts section {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._text-content.blog-posts section {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._text-content.blog-posts section a{text-decoration: underline}

._text-content.blog-posts section h1,
._text-content.blog-posts section h2,
._text-content.blog-posts section h3,
._text-content.blog-posts section h4,
._text-content.blog-posts section h5{color: #fff}

._text-content.blog-posts section h1{font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    text-transform: capitalize}

@media (min-width:768px){._text-content.blog-posts section h1 {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){._text-content.blog-posts section h1 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

._text-content.blog-posts section h2{margin-top: 24px;
    margin-bottom: 24px;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500}

@media (min-width:768px){._text-content.blog-posts section h2 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){._text-content.blog-posts section h2 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

._text-content.blog-posts section h3{margin-top: 24px;
    margin-bottom: 24px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500}

@media (min-width:768px){._text-content.blog-posts section h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){._text-content.blog-posts section h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

._text-content.blog-posts section h4{margin-top: 24px;
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500}

@media (min-width:768px){._text-content.blog-posts section h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._text-content.blog-posts section h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._text-content.blog-posts section h5{margin-top: 24px;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400}

@media (min-width:768px){._text-content.blog-posts section h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._text-content.blog-posts section h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._text-content.blog-posts section p{font-weight: 400}

._text-content.blog-posts section p+h5,
._text-content.blog-posts section p+p{margin-top: 26px}

._text-content.blog-posts section p+h4{margin-top: 52px}

._text-content.blog-posts section ul{margin-top: 26px;
    margin-bottom: 52px}

._text-content.blog-posts section img{max-width: 100%;
    margin-top: 24px;
    margin-bottom: 24px}

._text-content.ggteam-view h1{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._text-content.ggteam-view h1 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){._text-content.ggteam-view h1 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

._text-content.ggteam-view h1 br{display: none}

._text-content.ggteam-view h1 small{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400}

@media (min-width:768px){._text-content.ggteam-view h1 small {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._text-content.ggteam-view h1 small {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._text-content.ggteam-view h2{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){._text-content.ggteam-view h2 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._text-content.ggteam-view h2 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._text-content.ggteam-view h3{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){._text-content.ggteam-view h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._text-content.ggteam-view h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._text-content.ggteam-view ul>li{position: relative;
    padding-left: 22px}

._text-content.ggteam-view ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){._text-content.ggteam-view ul>li {
        padding-left: 24px
    }}

[lang=ar] ._text-content.ggteam-view ul>li{padding-right: 22px}

[lang=ar] ._text-content.ggteam-view ul>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] ._text-content.ggteam-view ul>li {
        padding-right: 24px
    }}

._text-content.ggteam-view p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){._text-content.ggteam-view p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._text-content.ggteam-view p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

#app{color: #fff}

#app .contents-holder{min-height: 100vh;
    overflow: hidden}

body{font-family: Roboto, Helvetica Neue, Helvetica, Apple Gothic, HY Gulim, MalgunGothic, Arial, sans-serif}

html{background-color: #18181a;
    scroll-behavior: smooth}

*{margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-size: inherit;
    word-break: keep-all;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch}

::-webkit-scrollbar{width: 4px}

::-webkit-scrollbar-track{background-color: transparent}

::-webkit-scrollbar-thumb{background-color: #666;
    border-radius: 2px}

.ol:not(.not) li,
ul:not(.not) li{list-style: none}

a{text-decoration: none;
    cursor: pointer}

a label{pointer-events: none}

a:active,
a:focus,
a:hover,
a:visited{outline: none;
    outline: 0;
    text-decoration: none}

img{vertical-align: middle}

img.br16{border-radius: 16px}

input{outline: none;
    border: 0}

.swiper-container,
.swiper-container .swiper-wrapper{width: 100%}

button{background-color: transparent;
    color: #fff;
    font-family: inherit}

.disabled{cursor: not-allowed}

#app{-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale}

.inner{max-width: 1200px;
    margin-left: auto;
    margin-right: auto}

._slider .swiper-pagination-circle{display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    bottom: 20px}

._slider .swiper-pagination-circle .pagination-nav{display: none}

._slider .swiper-pagination-circle .pagination-list{display: flex;
    align-items: center;
    gap: 12px}

._slider .swiper-pagination-circle .pagination-item{width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .3)}

._slider .swiper-pagination-circle .pagination-item.active{background-color: #fff}

@media (min-width:768px){._slider .swiper-pagination-circle {
        bottom: 56px
    }

    ._slider .swiper-pagination-circle .pagination-list {
        gap: 32px
    }

    ._slider .swiper-pagination-circle .pagination-item {
        width: 20px;
        height: 20px
    }}

@media (min-width:1280px){._slider .swiper-pagination-circle {
        bottom: 40px
    }

    ._slider .swiper-pagination-circle .pagination-list {
        gap: 12px
    }

    ._slider .swiper-pagination-circle .pagination-item {
        width: 12px;
        height: 12px
    }}

.c-w{color: #fff}

.c-prize200{color: #fee78a !important}

strong.c-prize200{font-weight: 500}

.img-rendering{image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges}

.sr-only{position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0, 0, 0, 0)}

.sr-only.active,
.sr-only:focus{position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal}

#beacon-container{--hs-beacon-v-offset: 85px;
    --hs-beacon-h-offset-right: 22px;
    --hs-beacon-window-v-offset: calc(var(--hs-beacon-v-offset) + 65px)}

#beacon-container .BeaconFabButtonFrame{bottom: 85px;
    right: 22px;
    transform: scale(.82) !important}

.client-nav-1 #beacon-container,
.client-nav-1 ._app-footer,
.client-nav-1 ._app-nav-gnb,
.client-nav-1 ._app-nav-header ._app-nav-signup,
.client-nav-1 ._app-nav-header ._app-nav-toggle,
.client-nav-1 ._app-nav-header ._app-record-holder,
.client-nav-1 ._app-nav-sub,
.client-nav-1 ._app-quick button:not(.btn-top),
.client-nav-logo #beacon-container,
.client-nav-logo ._app-footer,
.client-nav-logo ._app-nav-gnb,
.client-nav-logo ._app-nav-header ._app-nav-signup,
.client-nav-logo ._app-nav-header ._app-nav-toggle,
.client-nav-logo ._app-nav-header ._app-record-holder,
.client-nav-logo ._app-nav-sub,
.client-nav-logo ._app-quick button:not(.btn-top){display: none}

.client-nav-1 ._app-nav-utils,
.client-nav-logo ._app-nav-utils{display: flex}

.client-nav-1 ._app-nav-utils .util-group:first-of-type>:not(._app-nav-languages),
.client-nav-1 ._app-nav-utils .util-group:nth-of-type(2),
.client-nav-logo ._app-nav-utils .util-group:first-of-type>:not(._app-nav-languages),
.client-nav-logo ._app-nav-utils .util-group:nth-of-type(2){display: none}

.client-nav-1>div:not(.home) div._app-nav-mega:not(.no-sub),
.client-nav-logo>div:not(.home) div._app-nav-mega:not(.no-sub){height: 72px}

.client-nav-1 ._app-nav-utils ._app-nav-regions,
.client-nav-logo ._app-nav-utils ._app-nav-regions{display: flex}

.client-nav-1 [page-prev-next] button,
.client-nav-logo [page-prev-next] button{display: none}

@media (min-width:1280px){.client-nav-1 ._app-nav-header,
    .client-nav-logo ._app-nav-header {
        min-height: 90px;
        height: 90px
    }

    .client-nav-1 ._app-nav-mega,
    .client-nav-logo ._app-nav-mega {
        padding-top: 90px
    }

    .client-nav-1 ._app-nav-utils,
    .client-nav-logo ._app-nav-utils {
        height: 90px
    }

    .client-nav-1 ._app-nav-utils ._app-nav-languages.nav-header,
    .client-nav-logo ._app-nav-utils ._app-nav-languages.nav-header {
        display: flex
    }

    .client-nav-1 ._app-nav-mega.no-sub,
    .client-nav-1 .home ._app-nav-mega,
    .client-nav-1>div:not(.home) ._app-nav-mega:not(.no-sub),
    .client-nav-logo ._app-nav-mega.no-sub,
    .client-nav-logo .home ._app-nav-mega,
    .client-nav-logo>div:not(.home) ._app-nav-mega:not(.no-sub) {
        height: 90px
    }}

.client-nav-1 ._app-nav-logo.nav-header a{pointer-events: none}

.client-nav-1 ._app-nav-logo.nav-header a img{width: 112px;
    height: auto;
    opacity: 1}

.client-nav-1 ._app-nav-logo.nav-header a .svg-icon{opacity: 0;
    pointer-events: none}

@media (min-width:1280px){.client-nav-1 ._app-nav-logo.nav-header {
        top: 20px
    }

    .client-nav-1 ._app-nav-logo.nav-header a img {
        width: 180px;
        height: auto
    }

    [dir=rtl] .client-nav-1 ._app-nav-logo.nav-header {
        left: 40px;
        right: auto
    }}

.client-nav-all ._app-footer,
.client-nav-all ._app-nav-header,
.client-nav-all ._app-quick button:not(.btn-top),
.client-nav-logo ._app-nav-header ._app-nav-logo{display: none}

[data-service=legal] ._app-footer{display: block}

.svg-icon.black-stroke path{stroke: #000}

.svg-icon.black-fill path{fill: #000}

[lang=es],
[lang=es] body,
[lang=fr],
[lang=fr] body{font-family: Roboto, San Francisco, Arial, sans-serif}

[lang=zh],
[lang=zh] body{font-family: Helvetica, Noto Sans CJK, SimSun, PingFang SC, Microsoft YaHei, 寰蒋闆呴粦, sans-serif}

[lang=de],
[lang=de] body,
[lang=et],
[lang=et] body,
[lang=fi],
[lang=fi] body,
[lang=hu],
[lang=hu] body,
[lang=id],
[lang=id] body,
[lang=lv],
[lang=lv] body,
[lang=nl],
[lang=nl] body,
[lang=pl],
[lang=pl] body,
[lang=pt-br],
[lang=pt-br] body,
[lang=ro],
[lang=ro] body,
[lang=ru],
[lang=ru] body,
[lang=th],
[lang=th] body,
[lang=tr],
[lang=tr] body,
[lang=uk],
[lang=uk] body,
[lang=vi],
[lang=vi] body{font-family: Roboto, San Francisco, Arial, sans-serif}

[lang=ja],
[lang=ja] body{font-family: Hiragino Kaku Gothic Pro, 銉掋儵銈儙瑙掋偞 Pro W3, Osaka, Meiryo, 銉°偆銉偑, MS PGothic, 锛汲 锛般偞銈枫儍銈�, sans-serif}

[lang=ar],
[lang=ar] body,
[lang=fa],
[lang=fa] body{font-family: Roboto, Droid Arabic Naskh, Arial, sans-serif}

._app-nav-header{position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    background: linear-gradient(180deg, hsla(0, 0%, 9%, .95) -95.83%, rgba(28, 28, 28, .32) 53.08%, rgba(27, 27, 27, .21));
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)}

@media (min-width:768px){._app-nav-header {
        min-height: 72px
    }}

@media (min-width:1280px){._app-nav-header {
        min-height: 120px;
        padding-right: 40px;
        padding-left: 40px
    }}

[data-service=legal] ._app-nav-logo{pointer-events: none}

._app-nav-logo.nav-header{position: absolute;
    left: 24px;
    top: 18px;
    right: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 1}

._app-nav-logo.nav-header a{position: relative;
    display: inline-block}

._app-nav-logo.nav-header a img{width: 24px;
    height: 24px;
    opacity: 0}

._app-nav-logo.nav-header a .svg-icon{position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 24px;
    height: 24px}

.home ._app-nav-logo.nav-header a img{width: 112px;
    height: auto;
    opacity: 1}

.home ._app-nav-logo.nav-header a .svg-icon{display: none}

@media (min-width:768px){._app-nav-logo.nav-header a .svg-icon {
        top: 2px
    }

    .home ._app-nav-logo.nav-header a {
        margin-top: 0
    }}

@media (min-width:1280px){._app-nav-logo.nav-header {
        left: 40px;
        top: 44px;
        right: auto;
        bottom: auto
    }

    ._app-nav-logo.nav-header a img {
        width: 180px;
        height: auto;
        opacity: 1
    }

    ._app-nav-logo.nav-header a .svg-icon {
        display: none
    }

    .home ._app-nav-logo.nav-header a img {
        width: 180px;
        height: auto
    }

    [data-region-id=GGPNL] ._app-nav-logo.nav-header a img,
    [data-region-id=GGPUK] ._app-nav-logo.nav-header a img {
        width: 226px;
        height: auto
    }

    [data-region-id=GGPCA] ._app-nav-logo.nav-header a img,
    [data-region-id=GGPDE] ._app-nav-logo.nav-header a img {
        width: 224px;
        height: auto
    }

    [data-region-id=GGPRO] ._app-nav-logo.nav-header a img {
        width: 194px;
        height: auto
    }}

@media (min-width:768px){._app-nav-logo.collapse .svg-icon {
        display: none
    }

    ._app-nav-logo.collapse img {
        width: 112px;
        height: auto
    }}

@media (min-width:1280px){._app-nav-logo.collapse img {
        width: 169px;
        height: auto
    }

    [dir=rtl] ._app-nav-logo.nav-header {
        left: auto;
        right: 40px
    }}

[locale-link][disabled]{pointer-events: none}

._app-record-holder{position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    cursor: pointer}

._app-record-holder.logo{width: 24px;
    height: 24px;
    margin-bottom: -4px;
    opacity: 0;
    pointer-events: none}

._app-record-holder.logo img{width: 100%;
    height: 100%}

._app-record-holder.collapse{display: none}

@media (min-width:768px){._app-record-holder {
        width: auto;
        height: auto
    }

    ._app-record-holder.nav-header,
    ._app-record-holder.nav-header .ds {
        display: none
    }}

@media (min-width:1280px){._app-record-holder.logo {
        display: none
    }

    ._app-record-holder.nav-header {
        display: block;
        width: auto;
        height: 38px
    }

    ._app-record-holder.nav-header .m {
        display: none
    }

    ._app-record-holder.nav-header .ds {
        width: 100%;
        display: inline-block !important
    }}

.home ._app-record-holder.logo{opacity: 1;
    pointer-events: auto}

._app-nav-mega{width: 100%;
    height: 120px;
    padding-top: 64px;
    transition: height .25s ease-in-out}

._app-nav-mega.no-sub,
.home ._app-nav-mega{height: 64px}

._app-nav-mega.no-sub>._app-nav-sub [slider],
.home ._app-nav-mega>._app-nav-sub [slider]{display: none}

@media (min-width:768px){._app-nav-mega.no-sub,
    .home ._app-nav-mega {
        height: 128px;
        padding-top: 72px
    }

    ._app-nav-mega.no-sub.no-sub,
    .home ._app-nav-mega.no-sub,
    .home .home ._app-nav-mega {
        height: 72px
    }}

@media (min-width:1280px){._app-nav-mega {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 120px
    }

    ._app-nav-mega.no-sub,
    .home ._app-nav-mega {
        height: 120px
    }

    ._app-nav-mega.no-sub>._app-nav-sub,
    .home ._app-nav-mega>._app-nav-sub {
        display: none
    }}

.scroll-up>div:not(.home) ._app-nav-mega:not(.no-sub){height: 120px}

.scroll-up>div:not(.home) ._app-nav-sub .holder [slider]{transform: translateY(0);
    opacity: 1;
    height: 48px;
    pointer-events: auto;
    transition: .25s ease-in-out}

@media (min-width:768px){.scroll-up>div:not(.home) ._app-nav-mega:not(.no-sub) {
        height: 128px
    }}

@media (min-width:1280px){.scroll-up>div:not(.home) ._app-nav-mega:not(.no-sub) {
        height: 184px
    }

    .scroll-up>div:not(.home) ._app-nav-sub .holder ._slider,
    .scroll-up>div:not(.home) ._app-nav-sub .holder .title {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
        transition: transform .25s 0s
    }}

.scroll-down ._app-nav-mega:not(.no-sub){height: 60px}

.scroll-down ._app-nav-sub .holder:before{display: none}

.scroll-down ._app-nav-sub .holder ._slider{opacity: 0;
    height: 1px;
    pointer-events: none}

@media (min-width:768px){.scroll-down ._app-nav-mega:not(.no-sub) {
        height: 72px
    }}

@media (min-width:1280px){.scroll-down ._app-nav-mega:not(.no-sub) {
        height: 120px
    }

    .scroll-down ._app-nav-sub .holder ._slider,
    .scroll-down ._app-nav-sub .holder .title {
        transform: translateY(-50%);
        opacity: 0;
        pointer-events: none
    }}

.fade-enter-active,
.fade-leave-active{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: clip-path .25s ease-out, opacity .25s ease-in-out}

.fade-enter-active .holder,
.fade-leave-active .holder{opacity: 1;
    transform: translateY(0);
    transition: transform .25s ease-in-out, opacity .25s ease-in-out}

.fade-enter,
.fade-leave-to{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)}

.fade-enter .holder,
.fade-leave-to .holder{opacity: 0;
    transform: translateY(4px)}

._app-nav-gnb{display: none;
    position: absolute;
    left: 0;
    top: 68px;
    right: auto;
    bottom: auto;
    right: 0}

._app-nav-gnb .nav-inner{position: relative;
    width: 1200px;
    margin-left: auto;
    margin-right: auto}

._app-nav-gnb .nav-inner>ul{position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: flex-start}

._app-nav-gnb .nav-inner>ul>li>a{position: relative;
    z-index: 1;
    height: 52px;
    display: flex;
    margin-right: 24px;
    align-items: flex-start;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    color: #fff;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: pointer}

._app-nav-gnb .nav-inner>ul>li.none-child>a{padding-right: 0}

._app-nav-gnb .nav-inner>ul>li.none-child>a:after{display: none}

._app-nav-gnb .nav-inner>ul>li.active>a:before,
._app-nav-gnb .nav-inner>ul>li.active>label:before,
._app-nav-gnb .nav-inner>ul>li.hover>a:before,
._app-nav-gnb .nav-inner>ul>li.hover>label:before{right: 0;
    height: 2.5px;
    bottom: 1px;
    z-index: 2;
    border-radius: 2px}

._app-nav-gnb .nav-inner>ul>li.active>a .svg-icon,
._app-nav-gnb .nav-inner>ul>li.active>label .svg-icon,
._app-nav-gnb .nav-inner>ul>li.hover>a .svg-icon,
._app-nav-gnb .nav-inner>ul>li.hover>label .svg-icon{transform: rotate(180deg)}

._app-nav-gnb .nav-inner>ul>li.active .mega-wrap,
._app-nav-gnb .nav-inner>ul>li.hover .mega-wrap{visibility: visible;
    pointer-events: auto}

._app-nav-gnb .nav-inner .bar{display: none;
    position: absolute;
    left: 0;
    bottom: 1px;
    right: auto;
    top: auto;
    height: 2px;
    z-index: 1;
    background-color: #d30000;
    transition: width .25s ease-in-out, transform .25s ease-in-out}

._app-nav-gnb .mega-wrap{position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 104px;
    background-color: #f7f7f8}

._app-nav-gnb .mega-wrap .holder{display: flex;
    -moz-column-gap: 96px;
    column-gap: 96px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto}

._app-nav-gnb .mega-wrap .sub-item{display: flex;
    flex-direction: column;
    row-gap: 32px}

._app-nav-gnb .mega-wrap .sub-item>a{position: relative;
    display: inline-block;
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #000;
    width: -moz-fit-content;
    width: fit-content}

@media (min-width:768px){._app-nav-gnb .mega-wrap .sub-item>a {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._app-nav-gnb .mega-wrap .sub-item>a {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._app-nav-gnb .mega-wrap .sub-item>a:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 1px;
    background-color: #000;
    transition: right .25s ease-in-out}

._app-nav-gnb .mega-wrap .sub-item>a.active:after,
._app-nav-gnb .mega-wrap .sub-item>a:active:after,
.no-touch ._app-nav-gnb .mega-wrap .sub-item>a:hover:not(.hover-disable):after{right: 0}

._app-nav-gnb .mega-wrap .sub-item>ul{display: flex;
    flex-direction: column;
    row-gap: 16px}

._app-nav-gnb .mega-wrap .sub-item>ul a{position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 191px}

@media (min-width:768px){._app-nav-gnb .mega-wrap .sub-item>ul a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-gnb .mega-wrap .sub-item>ul a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._app-nav-gnb .mega-wrap .sub-item>ul a.router-link-exact-active,
._app-nav-gnb .mega-wrap .sub-item>ul a:active,
.no-touch ._app-nav-gnb .mega-wrap .sub-item>ul a:hover:not(.hover-disable){color: #262626}

._app-nav-gnb .mega-wrap .sub-item>ul a.router-link-exact-active:after,
._app-nav-gnb .mega-wrap .sub-item>ul a:active:after,
.no-touch ._app-nav-gnb .mega-wrap .sub-item>ul a:hover:not(.hover-disable):after{background-color: #171717;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: ""}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new{position: relative;
    display: flex;
    align-items: center}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new:after{content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(../../../ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat}

._app-nav-gnb .mega-wrap .ggteam{display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px}

._app-nav-gnb .mega-wrap .ggteam a{position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 176px;
    height: 248px;
    border-radius: 16px;
    background: #f1f1f4 url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon_gg_white.png) 50% 24px no-repeat}

._app-nav-gnb .mega-wrap .ggteam a:before{content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid transparent;
    border-radius: inherit;
    transition: border-color .15s ease-out, transform .25s ease-in-out}

._app-nav-gnb .mega-wrap .ggteam a figure{display: block}

._app-nav-gnb .mega-wrap .ggteam a figure img{width: auto;
    height: 192px;
    transform: scale(1);
    transition: transform .25s ease-in-out;
    transform-origin: bottom}

._app-nav-gnb .mega-wrap .ggteam a .svg-icon{position: absolute;
    right: 12px;
    bottom: 42px;
    left: auto;
    top: auto}

._app-nav-gnb .mega-wrap .ggteam a strong{position: relative;
    display: block;
    padding-right: 24px;
    padding-left: 24px;
    text-align: center;
    height: 56px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap}

@media (min-width:768px){._app-nav-gnb .mega-wrap .ggteam a strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-gnb .mega-wrap .ggteam a strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._app-nav-gnb .mega-wrap .ggteam a strong:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ea0000 50%, transparent)}

._app-nav-gnb .mega-wrap .ggteam a.show-all strong{text-align: right}

._app-nav-gnb .mega-wrap .ggteam a.show-all strong:after{display: none}

._app-nav-gnb .mega-wrap .ggteam a:active:before,
.no-touch ._app-nav-gnb .mega-wrap .ggteam a:hover:not(.hover-disable):before{border-color: #dc3333}

._app-nav-gnb .mega-wrap .ggteam a:active figure img,
.no-touch ._app-nav-gnb .mega-wrap .ggteam a:hover:not(.hover-disable) figure img{transform: scale(1.025);
    transition-duration: 1.5s}

._app-nav-gnb .mega-wrap .ggteam a>strong{line-height: 56px}

._app-nav-gnb .mega-wrap.active{visibility: visible;
    pointer-events: auto;
    height: auto}

._app-nav-gnb .mega-wrap.active-id-1 .holder{-moz-column-gap: 40px;
    column-gap: 40px}

._app-nav-gnb .mega-wrap.active-id-3 .sub-item>ul a{max-width: 258px}

@media (min-width:1280px){._app-nav-gnb,
    ._app-nav-gnb .nav-inner .bar {
        display: block
    }

    [dir=rtl] ._app-nav-gnb .nav-inner .bar {
        display: none
    }}

@media (min-width:1280px) and (max-width:1672px){._app-nav-gnb>.mega-wrap .holder,
    ._app-nav-gnb>.nav-inner {
        margin-left: 234px
    }

    [dir=rtl] ._app-nav-gnb>.mega-wrap .holder,
    [dir=rtl] ._app-nav-gnb>.nav-inner {
        margin-left: 0;
        margin-right: 234px
    }}

@media (min-width:1280px) and (max-width:1760px){[data-region-id=GGPCA] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPCA] ._app-nav-gnb>.nav-inner,
    [data-region-id=GGPDE] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPDE] ._app-nav-gnb>.nav-inner,
    [data-region-id=GGPNL] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPNL] ._app-nav-gnb>.nav-inner,
    [data-region-id=GGPRO] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPRO] ._app-nav-gnb>.nav-inner,
    [data-region-id=GGPUK] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPUK] ._app-nav-gnb>.nav-inner {
        margin-left: 275px
    }}

._app-nav-sub .holder{position: relative;
    width: 100%;
    padding-top: 8px}

._app-nav-sub .holder:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 1px;
    opacity: .3;
    background-color: #fff}

._app-nav-sub .holder .title{position: absolute;
    left: 64px;
    top: -64px;
    right: 64px;
    height: 64px;
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 64px;
    text-align: center}

@media (min-width:768px){._app-nav-sub .holder .title {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._app-nav-sub .holder .title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._app-nav-sub .holder .title:after{content: "";
    display: block;
    position: absolute;
    right: 26px;
    top: 50%;
    left: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border-radius: 1px;
    margin-top: -1px;
    background-color: #fff;
    display: none}

._app-nav-sub .holder ._slider{flex: 1;
    position: relative;
    height: 48px;
    max-width: 100%}

._app-nav-sub .holder ._slider .swiper-button-next,
._app-nav-sub .holder ._slider .swiper-button-prev{display: none}

._app-nav-sub .holder ._slider .swiper-container{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0}

._app-nav-sub .holder ._slider a{display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 12px;
    padding-left: 0;
    height: 48px;
    color: hsla(0, 0%, 100%, .3);
    transition: color .25s ease-out}

._app-nav-sub .holder ._slider a:active,
.no-touch ._app-nav-sub .holder ._slider a:hover:not(.hover-disable){background-color: transparent;
    color: #fff}

._app-nav-sub .holder ._slider a:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 1px;
    background-color: #fff}

._app-nav-sub .holder ._slider a.active{color: #fff}

._app-nav-sub .holder ._slider a.active:after{right: 0}

._app-nav-sub .holder ._slider .swiper-slide{width: auto;
    max-width: none;
    margin-right: 24px}

@media (min-width:768px){._app-nav-sub .holder .title {
        top: -72px;
        height: 72px;
        line-height: 72px
    }}

@media (min-width:1280px){._app-nav-sub .holder {
        width: 1200px;
        padding-top: 16px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center
    }

    ._app-nav-sub .holder:before {
        left: 0;
        top: -1px;
        right: auto;
        bottom: auto;
        width: 783px;
        background: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0) 99.11%)
    }

    ._app-nav-sub .holder .title {
        flex: none;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        height: auto;
        display: block;
        padding-right: 56px;
        padding-bottom: 0;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        font-weight: 500;
        color: hsla(0, 0%, 100%, .3)
    }

    ._app-nav-sub .holder .title:after {
        content: "";
        display: block;
        position: absolute;
        right: 26px;
        top: 50%;
        left: auto;
        bottom: auto;
        width: 4px;
        height: 4px;
        border-radius: 1px;
        margin-top: -1px;
        background-color: #fff
    }}

@media (min-width:1280px) and (min-width:768px){._app-nav-sub .holder .title {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px) and (min-width:1280px){._app-nav-sub .holder .title {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px) and (max-width:1436px){._app-nav-sub .holder {
        width: auto
    }}

@media (min-width:1280px) and (max-width:1672px){._app-nav-sub .holder {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 194px
    }}

@media (min-width:1280px) and (max-width:1760px){[data-region-id=GGPCA] ._app-nav-sub .holder,
    [data-region-id=GGPDE] ._app-nav-sub .holder,
    [data-region-id=GGPNL] ._app-nav-sub .holder,
    [data-region-id=GGPRO] ._app-nav-sub .holder,
    [data-region-id=GGPUK] ._app-nav-sub .holder {
        margin-left: 235px
    }}

.home ._app-nav-sub .holder:before{display: none}

[dir=rtl] ._app-nav-sub .holder:before{left: auto;
    right: 0;
    background: linear-gradient(240deg, #fff 50%, hsla(0, 0%, 100%, 0) 99.11%)}

@media (min-width:1280px) and (max-width:1672px){[dir=rtl] ._app-nav-sub .holder {
        margin-top: 0;
        margin-right: 218px;
        margin-bottom: 0;
        margin-left: 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-next .stroke-target,
._slider .swiper-button-prev .stroke-target{stroke: #fff}

._slider .swiper-button i{width: 60px;
    height: 60px}

._slider .swiper-button-prev{left: 0}

._slider .swiper-button-prev i{position: relative;
    display: block;
    transform: scale(1.25)}

._slider .swiper-button-prev i:before{transform-origin: 1.5px 100%;
    top: 50%;
    transform: translateY(-100%) rotate(45deg)}

._slider .swiper-button-prev i:after,
._slider .swiper-button-prev i:before{position: absolute;
    left: 35%;
    display: block;
    width: 4px;
    height: 22px;
    background: #fff;
    border-radius: 3px;
    content: ""}

._slider .swiper-button-prev i:after{transform-origin: 1.5px 100%;
    top: calc(50% - 2px);
    transform: translateY(-100%) rotate(135deg)}

._slider .swiper-button-next{right: 0}

._slider .swiper-button-next i{position: relative;
    display: block;
    transform: scale(1.25) rotate(180deg)}

._slider .swiper-button-next i:before{transform-origin: 1.5px 100%;
    top: 50%;
    transform: translateY(-100%) rotate(45deg)}

._slider .swiper-button-next i:after,
._slider .swiper-button-next i:before{position: absolute;
    left: 35%;
    display: block;
    width: 4px;
    height: 22px;
    background: #fff;
    border-radius: 3px;
    content: ""}

._slider .swiper-button-next i:after{transform-origin: 1.5px 100%;
    top: calc(50% - 2px);
    transform: translateY(-100%) rotate(135deg)}

._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 .swiper-navigation.more .swiper-button-next.swiper-button-disabled+.swiper-button-more .stroke-target{stroke: #d30000}

._slider .swiper-scrollbar{background-color: hsla(0, 0%, 100%, .1);
    height: 4px}

._slider .swiper-scrollbar .swiper-scrollbar-drag{background-color: #d30000}

._slider .swiper-pagination{position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    z-index: 2;
    text-align: center}

._app-nav-utils{position: absolute;
    right: 24px;
    top: 0;
    left: auto;
    bottom: auto;
    height: 64px;
    display: flex;
    align-items: center}

._app-nav-utils a,
._app-nav-utils label{display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._app-nav-utils a,
    ._app-nav-utils label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-utils a,
    ._app-nav-utils label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._app-nav-utils ._app-nav-util.nav-header{display: none}

._app-nav-utils ._app-nav-regions{order: 2;
    display: none}

._app-nav-utils ._app-nav-signup{order: 1;
    display: none}

._app-nav-utils ._app-nav-toggle{order: 3}

._app-nav-utils .util-group-1{position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px}

._app-nav-utils .util-group-1 ._app-record-holder{pointer-events: none}

._app-nav-utils .util-group-1 ._app-record-holder .m{display: none}

._app-nav-utils .util-group-2{display: none;
    float: right}

.home ._app-nav-utils ._app-nav-signup{display: block}

@media (min-width:768px){._app-nav-utils {
        height: 72px
    }}

@media (min-width:1280px){._app-nav-utils {
        position: absolute;
        right: 40px;
        top: 0;
        left: auto;
        bottom: auto;
        display: block
    }

    ._app-nav-utils ._app-nav-util.nav-header {
        display: flex
    }

    ._app-nav-utils ._app-nav-regions,
    ._app-nav-utils ._app-nav-signup {
        order: inherit;
        display: block
    }

    ._app-nav-utils ._app-nav-toggle {
        order: inherit
    }

    ._app-nav-utils .util-group-1 {
        padding-top: 8px;
        padding-bottom: 8px;
        gap: 24px;
        z-index: 1
    }

    ._app-nav-utils .util-group-1 ._app-record-holder {
        pointer-events: auto
    }

    ._app-nav-utils .util-group-2 {
        padding-top: 5px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 16px
    }}

[dir=rtl] ._app-nav-utils .util-group-1{flex-direction: row-reverse}

@media (min-width:1280px){[dir=rtl] ._app-nav-utils .util-group-2 {
        position: fixed;
        left: calc(50% - 600px);
        top: 47px;
        right: auto;
        bottom: auto
    }}

._app-nav-util.nav-header{display: flex;
    align-items: center;
    gap: 24px}

._app-nav-util.nav-header li{position: relative}

._app-nav-util.nav-header li>a{display: flex;
    align-items: center;
    gap: 4px}

._app-nav-util.nav-header li>a.disabled{pointer-events: none}

@media (min-width:1280px){._app-nav-util.nav-header li>ul {
        display: none;
        flex-direction: column;
        gap: 12px;
        position: absolute;
        right: 0;
        top: calc(100% + 11px);
        left: auto;
        bottom: auto;
        padding: 28px;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
    }

    ._app-nav-util.nav-header li>ul a {
        color: #000;
        white-space: nowrap
    }

    ._app-nav-util.nav-header li.children:before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        right: 0;
        bottom: -12px;
        left: 0
    }

    ._app-nav-util.nav-header li.active .svg-icon {
        transform: rotate(180deg)
    }

    ._app-nav-util.nav-header li.active ul {
        display: flex
    }

    ._app-nav-util.nav-header li.active ul a:active,
    .no-touch ._app-nav-util.nav-header li.active ul a:hover:not(.hover-disable) {
        text-decoration: underline
    }}

._app-nav-util.collapse{display: flex;
    flex-direction: column;
    margin-top: 64px;
    row-gap: 24px}

._app-nav-util.collapse>li .svg-icon{display: none}

._app-nav-util.collapse>li a{display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #000}

@media (min-width:768px){._app-nav-util.collapse>li a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._app-nav-util.collapse>li a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._app-nav-util.collapse>li>a{display: flex;
    align-items: center;
    gap: 12px}

._app-nav-util.collapse>li>a:before{content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover;
    background-repeat: no-repeat}

._app-nav-util.collapse>li.AboutUs a:before{background-image: url(../../../ssl.gg-global-cdn.com/bd/front/img/web/icon-alert-circle-24.png)}

._app-nav-util.collapse>li.Contact a:before{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-mail-24.png)}

._app-nav-util.collapse>li.Partners{order: 99}

._app-nav-util.collapse>li.Partners a:before{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-heart-handshake-24.png)}

._app-nav-util.collapse>li.Help a:before{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-headset-24.png)}

._app-nav-util.collapse>li.children ul{margin-top: 16px}

._app-nav-util.collapse>li.children ul a{font-weight: 400;
    color: #404040;
    padding-right: 36px;
    padding-left: 36px}

._app-nav-util.collapse>li.children li+li{margin-top: 12px}

._app-nav-regions{display: none}

._app-nav-regions .language-item{display: inline-flex;
    align-items: center}

._app-nav-regions .language-item img{width: 16px;
    height: 16px;
    margin-bottom: 0}

._app-nav-regions .language-item>strong{position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff;
    margin-left: 8px;
    white-space: nowrap}

@media (min-width:768px){._app-nav-regions .language-item>strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-regions .language-item>strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._app-nav-regions .language-item>strong:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: auto;
    bottom: auto;
    right: 100%;
    height: 1px;
    background-color: #fff;
    transition: right .15s ease-out}

._app-nav-regions .language-item>em{font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3;
    margin-left: 4px}

@media (min-width:768px){._app-nav-regions .language-item>em {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){._app-nav-regions .language-item>em {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

._app-nav-regions .language-item>span{position: relative;
    padding-left: 8px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3}

@media (min-width:768px){._app-nav-regions .language-item>span {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){._app-nav-regions .language-item>span {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

._app-nav-regions .language-item>span:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #525252}

._app-nav-regions .language-item+.svg-icon{margin-left: 4px}

._app-nav-regions .language-container{position: relative}

._app-nav-regions .language-container .language-current{display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #fff}

@media (min-width:768px){._app-nav-regions .language-container .language-current {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-regions .language-container .language-current {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._app-nav-regions .language-container .language-current .language-item:after{display: none}

._app-nav-regions .language-container .language-popup{position: absolute;
    right: -45px;
    top: calc(100% + 14px);
    left: auto;
    bottom: auto;
    z-index: 1;
    padding: 28px;
    border-radius: 8px;
    background-color: #262626;
    box-shadow: 0 10px 24px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .25)}

._app-nav-regions .language-container .language-popup:before{content: "";
    display: block;
    position: absolute;
    left: 61%;
    top: -14px;
    right: auto;
    bottom: auto;
    right: 35px;
    height: 14px}

._app-nav-regions .language-container .language-popup .language-title{display: block;
    font-size: 16px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid #a3a3a3;
    padding-bottom: 8px;
    line-height: 24px}

@media (min-width:768px){._app-nav-regions .language-container .language-popup .language-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._app-nav-regions .language-container .language-popup .language-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._app-nav-regions .language-container .language-popup .language-list{margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 200px);
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 12px}

._app-nav-regions .language-container .language-popup .language-list .language-item{height: 32px}

._app-nav-regions .language-container .language-popup .language-list .language-item:active strong:after,
.no-touch ._app-nav-regions .language-container .language-popup .language-list .language-item:hover:not(.hover-disable) strong:after{right: 0}

._app-nav-regions.active .svg-icon{transform: rotate(180deg)}

._app-nav-regions.single .language-container .language-popup .language-list{grid-template-columns: repeat(1, auto)}

@media (min-width:1280px){._app-nav-regions {
        display: block
    }}

._app-nav-languages .container a{display: flex;
    gap: 12px;
    width: auto;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #000;
    min-height: 36px}

@media (min-width:768px){._app-nav-languages .container a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-languages .container a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._app-nav-languages .container a span{position: relative}

._app-nav-languages .container a:active>span:before,
.no-touch ._app-nav-languages .container a:hover:not(.hover-disable)>span:before{position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    content: ""}

._app-nav-languages.nav-header{position: relative}

._app-nav-languages.nav-header label{position: relative;
    display: flex;
    align-items: center;
    cursor: pointer}

._app-nav-languages.nav-header label .svg-icon.ds,
._app-nav-languages.nav-header label>span{display: none}

._app-nav-languages.nav-header .container{position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    height: 100dvh;
    padding: 20px;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05);
    color: #404040;
    display: none}

._app-nav-languages.nav-header .container .title{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    margin-bottom: 28px}

@media (min-width:768px){._app-nav-languages.nav-header .container .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._app-nav-languages.nav-header .container .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._app-nav-languages.nav-header .container .group{display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
    overflow-y: scroll;
    max-height: calc(100dvh - 116px)}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar-thumb:hover,
._app-nav-languages.nav-header .container .group::-webkit-scrollbar-track{background-color: transparent}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar{width: 4px;
    height: 4px}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar-thumb{background-color: #54545f;
    border-radius: 8px}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar-thumb:hover{background-color: #24242a}

._app-nav-languages.nav-header .container .group>div{flex: 1}

._app-nav-languages.nav-header .container .group .global{display: flex;
    flex-direction: column;
    row-gap: 12px}

._app-nav-languages.nav-header .container .group .country{display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px}

._app-nav-languages.nav-header .container .group .country a.active{pointer-events: none}

._app-nav-languages.nav-header .container .btn-close{position: absolute;
    right: 20px;
    top: 20px;
    left: auto;
    bottom: auto;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center}

._app-nav-languages.nav-header .container .btn-close .svg-icon path{stroke: #000}

._app-nav-languages.nav-header.active label:before{content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -16px;
    left: -40px;
    display: none}

._app-nav-languages.nav-header.active .container{display: block}

._app-nav-languages.nav-header.active .container .btn-close{display: flex}

._app-nav-header.on ._app-nav-languages.nav-header{visibility: hidden}

@media (min-width:768px){._app-nav-languages.nav-header .container {
        left: 50%;
        top: 50vh;
        bottom: auto;
        right: auto;
        width: 584px;
        height: auto;
        transform: translate(-50%, -50%);
        border-radius: 8px
    }

    ._app-nav-languages.nav-header .container .group a {
        width: 168px
    }

    ._app-nav-languages.nav-header .container .group .country {
        grid-template-rows: repeat(11, auto);
        -moz-column-gap: 24px;
        column-gap: 24px;
        grid-auto-flow: column dense
    }

    ._app-nav-languages.nav-header.active .container {
        display: block
    }}

@media (min-width:1280px){._app-nav-languages.nav-header {
        display: none
    }

    ._app-nav-languages.nav-header label span {
        display: inline-block;
        margin-left: 8px
    }

    ._app-nav-languages.nav-header label .svg-icon.ds {
        display: inline-block
    }

    ._app-nav-languages.nav-header .container {
        position: absolute;
        right: 0;
        top: calc(100% + 16px);
        left: auto;
        bottom: auto;
        padding: 28px;
        transform: none
    }

    ._app-nav-languages.nav-header .container .group a {
        width: 200px
    }

    ._app-nav-languages.nav-header .container .group .country {
        row-gap: 12px
    }

    ._app-nav-languages.nav-header:active label:before,
    .no-touch ._app-nav-languages.nav-header:hover:not(.hover-disable) label:before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        right: 0;
        bottom: -16px;
        left: -5px
    }

    ._app-nav-languages.nav-header:active .svg-icon.ds,
    .no-touch ._app-nav-languages.nav-header:hover:not(.hover-disable) .svg-icon.ds {
        transform: rotate(180deg)
    }

    ._app-nav-languages.nav-header.clean-active .container,
    ._app-nav-languages.nav-header.clean-active:active .container,
    .no-touch ._app-nav-languages.nav-header.clean-active:hover:not(.hover-disable) .container {
        display: none
    }}

._app-nav-languages.nav-header.popup.active .container{display: block;
    position: fixed;
    left: 50%;
    top: 50vh;
    bottom: auto;
    right: auto;
    height: auto;
    transform: translate(-50%, -50%)}

._app-nav-languages.nav-header.popup.active .container .btn-close{display: block}

@media (min-width:1280px){[dir=rtl] ._app-nav-languages.nav-header label span {
        margin-left: 0;
        margin-right: 8px
    }}

._app-nav-languages.collapse{margin-top: 40px;
    display: none}

._app-nav-languages.collapse label{display: none}

._app-nav-languages.collapse .container .title span{position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #000;
    padding-bottom: 4px}

@media (min-width:768px){._app-nav-languages.collapse .container .title span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._app-nav-languages.collapse .container .title span {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._app-nav-languages.collapse .container .title span:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: auto;
    bottom: auto;
    right: 100%;
    height: 2px;
    background-color: #000}

._app-nav-languages.collapse .container .group{margin-top: 24px}

._app-nav-languages.collapse .container .group,
._app-nav-languages.collapse .container .group>div{display: flex;
    flex-direction: column;
    row-gap: 16px}

._app-nav-languages.collapse .container .btn-close{display: none}

@media (min-width:768px){._app-nav-languages.collapse {
        display: block
    }}

._app-nav-toggle{display: flex;
    align-items: center}

._app-nav-toggle.collapse{color: #000}

._app-nav-toggle.collapse .svg-icon-close path{stroke: #000}

._app-nav-languages-single{position: relative}

._app-nav-languages-single .language-current{display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 16px;
    border-radius: 62px;
    background-color: hsla(0, 0%, 100%, .1)}

._app-nav-languages-single .language-current strong{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._app-nav-languages-single .language-current strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-languages-single .language-current strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._app-nav-languages-single .language-current:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: auto;
    bottom: auto;
    right: 0;
    height: 10px;
    display: none}

._app-nav-languages-single .language-current:active .svg-icon,
.no-touch ._app-nav-languages-single .language-current:hover:not(.hover-disable) .svg-icon{transform: rotate(180deg)}

._app-nav-languages-single .language-current:active:before,
.no-touch ._app-nav-languages-single .language-current:hover:not(.hover-disable):before{display: block}

._app-nav-languages-single .container{position: absolute;
    right: 0;
    top: calc(100% + 10px);
    left: auto;
    bottom: auto;
    z-index: 1;
    padding: 28px;
    border-radius: 8px;
    background-color: #fff;
    display: none;
    box-shadow: 0 10px 24px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .25)}

._app-nav-languages-single .container .language-title{font-size: 16px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #404040}

@media (min-width:768px){._app-nav-languages-single .container .language-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._app-nav-languages-single .container .language-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._app-nav-languages-single .container .language-list{margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 224px);
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 12px}

._app-nav-languages-single .container .language-list a{display: flex;
    align-items: center;
    height: 32px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #000}

@media (min-width:768px){._app-nav-languages-single .container .language-list a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-languages-single .container .language-list a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._app-nav-languages-single .container .language-list a.active{pointer-events: none}

._app-nav-languages-single .container .language-list a span{position: relative}

._app-nav-languages-single .container .language-list a span:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 1px;
    background-color: #000;
    white-space: nowrap;
    transition: right .15s ease-out}

._app-nav-languages-single .container .language-list a:active span:after,
.no-touch ._app-nav-languages-single .container .language-list a:hover:not(.hover-disable) span:after{right: 0}

._app-nav-languages-single .container .language-list a.active span{font-weight: 700}

._app-nav-languages-single:active .container,
._app-nav-languages-single:active .language-current:before,
.no-touch ._app-nav-languages-single:hover:not(.hover-disable) .container,
.no-touch ._app-nav-languages-single:hover:not(.hover-disable) .language-current:before{display: block}

@media (min-width:1280px) and (max-width:1330px){._app-nav-languages-single .language-current strong {
        display: none
    }}

button._app-nav-download.nav-header{height: 40px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    color: #fff}

button._app-nav-download.nav-header span{font-size: inherit;
    font-weight: 500}

button._app-nav-download.collapse{height: 48px;
    margin-top: 16px;
    margin-right: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    color: #fff;
    flex: 1}

button._app-nav-download.collapse svg{display: none}

._color-button{display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 48px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 80px;
    box-sizing: border-box;
    gap: 8px;
    border: 0;
    transition: background-color .25s ease-in-out, border-color .24s ease-in-out}

._color-button:active,
.no-touch ._color-button:hover:not(.hover-disable){background-color: hsla(0, 0%, 100%, .3)}

._color-button[readonly]{cursor: auto}

._color-button[readonly]:active,
.no-touch ._color-button[readonly]:hover:not(.hover-disable){background-color: transparent}

._color-button[disabled]{opacity: .35;
    cursor: not-allowed;
    pointer-events: none}

._color-button.red,
._color-button.red:active,
.no-touch ._color-button.red:hover:not(.hover-disable){background-color: #d30000}

._color-button.gray-line-blur{background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .1);
    backdrop-filter: 2px;
    -webkit-backdrop-filter: blur(2px)}

._color-button.gray-line-blur:active,
.no-touch ._color-button.gray-line-blur:hover:not(.hover-disable){background-color: hsla(0, 0%, 100%, .3)}

._color-button.line{color: #000}

._color-button.line,
._color-button.line:active,
.no-touch ._color-button.line:hover:not(.hover-disable){background-color: #fff;
    border: 1px solid #000}

._color-button.icon{width: 48px;
    height: 48px;
    padding: 0}

._color-button.icon i{font-size: 24px !important}

[all-in-fold] figure{text-align: center}

[all-in-fold] figure img{width: 100%}

[all-in-fold] .img-r [article-content]>.content{row-gap: 20px}

[all-in-fold] .img-r figure{margin-top: 0}

[all-in-fold] .img-l{display: flex;
    flex-direction: column;
    gap: 20px}

@media (min-width:768px){[all-in-fold] .img-l figure img,
    [all-in-fold] .img-r figure img {
        max-width: 704px
    }

    [all-in-fold] .img-r [article-content]>.content {
        row-gap: 28px
    }

    [all-in-fold] .img-grid-2 [article-content]>.content {
        gap: 24px
    }

    [all-in-fold] .img-grid-2 [article-content]>.content figure {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px
    }}

@media (min-width:1280px){[all-in-fold] .img-r [article-content]>h3 {
        max-width: 632px
    }

    [all-in-fold] .img-r [article-content]>.content {
        display: flex;
        flex-flow: row;
        row-gap: 0;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [all-in-fold] .img-r [article-content]>.content .container {
        flex: 1
    }

    [all-in-fold] .img-r [article-content]>.content figure {
        flex: none;
        display: block;
        margin-top: -72px
    }

    [all-in-fold] .img-r [article-content]>.content figure img {
        max-width: 496px
    }

    [all-in-fold] .img-l {
        flex-direction: row-reverse;
        gap: 72px
    }

    [all-in-fold] .img-l [article-content] {
        flex: 1
    }

    [all-in-fold] .img-l figure {
        flex: none
    }}

[how-to-play-template] .bg-objects{display: none}

[how-to-play-template] [page-container]{padding-top: 0}

[how-to-play-template] [page-container]>.inner{display: flex;
    flex-direction: column;
    gap: 56px}

@media (min-width:768px){[how-to-play-template] [page-container]>.inner {
        gap: 64px
    }}

@media (min-width:1280px){[how-to-play-template] .bg-objects {
        position: relative;
        display: block;
        margin-bottom: -128px
    }

    [how-to-play-template] .bg-objects s {
        display: block;
        position: absolute;
        top: 0;
        pointer-events: none
    }

    [how-to-play-template] .bg-objects s:first-of-type {
        right: calc(50% + 200px)
    }

    [how-to-play-template] .bg-objects s:nth-of-type(2) {
        left: calc(50% + 200px)
    }

    [how-to-play-template] .bg-objects s.type-2 {
        top: 216px
    }

    [how-to-play-template] .bg-objects s.type-3 {
        top: 716px
    }

    [how-to-play-template] .bg-objects~* {
        position: relative
    }

    [how-to-play-template] [page-container]>.inner {
        gap: 128px
    }}

[section-container]{position: relative;
    min-height: 352px}

[section-container] .contents{padding-right: 24px;
    padding-left: 24px}

[section-container] .bg-holder{width: 100%;
    position: absolute;
    z-index: 0}

@media (min-width:1280px){[section-container] .contents {
        padding: 0;
        margin-left: auto;
        margin-right: auto
    }}

[section-container].no-margin{margin-top: 0 !important}

[section-container].primary{height: 352px}

[section-container].primary:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1;
    height: 2px;
    background-image: url(#d30000);
    background: linear-gradient(90deg, transparent 0, var(--line-color) 50%, transparent 100%)}

[section-container].primary .bg-holder{height: 100%;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    overflow: hidden}

[section-container].primary .bg-holder picture{width: 100%;
    height: 100%}

[section-container].primary .bg-holder img{width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

[section-container].primary .contents{height: 100%;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px}

@media (min-width:768px){[section-container].primary .contents {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[section-container].primary .contents {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[section-container].primary .contents:after,
[section-container].primary .contents:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 128px;
    pointer-events: none}

[section-container].primary .contents:before{top: 0;
    background-blend-mode: multiply}

[section-container].primary .contents:after{bottom: -1px;
    background: linear-gradient(0deg, #000 -62.5%, transparent 72.92%)}

[section-container].primary .inner{position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px}

[section-container].primary h2{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700}

@media (min-width:768px){[section-container].primary h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){[section-container].primary h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

[section-container].primary h3{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500}

@media (min-width:768px){[section-container].primary h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[section-container].primary h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

@media (min-width:768px){[section-container].primary {
        height: 528px
    }

    [section-container].primary .contents:after,
    [section-container].primary .contents:before {
        height: 200px
    }

    [section-container].primary .contents:before {
        background: linear-gradient(180deg, #000 -28.25%, hsla(0, 0%, 40%, 0))
    }

    [section-container].primary .contents:after {
        background: linear-gradient(0deg, #060606 -33.5%, transparent 68.25%)
    }

    [section-container].primary .inner {
        padding-bottom: 72px
    }}

@media (min-width:1280px){[section-container].primary {
        height: 544px
    }

    [section-container].primary .inner {
        padding-bottom: 112px
    }}

[section-container].home-section{padding-top: 56px}

[section-container].home-section .contents{position: relative}

[section-container].home-section .inner>h2,
[section-container].home-section .inner>h3{text-align: center}

[section-container].home-section .inner>h2{font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #fff}

@media (min-width:768px){[section-container].home-section .inner>h2 {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[section-container].home-section .inner>h2 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

[section-container].home-section .inner>h3{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 300;
    color: #d4d4d4;
    margin-top: 16px}

@media (min-width:768px){[section-container].home-section .inner>h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[section-container].home-section .inner>h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:768px){[section-container].home-section {
        padding-top: 64px
    }}

@media (min-width:1280px){[section-container].home-section {
        padding-top: 128px
    }}

._responsive-img-new{display: block}

._responsive-img-new.br img{border-radius: 16px;
    outline: none;
    border: 0}

._responsive-img-new.img-rendering img{image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden}

[how-to-play-header]{position: relative;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_green.webp) 50% 0/cover no-repeat}

[how-to-play-header] .holder{position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-top: 56px;
    padding-bottom: 56px}

[how-to-play-header] .title{position: relative;
    z-index: 1;
    max-width: calc(100% - 132px);
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    font-style: italic}

[how-to-play-header] .title span{position: relative;
    display: inline-block}

[how-to-play-header] .title span .icon{position: absolute;
    width: 28px;
    height: 28px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_green.webp) 50% 50%/cover no-repeat}

[how-to-play-header] .title span .icon:first-of-type{left: -45px;
    top: 0;
    right: auto;
    bottom: auto}

[how-to-play-header] .title span .icon:nth-of-type(2){right: -45px;
    top: 0;
    left: auto;
    bottom: auto;
    transform: rotate(180deg)}

[how-to-play-header] .background{position: absolute;
    left: 0;
    top: -2px;
    right: auto;
    bottom: auto;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    pointer-events: none}

[how-to-play-header].blue{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_blue.webp)}

[how-to-play-header].blue .title span .icon{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_blue.webp)}

[how-to-play-header].red{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_red.webp)}

[how-to-play-header].red .title span .icon{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_red.webp)}

[how-to-play-header].purple{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_purple.webp)}

[how-to-play-header].purple .title span .icon{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_purple.webp)}

@media (min-width:768px){[how-to-play-header] .holder {
        padding-top: 80px;
        padding-bottom: 80px
    }

    [how-to-play-header] .title {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px;
        max-width: 75%
    }

    [how-to-play-header] .title span .icon {
        width: 35px;
        height: 30px;
        background-size: 35px 30px
    }}

@media (min-width:1280px){[how-to-play-header] {
        min-height: 340px
    }

    [how-to-play-header] .holder {
        max-width: 1200px;
        padding-top: 128px;
        padding-bottom: 128px
    }

    [how-to-play-header] .title {
        max-width: 740px
    }}

._page-container{padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
    background-color: #18181a}

@media (min-width:768px){._page-container {
        padding-top: 80px;
        padding-right: 32px;
        padding-bottom: 80px;
        padding-left: 32px
    }}

@media (min-width:1280px){._page-container {
        padding-top: 128px;
        padding-bottom: 128px
    }}

._page-container.background-common{background-color: #18181a}

@media (min-width:1280px){._page-container.background-common {
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_common_ppattern_3.webp) 50% 0 repeat-y
    }}

._page-container.policy-legal a{font-weight: 500;
    color: #fff}

@media (min-width:1280px){._page-container.policy-legal>.inner {
        padding-right: 408px
    }}

._page-container.how-to-play,
._page-container.promotions,
._page-container.tournaments{padding-bottom: 0}

[all-in-fold-gets] .tip{position: relative;
    border: 2px solid transparent;
    border-radius: 15px;
    margin-top: 20px;
    background-image: linear-gradient(#19191a, #19191a), linear-gradient(330deg, #18181b 10%, #8c0303);
    background-origin: border-box;
    background-clip: content-box, border-box}

[all-in-fold-gets] .tip .content{position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px}

[all-in-fold-gets] .tip .content:before{content: attr(data-label);
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    font-style: italic}

@media (min-width:768px){[all-in-fold-gets] .tip .content:before {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[all-in-fold-gets] .tip .content:before {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[all-in-fold-gets] .tip p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    font-style: normal;
    color: #fff}

@media (min-width:768px){[all-in-fold-gets] .tip .content {
        flex-direction: row;
        align-items: center
    }}

@media (min-width:1280px){[all-in-fold-gets].img-right [article-content]>.content figure {
        margin-top: -120px
    }

    [all-in-fold-gets] .tip {
        margin-top: 24px;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        margin-left: 14px;
        max-width: 536px
    }}

._img-content-template figure{text-align: center}

._img-content-template figure [responsive-video],
._img-content-template figure img{width: 100%;
    height: auto;
    border-radius: 16px}

._img-content-template.img-left>figure{margin-top: 24px}

._img-content-template.img-right [article-content]>.content{row-gap: 20px}

._img-content-template.img-right figure{margin-top: 0}

._img-content-template.img-left-content-before .left-content-before,
._img-content-template.img-left-content-before .right-content-before,
._img-content-template.img-right-content-before .left-content-before,
._img-content-template.img-right-content-before .right-content-before{margin-bottom: 20px}

._img-content-template.img-left-content-before .left-content-before img,
._img-content-template.img-left-content-before .right-content-before img,
._img-content-template.img-right-content-before .left-content-before img,
._img-content-template.img-right-content-before .right-content-before img{max-width: 704px;
    margin-left: auto;
    margin-right: auto}

._img-content-template.img-message .group{display: block}

._img-content-template.img-message .group img{max-width: 288px;
    margin-left: auto;
    margin-right: auto}

._img-content-template.img-message .group .message{margin-top: -22px;
    width: 260px;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fee78a;
    background: url(../../../ssl.gg-global-cdn.com/bd/front/img/web/bg_img_message.png) 50% 0/cover no-repeat}

@media (min-width:768px){._img-content-template.img-message .group .message {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){._img-content-template.img-message .group .message {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

._img-content-template.img-message.img-left{display: flex;
    flex-direction: column;
    gap: 56px}

._img-content-template.img-message.img-left>[article-content]{order: 2}

._img-content-template.img-message.img-left>figure{margin-top: 0}

._img-content-template [article-content]>h3:after{content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 24px;
    background-image: linear-gradient(90deg, #52525b, transparent)}

._img-content-template [article-content].no-line>h3:after{display: none}

@media (min-width:768px){._img-content-template.img-left figure [img-container],
    ._img-content-template.img-left figure img,
    ._img-content-template.img-right figure [img-container],
    ._img-content-template.img-right figure img {
        max-width: 704px;
        margin-left: auto;
        margin-right: auto
    }

    ._img-content-template.img-left figure [responsive-video],
    ._img-content-template.img-right figure [responsive-video] {
        border-radius: 16px
    }

    ._img-content-template.img-left-content-before .left-content-before,
    ._img-content-template.img-left-content-before .right-content-before,
    ._img-content-template.img-right-content-before .left-content-before,
    ._img-content-template.img-right-content-before .right-content-before {
        margin-bottom: 24px
    }

    ._img-content-template.img-message .group img {
        max-width: 408px !important
    }

    ._img-content-template.img-message .group .message {
        margin-top: -42px;
        width: 368px;
        height: 134px
    }

    ._img-content-template.img-message.img-left {
        gap: 64px
    }}

@media (min-width:1280px){._img-content-template.img-left [responsive-video],
    ._img-content-template.img-right [responsive-video] {
        width: 496px;
        height: auto
    }

    ._img-content-template.img-left {
        display: flex;
        flex-direction: row-reverse;
        gap: 72px
    }

    ._img-content-template.img-left [article-content] {
        flex: 1
    }

    ._img-content-template.img-left figure {
        flex: none
    }

    ._img-content-template.img-left figure img {
        max-width: 496px
    }

    ._img-content-template.img-left>figure {
        margin-top: 0
    }

    ._img-content-template.img-right [article-content]>h3 {
        max-width: 632px
    }

    ._img-content-template.img-right [article-content]>.content {
        display: flex;
        flex-flow: row;
        row-gap: 0;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    ._img-content-template.img-right [article-content]>.content:before {
        max-width: 632px
    }

    ._img-content-template.img-right [article-content]>.content .container {
        flex: 1
    }

    ._img-content-template.img-right [article-content]>.content figure {
        flex: none;
        display: block;
        margin-top: -72px
    }

    ._img-content-template.img-right [article-content]>.content figure [responsive-video],
    ._img-content-template.img-right [article-content]>.content figure img {
        max-width: 496px
    }

    ._img-content-template.img-right [article-content]:not(.no-line)>.content figure {
        margin-top: -96px
    }

    ._img-content-template.img-left-content-before,
    ._img-content-template.img-right-content-before {
        min-height: 360px
    }

    ._img-content-template.img-left-content-before .left-content-before,
    ._img-content-template.img-left-content-before .right-content-before,
    ._img-content-template.img-right-content-before .left-content-before,
    ._img-content-template.img-right-content-before .right-content-before {
        position: absolute;
        margin-bottom: 0;
        top: -72px
    }

    ._img-content-template.img-left-content-before .left-content-before img,
    ._img-content-template.img-left-content-before .right-content-before img,
    ._img-content-template.img-right-content-before .left-content-before img,
    ._img-content-template.img-right-content-before .right-content-before img {
        max-width: 496px
    }

    ._img-content-template.img-left-content-before {
        padding-left: 568px
    }

    ._img-content-template.img-left-content-before .left-content-before {
        left: 0;
        transform: translateX(-568px)
    }

    ._img-content-template.img-right-content-before {
        padding-right: 568px
    }

    ._img-content-template.img-right-content-before .right-content-before {
        right: 0;
        transform: translateX(568px)
    }

    ._img-content-template.no-margin [article-content]>.content figure {
        margin-top: 0
    }

    ._img-content-template.img-message .group img {
        max-width: inherit !important
    }

    ._img-content-template.img-message .group .message {
        margin-top: -52px;
        width: 531px;
        height: 194px
    }

    ._img-content-template.img-message.img-left {
        display: flex;
        flex-direction: row-reverse;
        gap: 72px
    }

    ._img-content-template.img-message.img-left>[article-content] {
        order: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }}

[article-content]>h3{position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    padding-bottom: 24px}

@media (min-width:768px){[article-content]>h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[article-content]>h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[article-content]>h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    padding-bottom: 20px}

@media (min-width:768px){[article-content]>h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[article-content]>h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[article-content]>.content{position: relative;
    padding-top: 24px}

[article-content]>.content:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, #52525b, transparent)}

[article-content] ol.not{margin-left: 16px}

[article-content].deco{position: relative}

[article-content].deco:before{position: absolute;
    top: 0;
    width: 402px;
    height: 300px;
    background-size: auto 334px;
    z-index: 0;
    pointer-events: none;
    content: "";
    display: block;
    transform: translateX(-140px) translateY(-144px);
    opacity: .85;
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/article-content-deco.webp);
    background-position-x: 0;
    background-position-y: 0}

[article-content].deco[data-text]{padding-top: 64px}

[article-content].deco[data-text]:before{width: 402px;
    height: 300px;
    transform: translateX(-140px) translateY(-100px)}

[article-content].deco[data-text]:after{position: absolute;
    left: -4px;
    top: -4px;
    right: auto;
    bottom: auto;
    content: attr(data-text);
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -2px;
    opacity: .16;
    font-weight: 500;
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

[article-content].no-line>.content{border-top: 0;
    padding-top: 0}

[article-content].no-line>.content:before{display: none}

[article-content].box{padding: 24px;
    border-radius: 16px;
    background-color: rgba(36, 36, 42, .5)}

[article-content].play-money{padding: 32px;
    background-color: hsla(0, 0%, 100%, .03);
    border-radius: 8px}

[article-content].play-money [text-content].article-content{gap: 16px}

[article-content].play-money [text-content].article-content p+p,
[article-content].play-money [text-content].article-content p+ul{margin-top: 0}

[article-content].play-money [text-content].article-content ul.small li{color: #a3a3a3}

[article-content].play-money [text-content].article-content ul.small li:before{background-color: #a3a3a3}

[article-content].card-detail-slider [text-content].article-content{gap: 0}

[article-content].card-detail-slider [text-content].article-content *+*{margin-top: 8px}

[article-content].card-detail-slider [text-content].article-content h5{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[article-content].card-detail-slider [text-content].article-content h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[article-content].card-detail-slider [text-content].article-content h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[article-content].info-message p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[article-content].info-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[article-content].info-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[article-content].info-message p a{text-decoration: underline;
    color: #fff}

[article-content].info-message p>em{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[article-content].info-message p>em {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[article-content].info-message p>em {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[article-content].info-message p>strong{font-weight: 500;
    color: #fee78a}

@media (min-width:768px){[article-content]>h6 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500
    }

    [article-content].deco:before {
        transform: translateX(-200px) translateY(-195px);
        background-size: auto auto
    }

    [article-content].deco[data-text] {
        padding-top: 72px
    }

    [article-content].deco[data-text]:before {
        transform: translateX(-200px) translateY(-97.5px)
    }

    [article-content].deco[data-text]:after {
        top: -8px;
        font-size: 120px;
        line-height: 120px;
        letter-spacing: -2.4px
    }

    [article-content].box {
        padding: 32px
    }

    [article-content].card-detail-slider [text-content].article-content p+h5,
    [article-content].card-detail-slider [text-content].article-content p+p {
        margin-top: 16px
    }}

@media (min-width:768px) and (min-width:768px){[article-content]>h6 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:768px) and (min-width:1280px){[article-content]>h6 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[article-content]>h4 {
        padding-bottom: 24px
    }

    [article-content]>.content {
        padding-top: 24px
    }

    [article-content].deco[data-text] {
        padding-top: 96px
    }

    [article-content].deco[data-text]:after {
        left: -5px;
        top: -20px;
        right: auto;
        bottom: auto;
        font-size: 180px;
        line-height: 180px;
        letter-spacing: -3.6px
    }

    [article-content].box {
        padding: 56px
    }

    [article-content].card-detail-slider [text-content].article-content h5 {
        margin-top: 28px
    }

    [article-content].card-detail-slider [text-content].article-content h5+* {
        margin-top: 8px
    }

    [article-content].text-align-left {
        padding-right: 408px
    }

    [article-content].text-align-right {
        padding-left: 408px
    }

    [article-content].info-message {
        padding-right: 4px
    }}

[dir=rtl] [article-content]>.content:before{background: linear-gradient(90deg, transparent, #52525b)}

[dir=rtl] [article-content].deco:before{transform: translateX(244px) translateY(-144px)}

@media (min-width:768px){[dir=rtl] [article-content].deco:before {
        transform: translateX(184px) translateY(-195px)
    }}

@media (min-width:1280px){[dir=rtl] [article-content].text-align-left {
        padding-left: 448px;
        padding-right: 0
    }

    [dir=rtl] [article-content].text-align-right {
        padding-left: 0;
        padding-right: 408px
    }}

[img-container]{display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 16px;
    width: 100%;
    overflow: hidden;
    background-origin: border-box;
    background-clip: content-box, border-box}

[img-container] img{border-radius: inherit}

[img-container].line.green{background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, #296d44, #27272b 75%)}

[img-container].line.blue{background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, #2365c8, #27272b 75%)}

[img-container].line.red{background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, #c11b1b, #27272b 75%)}

[img-container].line.purple{background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, #9059bc, #27272b 75%)}

[all-in-fold-information] [responsive-table]{min-width: 1000px}

[all-in-fold-information] [responsive-table] td,
[all-in-fold-information] [responsive-table] th{width: 10%}

[more-less-template]{position: relative}

[more-less-template] button{position: absolute;
    right: 0;
    top: -3px;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: flex;
    align-items: center;
    color: #a3a3a3}

[more-less-template] button span{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    display: none}

@media (min-width:768px){[more-less-template] button span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[more-less-template] button span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[more-less-template] button .svg-icon{width: 40px;
    height: 40px}

[more-less-template] button .svg-icon path{stroke: #a3a3a3}

.no-touch [more-less-template] button:hover:not(.hover-disable) .svg-icon path,
[more-less-template] button:active .svg-icon path{stroke: #fff}

[more-less-template] [article-content] h3{margin-right: 40px}

[more-less-template] [article-content]>[text-content]{max-height: 2000px;
    overflow: hidden;
    border-radius: 8px}

[more-less-template].close button{color: #fff}

[more-less-template].close .svg-icon path{stroke: #fff}

[more-less-template].close [article-content]>[text-content]{max-height: 0}

[more-less-template].close [responsive-table]{display: none}

[more-less-template].close.table [responsive-table]{display: block}

[more-less-template].close.table [article-content]>[text-content]{max-height: 56px}

[more-less-template].close.table [article-content]>[text-content] tbody{display: none}

@media (min-width:768px){[more-less-template] [article-content] h3 {
        margin-right: 134px
    }

    [more-less-template] button {
        top: 0
    }

    [more-less-template] button span {
        display: block
    }}

@media (min-width:1280px){[more-less-template] button {
        top: 3px
    }}

[responsive-table] .c-prize200{font-weight: 500}

[responsive-table].base .title{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 8px;
    display: none}

@media (min-width:768px){[responsive-table].base .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[responsive-table].base .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[responsive-table].base .holder{overflow: auto;
    border-radius: 8px}

[responsive-table].base .holder::-webkit-scrollbar{width: 4px}

[responsive-table].base .holder::-webkit-scrollbar-thumb:hover,
[responsive-table].base .holder::-webkit-scrollbar-track{background-color: transparent}

[responsive-table].base .holder::-webkit-scrollbar{width: 8px;
    height: 8px}

[responsive-table].base .holder::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 100%, .2);
    border-radius: 8px}

[responsive-table].base .holder::-webkit-scrollbar-thumb:hover{background-color: hsla(0, 0%, 100%, .3)}

[responsive-table].base table{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    overflow: hidden;
    border-bottom: 1px solid #24242a}

@media (min-width:768px){[responsive-table].base table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[responsive-table].base table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[responsive-table].base thead th{padding-top: 0;
    padding-right: 32px;
    padding-bottom: 0;
    padding-left: 32px;
    height: 48px;
    background-color: #24242a;
    white-space: nowrap}

[responsive-table].base thead th:first-child{border-radius: 8px 0 0 8px}

[responsive-table].base thead th:last-child{border-radius: 0 8px 8px 0}

[responsive-table].base thead th:only-child{border-radius: 8px}

[responsive-table].base thead .-l,
[responsive-table].base thead .-l th{border-left: 1px solid #53525b}

[responsive-table].base thead .-b,
[responsive-table].base thead .-b th{border-bottom: 1px solid #53525b}

[responsive-table].base tbody td,
[responsive-table].base tbody th{padding: 8px;
    text-align: center;
    color: #fff}

@media (min-width:768px){[responsive-table].base tbody td,
    [responsive-table].base tbody th,
    [responsive-table].base thead th {
        padding: 12px
    }}

[responsive-table].scroll-color{--responsive-table-theme-color: #000;
    --responsive-table-theme-color-line: var(--responsive-table-theme-color);
    --responsive-table-theme-color-line-header: #171717}

[responsive-table].scroll-color .holder{overflow-x: scroll;
    border-radius: 8px}

[responsive-table].scroll-color .holder::-webkit-scrollbar{width: 4px}

[responsive-table].scroll-color .holder::-webkit-scrollbar-thumb:hover,
[responsive-table].scroll-color .holder::-webkit-scrollbar-track{background-color: transparent}

[responsive-table].scroll-color .holder::-webkit-scrollbar{width: 8px;
    height: 8px}

[responsive-table].scroll-color .holder::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 100%, .2);
    border-radius: 8px}

[responsive-table].scroll-color .holder::-webkit-scrollbar-thumb:hover{background-color: hsla(0, 0%, 100%, .3)}

[responsive-table].scroll-color table{position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[responsive-table].scroll-color table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[responsive-table].scroll-color table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[responsive-table].scroll-color tr.hidden-d{display: table-row}

[responsive-table].scroll-color td,
[responsive-table].scroll-color th{padding-top: 24px;
    padding-right: 12px;
    padding-bottom: 24px;
    padding-left: 12px;
    text-align: center}

[responsive-table].scroll-color td.hidden-m-t,
[responsive-table].scroll-color th.hidden-m-t{display: none}

[responsive-table].scroll-color td.hidden-d,
[responsive-table].scroll-color th.hidden-d{display: table-cell}

[responsive-table].scroll-color thead th{padding-top: 12px;
    padding-bottom: 12px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    background-color: var(--responsive-table-theme-color)}

@media (min-width:768px){[responsive-table].scroll-color thead th {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[responsive-table].scroll-color thead th {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[responsive-table].scroll-color thead th:first-child{border-radius: 8px 0 0 8px}

[responsive-table].scroll-color thead th:last-child{border-radius: 0 8px 8px 0}

[responsive-table].scroll-color thead th:only-child{border-radius: 8px}

[responsive-table].scroll-color thead th.no-radius{border-radius: 0}

[responsive-table].scroll-color thead tr.transparent th{background-color: transparent;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px}

@media (min-width:768px){[responsive-table].scroll-color thead tr.transparent th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[responsive-table].scroll-color thead tr.transparent th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[responsive-table].scroll-color thead .-l,
[responsive-table].scroll-color thead .-l th{border-left: 1px solid var(--responsive-table-theme-color-line-header)}

[responsive-table].scroll-color thead .-b,
[responsive-table].scroll-color thead .-b th{border-bottom: 1px solid var(--responsive-table-theme-color-line-header)}

[responsive-table].scroll-color tbody td,
[responsive-table].scroll-color tbody th{border-bottom: 1px solid var(--responsive-table-theme-color-line)}

[responsive-table].scroll-color tbody .-l{border-left: 1px solid var(--responsive-table-theme-color-line)}

[responsive-table].scroll-color tbody .-r{border-right: 1px solid var(--responsive-table-theme-color-line)}

[responsive-table].scroll-color tbody .-b-none,
[responsive-table].scroll-color tbody .-b-none td{border-bottom: 1px solid transparent}

[responsive-table].scroll-color tbody tr.imgs td{padding: 4px}

[responsive-table].scroll-color.brown{--responsive-table-theme-color: #4e3818;
    --responsive-table-theme-color-line: var(--responsive-table-theme-color)}

[responsive-table].scroll-color.brown-light{--responsive-table-theme-color: #4b3021}

[responsive-table].scroll-color.brown-dark{--responsive-table-theme-color: #5a2d35;
    --responsive-table-theme-color-line: #40172b}

[responsive-table].scroll-color.red-brown{--responsive-table-theme-color: #42241f;
    --responsive-table-theme-color-line: #42241f}

[responsive-table].scroll-color.gray{--responsive-table-theme-color: #24242a;
    --responsive-table-theme-color-line: #24242a;
    --responsive-table-theme-color-line-header: #3f3f46}

[responsive-table].scroll-color.gray-light{--responsive-table-theme-color: #d0d6d9;
    --responsive-table-theme-color-line: #a8adb0}

[responsive-table].scroll-color.gray-light thead th{color: #000}

[responsive-table].scroll-color.gray-light-2{--responsive-table-theme-color: #24242a;
    --responsive-table-theme-color-line: #24242a}

[responsive-table].scroll-color.gray-light-2 td{color: #d4d4d4}

[responsive-table].scroll-color.purple{--responsive-table-theme-color: #403062}

[responsive-table].scroll-color.purple-light{--responsive-table-theme-color: #3f2147}

[responsive-table].scroll-color.purple-dark{--responsive-table-theme-color: #312f6d}

[responsive-table].scroll-color.blue{--responsive-table-theme-color: #253358}

[responsive-table].scroll-color.blue-light{--responsive-table-theme-color: #2b455c}

[responsive-table].scroll-color.blue-dark{--responsive-table-theme-color: #1e485b}

[responsive-table].scroll-color.blue-gradient{--responsive-table-theme-color: #253358;
    --responsive-table-theme-color-line: transparent}

[responsive-table].scroll-color.blue-gradient .holder{position: relative}

[responsive-table].scroll-color.blue-gradient .holder:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 48px;
    background: linear-gradient(270deg, #253358 1.2%, rgba(37, 51, 88, 0) 102.32%);
    border-radius: 8px}

[responsive-table].scroll-color.blue-gradient thead th{background-color: transparent}

[responsive-table].scroll-color.blue-gradient tbody td{background-color: #18181b}

[responsive-table].scroll-color.green{--responsive-table-theme-color: #214732}

[responsive-table].scroll-color.green thead th{color: #fff}

[responsive-table].scroll-color.in-scroll tbody tr,
[responsive-table].scroll-color.in-scroll thead{display: table;
    width: 100%;
    box-sizing: border-box}

[responsive-table].scroll-color.in-scroll tbody{display: block;
    max-height: 100px;
    overflow-y: auto}

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-thumb:hover,
[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-track{background-color: transparent}

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar{width: 4px;
    height: 4px}

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-thumb{background-color: #54545f;
    border-radius: 8px}

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-thumb:hover{background-color: #24242a}

[responsive-table].scroll-color.in-sticky .holder{max-height: 768px;
    overflow: auto}

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb:hover,
[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-track{background-color: transparent}

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar{width: 4px;
    height: 4px}

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb{background-color: #54545f;
    border-radius: 8px}

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb:hover{background-color: #24242a}

[responsive-table].scroll-color.in-sticky thead th{position: sticky;
    top: 0}

@media (min-width:1280px){[responsive-table].scroll-color.blue-gradient .holder:before {
        height: 54px
    }

    [responsive-table].scroll-color thead th {
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        color: #d4d4d4
    }

    [responsive-table].scroll-color tr.hidden-d {
        display: none
    }

    [responsive-table].scroll-color td,
    [responsive-table].scroll-color th {
        padding-top: 16px;
        padding-right: 32px;
        padding-bottom: 16px;
        padding-left: 32px
    }

    [responsive-table].scroll-color td.hidden-m-t,
    [responsive-table].scroll-color th.hidden-m-t {
        display: table-cell
    }

    [responsive-table].scroll-color td.hidden-d,
    [responsive-table].scroll-color th.hidden-d {
        display: none
    }}

@media (min-width:1280px) and (min-width:768px){[responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px) and (min-width:1280px){[responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[responsive-table].mobile-height.scroll-color .holder{max-height: 360px}

@media (min-width:768px){[responsive-table].mobile-height.scroll-color .holder {
        max-height: 768px
    }}

@media (min-width:1280px){[responsive-table].mobile-height.scroll-color .holder {
        max-height: 912px
    }}

[all-in-fold-play-money] [responsive-table]{margin-top: 24px}

[all-in-fold-play-money] [responsive-table] [responsive-table] td:first-child,
[all-in-fold-play-money] [responsive-table] [responsive-table] td:nth-child(2),
[all-in-fold-play-money] [responsive-table] [responsive-table] td:nth-child(3),
[all-in-fold-play-money] [responsive-table] [responsive-table] td:nth-child(4),
[all-in-fold-play-money] [responsive-table] [responsive-table] td:nth-child(5),
[all-in-fold-play-money] [responsive-table] [responsive-table] th:first-child,
[all-in-fold-play-money] [responsive-table] [responsive-table] th:nth-child(2),
[all-in-fold-play-money] [responsive-table] [responsive-table] th:nth-child(3),
[all-in-fold-play-money] [responsive-table] [responsive-table] th:nth-child(4),
[all-in-fold-play-money] [responsive-table] [responsive-table] th:nth-child(5){width: 20%}

[all-in-fold-play-money] .close-hide{margin-top: 24px}

[all-in-fold-play-money].close .close-hide{display: none}

[section-limitations]{position: relative;
    z-index: 1}

[section-limitations] .message{color: #a3a3a3;
    margin-bottom: -16px}

[section-limitations] strong{color: #fff}

li[data-v-7383a5e1]:has(.small):before{display: none !important}

[page-prev-next]{display: flex;
    justify-content: space-between;
    gap: 8px}

[section-terms-conditions]{position: relative;
    background-color: #09090b;
    padding: 24px}

[section-terms-conditions] [text-content].base{color: #a3a3a3}

[section-terms-conditions] [text-content].base a{color: #fff;
    text-decoration: underline}

[section-terms-conditions] [text-content].base h6{margin-bottom: 24px}

[section-terms-conditions] [text-content].base h6:first-of-type{margin-bottom: 0}

[section-terms-conditions] [text-content].base ul{margin-top: 8px;
    margin-bottom: 24px}

@media (min-width:1280px){[section-terms-conditions] {
        padding-top: 40px;
        padding-right: 0;
        padding-bottom: 40px;
        padding-left: 0
    }

    [section-terms-conditions] [text-content].base h6 {
        margin-bottom: 24px
    }

    [section-terms-conditions] [text-content].base h6:first-of-type {
        margin-bottom: 0
    }

    [section-terms-conditions] [text-content].base ul {
        margin-top: 8px;
        margin-bottom: 24px
    }}

._app-footer{position: relative;
    background-color: #000}

._app-footer:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 2px;
    background-image: url(#d30000);
    background: linear-gradient(90deg, transparent 15%, #d30101 50%, transparent 85%)}

._app-footer .footer-social{padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    width: 100%;
    border-bottom: 1px solid #24242a}

._app-footer .footer-social ._social{justify-content: center;
    gap: 20px}

._app-footer ._app-footer-nav{flex: 1}

._app-footer ._app_footer-banner{flex: none}

._app-footer .footer-copyright{border-top: 1px solid #24242a}

._app-footer .footer-copyright .inner{padding: 24px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3}

@media (min-width:768px){._app-footer .footer-copyright .inner {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){._app-footer .footer-copyright .inner {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

._app-footer.contents .footer-copyright{text-align: center}

@media (min-width:768px){._app-footer {
        display: flex;
        flex-wrap: wrap
    }

    ._app-footer .footer-social {
        padding-top: 16px;
        padding-right: 56px;
        padding-bottom: 16px;
        padding-left: 56px
    }

    ._app-footer .footer-social ._social {
        justify-content: flex-end;
        width: 280px;
        margin-left: auto
    }}

@media (min-width:1280px){._app-footer {
        display: block
    }

    ._app-footer .footer-social {
        padding-right: 0;
        padding-left: 0;
        display: block
    }

    ._app-footer .footer-social ._social {
        transform: translateX(0)
    }

    ._app-footer .footer-copyright .inner {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        padding-right: 0;
        padding-left: 0
    }}

@media (min-width:1280px) and (min-width:768px){._app-footer .footer-copyright .inner {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px) and (min-width:1280px){._app-footer .footer-copyright .inner {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@keyframes rotation{0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }}

@keyframes scaleSvg{0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }}

._app-quick{position: fixed;
    right: 24px;
    bottom: 28px;
    left: auto;
    top: auto;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
    transition: opacity .25s ease-in-out 0s}

._app-quick.hidden{opacity: 0;
    visibility: hidden}

._app-quick.down .btn-top{opacity: 1}

._app-quick.ggpca{bottom: 56px}

._app-quick>._color-button{width: 40px;
    height: 40px;
    pointer-events: auto;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500}

._app-quick .btn-chat,
._app-quick .btn-top{transition: width .25s ease-in-out, height .25s ease-in-out, background-color .25s ease-in-out, border-color .24s ease-in-out}

.no-touch ._app-quick .btn-chat:hover:not(.hover-disable),
.no-touch ._app-quick .btn-top:hover:not(.hover-disable){background-color: #c00000}

.no-touch ._app-quick .btn-chat:active:not(.hover-disable),
.no-touch ._app-quick .btn-top:active:not(.hover-disable){background-color: #960000}

._app-quick .btn-chat.loading{position: relative;
    pointer-events: none}

._app-quick .btn-chat.loading:before{content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-radius: 50%;
    animation: rotation .65s linear infinite;
    border-bottom-color: #c00000;
    pointer-events: none}

.no-touch ._app-quick .btn-chat.loading:hover:not(.hover-disable){background-color: hsla(0, 0%, 100%, .2)}

._app-quick .btn-chat.loading svg{animation: scaleSvg 1s ease-in-out infinite}

._app-quick .btn-chat.loading svg path{stroke: hsla(0, 0%, 100%, .2)}

._app-quick .btn-download{padding: 0;
    transition: width .25s ease-in-out, padding .25s ease-out, background-color .25s ease-in-out, border-color .24s ease-in-out}

._app-quick .btn-download svg{flex: none}

._app-quick .btn-download>span{opacity: 0;
    transition: opacity .25s ease-out .25s}

._app-quick .btn-download.on,
.no-touch ._app-quick .btn-download:hover:not(.hover-disable){width: 180px;
    padding-left: 16px;
    padding-right: 24px}

._app-quick .btn-download.on>span,
.no-touch ._app-quick .btn-download:hover:not(.hover-disable)>span{display: inline-block;
    opacity: 1}

@media (min-width:768px){._app-quick.hidden {
        opacity: 1;
        visibility: visible
    }}

@media (min-width:1280px){._app-quick {
        gap: 16px
    }}

[dir=rtl] ._app-quick{align-items: flex-start}

[app-header].on~[app-quick],
div.modalContainer.sidebarMinimized{display: none}

.dockableContainer button{position: relative}

.dockableContainer button lightning-primitive-icon svg{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)}

.dockableContainer button:hover:before{top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important}

[promotions-template-leaderboard] .key-visual-group [promotions-overview] h4{color: #fee78a}

[promotions-template-leaderboard] .key-visual-group [promotions-overview] p{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[promotions-template-leaderboard] .key-visual-group [promotions-overview] p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[promotions-template-leaderboard] .key-visual-group [promotions-overview] p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[promotions-template-leaderboard] [page-container]{padding-top: 0}

[promotions-template-leaderboard] [page-container]>.inner{display: flex;
    flex-direction: column;
    gap: 56px}

@media (min-width:768px){[promotions-template-leaderboard] [page-container]>.inner {
        gap: 64px
    }}

@media (min-width:1280px){[promotions-template-leaderboard] .key-visual-group {
        position: relative
    }

    [promotions-template-leaderboard] .key-visual-group [promotions-overview] {
        position: absolute;
        left: 0;
        top: 672px;
        right: auto;
        bottom: auto;
        right: 0;
        z-index: 2
    }

    [promotions-template-leaderboard] .key-visual-group:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: auto;
        top: auto;
        right: 0;
        z-index: -1;
        height: 400px;
        background: linear-gradient(0deg, #000 -6.5%, rgba(40, 40, 40, 0) 81.5%)
    }

    [promotions-template-leaderboard] [page-container] {
        padding-top: 40px
    }

    [promotions-template-leaderboard] [page-container]>.inner {
        gap: 128px
    }}

[key-visual-promotions][section-container].primary{height: 352px}

[key-visual-promotions][section-container].primary .inner{padding-bottom: 0}

[key-visual-promotions][section-container].primary .title-area{position: absolute;
    left: 0;
    bottom: 32px;
    right: auto;
    top: auto;
    right: 0}

[key-visual-promotions][section-container].primary .title-area sup{position: absolute;
    left: 0;
    bottom: calc(100% + 8px);
    right: auto;
    top: auto;
    display: flex;
    align-items: flex-end;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[key-visual-promotions][section-container].primary .title-area sup {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[key-visual-promotions][section-container].primary .title-area sup {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[key-visual-promotions][section-container].primary .title-area sup img{margin-bottom: 2px}

[key-visual-promotions][section-container].primary .title-area small{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    display: block}

@media (min-width:768px){[key-visual-promotions][section-container].primary .title-area small {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[key-visual-promotions][section-container].primary .title-area small {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[key-visual-promotions][section-container].primary:before{display: none}

[key-visual-promotions][section-container].primary .contents:after,
[key-visual-promotions][section-container].primary .contents:before{height: 120px}

[key-visual-promotions][section-container].primary .contents:before{background: linear-gradient(180deg, #4e4339, hsla(0, 0%, 100%, 0));
    background-blend-mode: multiply}

[key-visual-promotions][section-container].primary .contents:after{background: linear-gradient(0deg, #18181b, rgba(24, 24, 27, 0) 72.92%);
    z-index: 2}

[dir=rtl] [key-visual-promotions][section-container].primary .title-area sup{left: auto;
    right: 0}

@media (min-width:768px){[key-visual-promotions][section-container].primary {
        height: 528px
    }

    [key-visual-promotions][section-container].primary .inner {
        padding-bottom: 88px
    }

    [key-visual-promotions][section-container].primary .title-area {
        bottom: 72px
    }}

@media (min-width:1280px){[key-visual-promotions][section-container].primary {
        height: 884px
    }

    [key-visual-promotions][section-container].primary .inner {
        padding-bottom: 74px
    }

    [key-visual-promotions][section-container].primary .title-area {
        bottom: auto;
        top: 360px
    }

    [key-visual-promotions][section-container].primary .contents:before {
        height: 200px;
        background: linear-gradient(180deg, #606060, hsla(0, 0%, 100%, 0))
    }

    [key-visual-promotions][section-container].primary .contents:after {
        height: 200px;
        background: linear-gradient(180deg, rgba(24, 24, 27, 0), #18181b 100%, #18181b 0)
    }}

[promotions-overview] .inner{display: flex;
    flex-direction: column;
    row-gap: 28px;
    padding-top: 51px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px}

[promotions-overview] h4{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[promotions-overview] h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[promotions-overview] h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[promotions-overview] ul li{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[promotions-overview] ul li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[promotions-overview] ul li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[promotions-overview] ul>li{position: relative;
    padding-left: 22px}

[promotions-overview] ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){[promotions-overview] ul>li {
        padding-left: 24px
    }}

[lang=ar] [promotions-overview] ul>li{padding-right: 22px}

[lang=ar] [promotions-overview] ul>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] [promotions-overview] ul>li {
        padding-right: 24px
    }}

[promotions-overview] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[promotions-overview] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[promotions-overview] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[promotions-overview] p span{font-weight: 700;
    color: #fff}

[promotions-overview] p strong{color: #fee78a}

[promotions-overview] p a{text-decoration: underline}

@media (min-width:768px){[promotions-overview] .inner {
        padding-top: 79px;
        padding-right: 32px;
        padding-bottom: 64px;
        padding-left: 32px
    }}

@media (min-width:1280px){[promotions-overview] .inner {
        row-gap: 24px;
        padding: 0
    }}

[dlb-overview]>.content h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    margin-bottom: -4px}

@media (min-width:768px){[dlb-overview]>.content h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[dlb-overview]>.content h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[dlb-overview] [responsive-table] table{border-bottom: 0}

[dlb-overview] [responsive-table] td,
[dlb-overview] [responsive-table] th{width: 33.33333333%}

[dlb-overview] [responsive-table] tbody td{border-bottom: 1px solid #24242a}

[dlb-overview] [responsive-table] tbody tr:last-child td{background-color: #24242a;
    color: #d4d4d4}

[dlb-overview] [responsive-table] tbody tr:last-child td:first-child{border-radius: 8px 0 0 8px}

[dlb-overview] [responsive-table] tbody tr:last-child td:last-child{border-radius: 0 8px 8px 0}

[dlb-overview][col="4"] [responsive-table] td,
[dlb-overview][col="4"] [responsive-table] th{width: 25%}

[dlb-allinfold-points]{text-align: center}

[dlb-allinfold-points] h4{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[dlb-allinfold-points] h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[dlb-allinfold-points] h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[dlb-allinfold-points] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 24px}

@media (min-width:768px){[dlb-allinfold-points] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[dlb-allinfold-points] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[dlb-allinfold-points] p strong{font-weight: 500}

[dlb-allinfold-points] .group{display: flex;
    justify-content: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin-top: 40px}

[dlb-allinfold-points] figure img{width: 100%;
    height: auto;
    border-radius: 16px}

[dlb-allinfold-points] figure figcaption{display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff;
    margin-top: 8px}

@media (min-width:768px){[dlb-allinfold-points] figure figcaption {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[dlb-allinfold-points] figure figcaption {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[dlb-allinfold-points] h5{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    margin-top: 40px}

@media (min-width:768px){[dlb-allinfold-points] h5 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[dlb-allinfold-points] h5 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }

    [dlb-allinfold-points] figure img {
        width: auto
    }

    [dlb-allinfold-points] p strong {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500;
        font-weight: 400
    }}

@media (min-width:1280px) and (min-width:768px){[dlb-allinfold-points] p strong {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px) and (min-width:1280px){[dlb-allinfold-points] p strong {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[dlb-happy-hour]{text-align: center;
    display: flex;
    flex-direction: column;
    row-gap: 24px}

[dlb-happy-hour] h3,
[dlb-happy-hour] h4,
[dlb-happy-hour] p{position: relative;
    z-index: 1}

[dlb-happy-hour] h3{font-size: 46px;
    line-height: 46px;
    letter-spacing: -1.38px;
    font-weight: 300;
    font-style: italic;
    background: linear-gradient(90deg, #667edb 35.04%, #9d66db 65.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

@media (min-width:768px){[dlb-happy-hour] h3 {
        font-size: 68px;
        line-height: 68px;
        letter-spacing: -2.04px
    }}

@media (min-width:1280px){[dlb-happy-hour] h3 {
        font-size: 80px;
        line-height: 80px;
        letter-spacing: -2.4px
    }}

[dlb-happy-hour] figure{position: relative;
    text-align: center}

[dlb-happy-hour] figure:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 690px;
    height: 298px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: radial-gradient(45.01% 50% at 50% 50%, #522b5c 0, #161329 64.5%, #18181b 100%);
    pointer-events: none}

[dlb-happy-hour] figure img{position: relative;
    width: 100%;
    height: auto}

[dlb-happy-hour] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[dlb-happy-hour] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[dlb-happy-hour] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[dlb-happy-hour] h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fee78a}

@media (min-width:768px){[dlb-happy-hour] h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[dlb-happy-hour] h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

@media (min-width:768px){[dlb-happy-hour] figure:before {
        width: 1200px;
        height: 470px
    }

    [dlb-happy-hour] figure img {
        max-width: 528px
    }}

[dlb-now]>.content h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    margin-bottom: -4px}

@media (min-width:768px){[dlb-now]>.content h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[dlb-now]>.content h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[dlb-now] .responsive-iframe{position: relative;
    padding: 16px;
    border-radius: 16px;
    background-color: #202022}

[dlb-now] .responsive-iframe iframe{width: 100%;
    height: 613px}

@media (min-width:768px){[dlb-now] .responsive-iframe {
        padding: 32px
    }}

[dlb-last]{padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
    text-align: center;
    border: 1px solid #3c3c44;
    border-radius: 16px}

[dlb-last] figure img{box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)}

[dlb-last] .last-content{border-top: 1px solid #3c3c44;
    padding-top: 24px;
    margin-top: 24px}

[dlb-last] .last-content h4{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[dlb-last] .last-content h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[dlb-last] .last-content h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[dlb-last] .last-content p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    margin-top: 24px}

@media (min-width:768px){[dlb-last] .last-content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[dlb-last] .last-content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[dlb-last] .last-content .buttons{display: flex;
    flex-direction: column;
    row-gap: 16px;
    margin-top: 16px}

[dlb-last] .last-content .buttons [color-button]{width: 100%;
    max-width: 282px;
    margin-left: auto;
    margin-right: auto}

@media (min-width:768px){[dlb-last] {
        display: flex;
        padding-right: 32px;
        padding-left: 32px
    }

    [dlb-last] figure {
        flex: 1
    }

    [dlb-last] .last-content {
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-top: 0;
        border-left: 1px solid #3c3c44;
        margin-top: 0;
        padding-top: 0;
        margin-left: 32px;
        padding-left: 32px
    }

    [dlb-last] .last-content p {
        margin-top: 40px
    }

    [dlb-last] .last-content .buttons {
        margin-top: 24px
    }

    [dlb-last] .last-content .buttons [color-button] {
        width: 282px
    }

    [dlb-last] .last-content .buttons.count-3 [color-button] {
        width: 182px
    }}

@media (min-width:1280px){[dlb-last] figure {
        flex: none;
        width: 379px
    }

    [dlb-last] .last-content .buttons {
        display: flex;
        flex-flow: row;
        gap: 24px
    }}

@media (min-width:768px){[dir=rtl] [dlb-last] .last-content {
        border-left: 0;
        border-right: 1px solid #3c3c44;
        margin-left: 0;
        margin-right: 32px;
        padding-left: 0;
        padding-right: 32px
    }}

@font-face {font-family: swiper-icons;
            src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
            font-weight: 400;
            font-style: normal}

.swiper-container{margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1}

.swiper-wrapper{position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: flex;
            transition-property: transform;
            box-sizing: content-box}

.swiper-container-android .swiper-slide,
        .swiper-wrapper{transform: translateZ(0)}

.swiper-container-multirow-column>.swiper-wrapper{flex-wrap: wrap;
            flex-direction: column}

.swiper-container-free-mode>.swiper-wrapper{transition-timing-function: ease-out;
            margin: 0 auto}

.swiper-slide{flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: transform}

.swiper-container-autoheight,
        .swiper-container-autoheight .swiper-slide{height: auto}

.swiper-container-autoheight .swiper-wrapper{align-items: flex-start;
            transition-property: transform, height}

.swiper-container-3d .swiper-cube-shadow,
        .swiper-container-3d .swiper-slide,
        .swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top,
        .swiper-container-3d .swiper-wrapper{transform-style: preserve-3d}

.swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top{position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10}

.swiper-container-css-mode>.swiper-wrapper{overflow: auto;
            scrollbar-width: none;
            -ms-overflow-style: none}

.swiper-button-next,
        .swiper-button-prev{position: absolute;
            top: 50%;
            width: calc(var(--swiper-navigation-size)/44*27);
            height: var(--swiper-navigation-size);
            margin-top: calc(0px - var(--swiper-navigation-size)/2);
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--swiper-navigation-color, var(--swiper-theme-color))}

.swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled{opacity: .35;
            cursor: auto;
            pointer-events: none}

.swiper-button-next:after,
        .swiper-button-prev:after{font-family: swiper-icons;
            font-size: var(--swiper-navigation-size);
            text-transform: none !important;
            letter-spacing: 0;
            text-transform: none;
            font-variant: normal;
            line-height: 1}

.swiper-button-prev,
        .swiper-container-rtl .swiper-button-next{left: 10px;
            right: auto}

.swiper-button-prev:after,
        .swiper-container-rtl .swiper-button-next:after{content: "prev"}

.swiper-button-next,
        .swiper-container-rtl .swiper-button-prev{right: 10px;
            left: auto}

.swiper-button-next:after,
        .swiper-container-rtl .swiper-button-prev:after{content: "next"}

.swiper-button-next.swiper-button-white,
        .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #fff}

.swiper-button-next.swiper-button-black,
        .swiper-button-prev.swiper-button-black{--swiper-navigation-color: #000}

.swiper-pagination{position: absolute;
            text-align: center;
            transition: opacity .3s;
            transform: translateZ(0);
            z-index: 10}

.swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction{bottom: 10px;
            left: 0;
            width: 100%}

.swiper-pagination-bullets-dynamic{overflow: hidden;
            font-size: 0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform: scale(.33);
            position: relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform: scale(1)}

.swiper-pagination-bullet{width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 50%;
            background: #000;
            opacity: .2}

button.swiper-pagination-bullet{border: none;
            margin: 0;
            padding: 0;
            box-shadow: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none}

.swiper-pagination-bullet-active{opacity: 1;
            background: var(--swiper-pagination-color, var(--swiper-theme-color))}

.swiper-container-vertical>.swiper-pagination-bullets{right: 10px;
            top: 50%;
            transform: translate3d(0, -50%, 0)}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 6px 0;
            display: block}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top: 50%;
            transform: translateY(-50%);
            width: 8px}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display: inline-block;
            transition: transform .2s, top .2s}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left: 50%;
            transform: translateX(-50%);
            white-space: nowrap}

.swiper-pagination-progressbar{background: rgba(0, 0, 0, .25);
            position: absolute}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--swiper-pagination-color, var(--swiper-theme-color));
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: scale(0);
            transform-origin: left top}

.swiper-container-horizontal>.swiper-pagination-progressbar,
        .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width: 100%;
            height: 4px;
            left: 0;
            top: 0}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
        .swiper-container-vertical>.swiper-pagination-progressbar{width: 4px;
            height: 100%;
            left: 0;
            top: 0}

body{-webkit-text-size-adjust: none;
            word-wrap: break-word;
            -webkit-tap-highlight-color: transparent}

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}

textarea{appearance: none;
            -webkit-appearance: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            border: 0;
            resize: none}

ol:not(.not),
        ul:not(.not){list-style: none}

hr{border: none;
            height: 0}

q:after,
        q:before{display: none;
            content: none}

button{border: 0;
            cursor: pointer}

input,
        select{appearance: none;
            -webkit-appearance: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            vertical-align: middle}

input:checked[type=checkbox]{background-color: #666;
            appearance: checkbox;
            -webkit-appearance: checkbox}

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;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center}

[data-link-type=download] *,
        [data-link-type=open-signup] *{pointer-events: none}

.input-btn-x{display: flex;
            justify-content: center;
            align-items: center;
            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)}

.input-btn-x svg{width: 12px;
            height: 12px}

[drop-list-box]{position: fixed;
            left: 0;
            top: -1px;
            right: auto;
            bottom: auto;
            width: 100%;
            transition: opacity .2s 0s;
            transform: translateY(-10px);
            visibility: hidden;
            pointer-events: none;
            opacity: 0}

[drop-list-box].down .list-box,
        [drop-list-box].on .list-box{border-radius: 0 0 4px 4px}

[drop-list-box] .list-holder .list-box{overflow: hidden;
            padding-top: 12px;
            padding-right: 12px;
            padding-bottom: 12px;
            padding-left: 12px;
            background-color: hsla(0, 0%, 100%, .1);
            border: 1px solid #fff;
            border-top: 0;
            overflow-y: auto;
            height: 100%;
            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px)}

[drop-list-box] .list-holder .list-box .item{padding-top: 3px;
            padding-right: 10px;
            padding-bottom: 5px;
            padding-left: 10px;
            font-size: 14px;
            line-height: 24px;
            cursor: pointer;
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap}

[drop-list-box] .list-holder .list-box .item.check-all{border-bottom: 1px solid rgba(0, 0, 0, .1);
            margin-bottom: 4px}

[drop-list-box] .list-holder .list-box .item:hover{background-color: hsla(0, 0%, 100%, .3);
            color: #fff;
            border-radius: 4px}

[drop-list-box] .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-box] .list-holder .list-box .tree-item{font-size: 14px;
            cursor: pointer}

[drop-list-box] .list-holder .list-box .tree-item.hide{padding: 0;
            border-top: 0}

[drop-list-box] .list-holder .list-box .tree-item .item-holder{display: flex;
            align-items: center;
            padding-left: 6px}

[drop-list-box] .list-holder .list-box .tree-item .item-holder>*{padding-top: 6px;
            padding-right: 0;
            padding-bottom: 6px;
            padding-left: 0}

[drop-list-box].active{visibility: visible;
            pointer-events: all;
            opacity: 1}

[drop-list-box] [checkbox-item]{width: 100%;
            height: 100%}

[drop-list-box] .active{background-color: rgba(0, 0, 0, .6);
            color: #fff;
            border-radius: 4px}

[drop-list-box]::-webkit-scrollbar-thumb{background-color: transparent;
            border-radius: 2px}

[drop-list-box] .drop-multi-line{font-size: 14px;
            line-height: 14px;
            font-weight: 500;
            padding-top: 3px;
            padding-bottom: 3px}

[drop-list-box] .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)}

[color-button].primary{display: inline-flex;
            height: 48px;
            padding-top: 0;
            padding-right: 24px;
            padding-bottom: 0;
            padding-left: 24px;
            gap: 8px;
            border-radius: 80px;
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            font-weight: 500;
            background-color: #d30000}

.no-touch [color-button].primary:hover:not(.hover-disable){background-color: #c00000;
            border: 0}

[color-button].primary i{font-size: 24px;
            color: #fff}

[color-button].primary .svg-icon{width: 24px;
            height: 24px}

[color-button].icon{border-radius: 100%;
            background-color: hsla(0, 0%, 100%, .2);
            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px)}

[color-button].download{border-radius: 100%;
            background-color: hsla(0, 0%, 100%, .2);
            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px);
            background-color: #d30000;
            border-radius: 56px;
            white-space: nowrap;
            overflow: hidden}

[color-button].download>span{display: none;
            color: #fff}

.no-touch [color-button].download:hover:not(.hover-disable){background-color: #c00000;
            border: 0}

[color-button].line-black{display: inline-flex;
            height: 48px;
            padding-top: 0;
            padding-right: 24px;
            padding-bottom: 0;
            padding-left: 24px;
            gap: 8px;
            border-radius: 80px;
            padding: 24px;
            font-size: 12px;
            line-height: 14px;
            border: 1px solid #000;
            color: #000;
            background-color: #fff;
            border-radius: 64px}

[color-button].purple{display: inline-flex;
            height: 48px;
            padding-top: 0;
            padding-right: 24px;
            padding-bottom: 0;
            padding-left: 24px;
            gap: 8px;
            border-radius: 80px;
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            font-weight: 500;
            background-color: #d30000;
            padding-right: 16px;
            padding-left: 16px;
            font-size: 14px;
            line-height: 22px;
            background-color: #6750a3;
            font-weight: 400}

.no-touch [color-button].purple:hover:not(.hover-disable){background-color: #c00000;
            border: 0}

[color-button].purple i{font-size: 24px;
            color: #fff}

[color-button].purple .svg-icon{width: 24px;
            height: 24px}

.no-touch [color-button].purple:hover:not(.hover-disable),
        [color-button].purple:active{background-color: #6750a3}

[color-button].gray{display: inline-flex;
            height: 48px;
            padding-top: 0;
            padding-right: 24px;
            padding-bottom: 0;
            padding-left: 24px;
            gap: 8px;
            border-radius: 80px;
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            font-weight: 500;
            background-color: #d30000;
            padding-right: 16px;
            padding-left: 16px;
            font-size: 14px;
            line-height: 22px;
            background-color: #3f3f46;
            font-weight: 400}

.no-touch [color-button].gray:hover:not(.hover-disable){background-color: #c00000;
            border: 0}

[color-button].gray i{font-size: 24px;
            color: #fff}

[color-button].gray .svg-icon{width: 24px;
            height: 24px}

.no-touch [color-button].gray:hover:not(.hover-disable),
        [color-button].gray:active{background-color: #3f3f46}

[color-button].gray-line{height: 40px;
            padding-right: 24px;
            padding-left: 24px;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .48px;
            font-weight: 500;
            color: #d4d4d4;
            border: 1px solid #54545f;
            background-color: transparent;
            transition: none}

@media (min-width:768px){[color-button].gray-line {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){[color-button].gray-line {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

.no-touch [color-button].gray-line:hover:not(.hover-disable),
        [color-button].gray-line.active,
        [color-button].gray-line:active{background-color: #fff;
            color: #000;
            border: 1px solid #fff}

[color-button].white-line-sm{height: 32px;
            padding-top: 4px;
            padding-right: 8px;
            padding-bottom: 4px;
            padding-left: 20px;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #fff;
            border: 1px solid #fff;
            background-color: transparent;
            transition: none}

@media (min-width:768px){[color-button].white-line-sm {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[color-button].white-line-sm {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

.no-touch [color-button].white-line-sm:hover:not(.hover-disable),
        [color-button].white-line-sm.active,
        [color-button].white-line-sm:active{background-color: #fff;
            color: #000;
            border: 1px solid #fff}

.no-touch [color-button].white-line-sm:hover:not(.hover-disable) .svg-icon path,
        [color-button].white-line-sm.active .svg-icon path,
        [color-button].white-line-sm:active .svg-icon path{stroke: #262626}

[color-button].white-sm{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #000;
            background-color: #fff;
            height: 40px;
            padding-left: 30px;
            white-space: nowrap}

@media (min-width:768px){[color-button].white-sm {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[color-button].white-sm {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[color-button].white-sm i{font-size: 20px !important;
            color: #000;
            margin-left: 10px}

@media (min-width:1280px){[color-button].white-sm {
                height: 30px;
                padding-left: 20px
            }

            [color-button].white-sm i {
                margin-left: 8px
            }}

[color-button].prev-next{width: 40px;
            height: 40px;
            padding: 0;
            border: 1px solid #6c6c7a;
            border-radius: 100%}

[color-button].prev-next .svg-icon{width: 20px;
            height: 20px}

[color-button].prev-next>span{display: none;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #d4d4d4}

@media (min-width:768px){[color-button].prev-next>span {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[color-button].prev-next>span {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

.no-touch [color-button].prev-next:hover:not(.hover-disable),
        [color-button].prev-next:active{background-color: transparent;
            border: 1px solid #fff}

.no-touch [color-button].prev-next:hover:not(.hover-disable)>span,
        [color-button].prev-next:active>span{color: #fff}

[color-button].prev-next[disabled]{opacity: 1;
            border: 1px solid #525252}

@media (min-width:768px){[color-button].prev-next {
                gap: 4px;
                width: auto;
                height: 32px;
                min-width: 128px;
                border-radius: 16px;
                padding: 0
            }

            [color-button].prev-next .icon {
                font-size: 20px !important;
                color: #fff
            }

            [color-button].prev-next>span {
                flex: 1;
                display: inline-block
            }

            [color-button].prev-next.btn-prev {
                padding-top: 0;
                padding-right: 16px;
                padding-bottom: 0;
                padding-left: 8px
            }

            [color-button].prev-next.btn-next {
                padding-top: 0;
                padding-right: 8px;
                padding-bottom: 0;
                padding-left: 16px
            }}

[drop-select].gray{height: 48px;
            background-color: #24242a;
            border: 0;
            border-radius: 8px}

[drop-select].gray label input{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            padding-right: 16px;
            padding-left: 16px;
            color: #fff;
            font-weight: 400}

@media (min-width:768px){[drop-select].gray label input {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[drop-select].gray label input {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[drop-select].gray>.angle{width: 10px;
            height: 10px;
            right: 19px}

[drop-select].gray>.angle .icon{border-width: 2px;
            border-color: #fff}

.no-touch [drop-select].gray:hover:not(.hover-disable),
        [drop-select].gray:active{border: 0}

[drop-list-box].gray .list-holder{padding-top: 24px;
            padding-right: 32px;
            padding-bottom: 24px;
            padding-left: 32px;
            border-top: 1px solid #000;
            background-color: #24242a;
            box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .3)}

[drop-list-box].gray .list-holder .list-box{padding: 0;
            background-color: transparent;
            border: 0}

[drop-list-box].gray .list-holder .list-box .item{min-height: 48px;
            display: flex;
            align-items: center;
            padding-top: 4px;
            padding-right: 8px;
            padding-bottom: 4px;
            padding-left: 8px;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            color: #d4d4d4;
            border-top: 0}

@media (min-width:768px){[drop-list-box].gray .list-holder .list-box .item {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[drop-list-box].gray .list-holder .list-box .item {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[drop-list-box].gray .list-holder .list-box .item:hover{color: #fff;
            background-color: transparent}

[drop-list-box].gray .list-holder .list-box .item.active{background-color: transparent;
            text-decoration: underline;
            color: #fff}

[pagination]{margin-top: 32px;
            gap: 4px;
            justify-content: center}

[pagination] a{width: 24px;
            height: 24px;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #a3a3a3;
            margin-right: 0;
            margin-left: 0;
            opacity: 1}

@media (min-width:768px){[pagination] a {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[pagination] a {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

.no-touch [pagination] a:hover:not(.hover-disable),
        [pagination] a:active{color: #fff}

[pagination] a.active{color: #fff;
            opacity: 1;
            background-color: #24242a;
            border-radius: 100%}

[accordion-view].line label{position: relative;
            display: flex;
            align-items: center;
            gap: 0}

[accordion-view].line .title{position: relative;
            display: block;
            padding-top: 28px;
            padding-bottom: 28px;
            transition: padding-bottom .25s ease-out;
            font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500}

@media (min-width:768px){[accordion-view].line .title {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){[accordion-view].line .title {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

[accordion-view].line .title:after,
        [accordion-view].line .title:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            right: auto;
            top: auto;
            transition: width .25s ease-in-out}

[accordion-view].line .title:before{width: 0;
            height: 2px;
            background-color: #d30000;
            border-radius: 2px}

[accordion-view].line .title:after{height: 1px;
            right: 100%;
            background-color: hsla(0, 0%, 100%, .2)}

[accordion-view].line .icon{position: absolute;
            right: 0;
            top: 50%;
            left: auto;
            bottom: auto;
            transform: translateY(-50%);
            font-size: 40px !important}

[accordion-view].line .content{padding-top: 28px;
            padding-right: 16px;
            padding-bottom: 28px;
            padding-left: 16px;
            overflow-y: scroll;
            max-height: 1200px}

[accordion-view].line .content::-webkit-scrollbar-thumb:hover,
        [accordion-view].line .content::-webkit-scrollbar-track{background-color: transparent}

[accordion-view].line .content::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 100%, .5);
            border-radius: 2px}

@media (min-width:768px){[accordion-view].line .content {
                padding-right: 24px;
                padding-left: 24px
            }}

@media (min-width:1280px){[accordion-view].line .title {
                padding-top: 40px;
                padding-bottom: 40px
            }

            [accordion-view].line .content {
                padding-top: 24px;
                padding-right: 24px;
                padding-bottom: 48px;
                padding-left: 24px
            }

            [accordion-view].line.open .title {
                padding-bottom: 24px
            }}

[accordion-view].label-desc label{display: flex;
            align-items: center;
            height: 40px}

.no-touch [accordion-view].label-desc label:hover:not(.hover-disable) .title{color: #fff;
            transition: color .25s ease-out}

[accordion-view].label-desc .title{font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500;
            color: #737373}

@media (min-width:768px){[accordion-view].label-desc .title {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){[accordion-view].label-desc .title {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

[accordion-view].label-desc .svg-icon{flex: none;
            width: 32px;
            height: 32px;
            transform: translateX(-50%);
            opacity: 0}

[accordion-view].label-desc .context-box{position: relative;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #d4d4d4;
            padding-top: 12px}

@media (min-width:768px){[accordion-view].label-desc .context-box {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[accordion-view].label-desc .context-box {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[accordion-view].label-desc .context-box a{color: #fff;
            font-weight: 500;
            text-decoration: underline}

[accordion-view].label-desc .context-box:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            right: 100%;
            height: 0;
            background: linear-gradient(90deg, #d30000 -2.21%, #525252 50%)}

[accordion-view].label-desc.open .svg-icon{transform: translateX(0);
            opacity: 1;
            transition: opacity .25s ease-in-out .25s, transform .25s ease-in-out .25s}

[accordion-view].label-desc.open .context-box:before{right: 0;
            height: 2px;
            transition: right .25s ease-in-out}

@media (min-width:768px){[accordion-view].label-desc label {
                height: auto;
                max-height: none
            }

            [accordion-view].label-desc .context-box {
                padding-top: 32px
            }

            [accordion-view].label-desc .context-box:before {
                top: 16px
            }}

@media (min-width:1280px){[accordion-view].label-desc .svg-icon {
                width: 40px;
                height: 40px
            }

            [accordion-view].label-desc .svg-icon.m {
                display: none
            }

            [accordion-view].label-desc .svg-icon.ds {
                display: inline-block
            }

            [accordion-view].label-desc .svg-icon:before {
                content: "瞍�"
            }}

[dir=rtl] [accordion-view].label-desc .context-box:before{left: 100%;
            right: 0;
            background: linear-gradient(240deg, #d30000 -2.21%, #525252 50%)}

[dir=rtl] [accordion-view].label-desc.open .context-box:before{left: 0;
            height: 2px;
            transition: left .25s ease-in-out}

[accordion-view].line-thumb label{position: relative;
            display: flex;
            align-items: center;
            gap: 0}

.no-touch [accordion-view].line-thumb label:hover:not(.hover-disable) .icon,
        [accordion-view].line-thumb label:active .icon{color: #fff}

.no-touch [accordion-view].line-thumb label:hover:not(.hover-disable) .icon path,
        [accordion-view].line-thumb label:active .icon path{stroke: #fff}

[accordion-view].line-thumb .title{position: relative;
            display: flex;
            align-items: center;
            padding-top: 24px;
            padding-bottom: 24px;
            font-size: 36px;
            line-height: 40px;
            letter-spacing: .36px;
            font-weight: 400;
            color: #737373;
            text-decoration: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none}

[accordion-view].line-thumb .title:after,
        [accordion-view].line-thumb .title:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            right: auto;
            top: auto;
            transition: right .35s ease-in-out}

[accordion-view].line-thumb .title:before{left: 0;
            right: 100%;
            border-radius: 0;
            z-index: 1;
            height: 2px;
            background: linear-gradient(90deg, #d30000 -2.21%, #3c3c44 50%)}

[accordion-view].line-thumb .title:after{height: 1px;
            right: 0;
            background-color: hsla(0, 0%, 100%, .2)}

[accordion-view].line-thumb .title strong{font-size: 26px;
            line-height: 34px;
            letter-spacing: .78px;
            font-weight: 500;
            color: #737373}

@media (min-width:768px){[accordion-view].line-thumb .title strong {
                font-size: 30px;
                line-height: 38px;
                letter-spacing: .9px
            }}

@media (min-width:1280px){[accordion-view].line-thumb .title strong {
                font-size: 42px;
                line-height: 48px;
                letter-spacing: 1.26px
            }}

[accordion-view].line-thumb .icon{position: absolute;
            right: 0;
            top: 50%;
            left: auto;
            bottom: auto;
            transform: translateY(-50%);
            width: 40px;
            height: 40px}

[accordion-view].line-thumb .container{display: flex;
            flex-direction: column;
            row-gap: 32px;
            padding-top: 32px}

[accordion-view].line-thumb .container .item{display: flex;
            align-items: flex-start;
            -moz-column-gap: 24px;
            column-gap: 24px}

[accordion-view].line-thumb .container .item figure{flex: none;
            width: 80px;
            height: 80px;
            background-color: #24242a;
            border-radius: 16px}

[accordion-view].line-thumb .container .item figure img{width: 100%;
            height: auto;
            transform-origin: center left}

[accordion-view].line-thumb .container .item figure.cards{position: relative;
            background-color: #24242a;
            border-radius: 16px}

[accordion-view].line-thumb .container .item figure.cards img{position: absolute;
            top: 20px;
            width: 30px;
            height: auto;
            border-radius: 4px}

[accordion-view].line-thumb .container .item figure.cards img:first-child{left: 8px;
            transform: rotate(-10deg);
            transform-origin: left top}

[accordion-view].line-thumb .container .item figure.cards img:last-child{right: 8px;
            transform: rotate(10deg);
            transform-origin: right top}

[accordion-view].line-thumb .container .item figure.cards:before{content: "";
            display: block;
            position: absolute;
            left: 50%;
            bottom: 10px;
            right: auto;
            top: auto;
            z-index: 1;
            width: 68px;
            height: 24px;
            transform: translateX(-50%);
            background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/card_badge.webp) 50% 50%/cover no-repeat}

[accordion-view].line-thumb .container .item figure.cards:after{content: attr(data-label);
            position: absolute;
            left: 50%;
            top: 20px;
            right: auto;
            bottom: auto;
            transform: translateX(-50%);
            width: 50px;
            text-align: center;
            font-size: 12px;
            line-height: 12px;
            letter-spacing: 0;
            font-weight: 500;
            text-transform: uppercase;
            font-weight: 900;
            background: linear-gradient(99deg, #836825 12.65%, #9f7d2b 27.32%, #fdd977 42.43%, #fde57b 53.8%, #e8c35e 61.72%, #836825 78.92%, #e8c35e 92.44%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent}

[accordion-view].line-thumb .container .item h5{font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500;
            font-weight: 400;
            color: #fff}

@media (min-width:768px){[accordion-view].line-thumb .container .item h5 {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){[accordion-view].line-thumb .container .item h5 {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

[accordion-view].line-thumb .container .item p{margin-top: 8px;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #d4d4d4}

@media (min-width:768px){[accordion-view].line-thumb .container .item p {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[accordion-view].line-thumb .container .item p {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:768px){[accordion-view].line-thumb .title {
                font-size: 60px;
                line-height: 64px;
                letter-spacing: 0
            }

            [accordion-view].line-thumb .container {
                row-gap: 40px;
                padding-top: 40px
            }

            [accordion-view].line-thumb .container .item figure {
                width: 128px;
                height: 128px
            }

            [accordion-view].line-thumb .container .item figure.cards img {
                top: 31px;
                width: 48px;
                height: auto
            }

            [accordion-view].line-thumb .container .item figure.cards img:first-child {
                left: 14px
            }

            [accordion-view].line-thumb .container .item figure.cards img:last-child {
                right: 14px
            }

            [accordion-view].line-thumb .container .item figure.cards:before {
                left: 50%;
                bottom: 17px;
                right: auto;
                top: auto;
                width: 110px;
                height: 39px
            }

            [accordion-view].line-thumb .container .item figure.cards:after {
                width: 100px;
                top: 36px;
                font-size: 18px;
                line-height: 16px;
                letter-spacing: -.36px
            }}

@media (min-width:1280px){[accordion-view].line-thumb .title {
                font-size: 68px;
                line-height: 72px;
                letter-spacing: 0
            }

            [accordion-view].line-thumb .container {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                -moz-column-gap: 72px;
                column-gap: 72px
            }

            [accordion-view].line-thumb .container .item {
                -moz-column-gap: 32px;
                column-gap: 32px
            }}

[accordion-view].faq label{position: relative;
            padding-bottom: 16px}

[accordion-view].faq label .title{font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 500;
            color: #737373}

@media (min-width:768px){[accordion-view].faq label .title {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:1280px){[accordion-view].faq label .title {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

[accordion-view].faq label .svg-icon{width: 40px;
            height: 40px}

[accordion-view].faq label:after,
        [accordion-view].faq label:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            right: auto;
            top: auto}

[accordion-view].faq label:before{height: 1px;
            right: 0;
            background-color: hsla(0, 0%, 100%, .2)}

[accordion-view].faq label:after{height: 2px;
            right: 100%;
            background: linear-gradient(90deg, #d30000 -2.21%, #525252 50%);
            transition: right .25s ease-in-out}

.no-touch [accordion-view].faq label:hover:not(.hover-disable) .title,
        [accordion-view].faq label:active .title{color: #fff}

.no-touch [accordion-view].faq label:hover:not(.hover-disable) .svg-icon path,
        [accordion-view].faq label:active .svg-icon path{stroke: #fff}

@media (min-width:768px){[accordion-view].faq label {
                padding-bottom: 24px
            }

            [accordion-view].faq .content {
                padding-top: 24px
            }}

[dir=rtl] [accordion-view].faq label:after{left: 100%;
            right: 0;
            background: linear-gradient(240deg, #d30000 -2.21%, #525252 50%);
            transition: left .25s ease-in-out}

.inline-modal.redirection>.panel,
        [modal].redirection>.panel{max-width: 327px;
            padding-top: 0;
            padding-right: 16px;
            padding-bottom: 0;
            padding-left: 16px;
            border-radius: 16px;
            background-color: #2a2a2d;
            box-shadow: none}

.inline-modal.redirection>.panel>.header,
        [modal].redirection>.panel>.header{position: static !important;
            padding: 0 !important;
            border-radius: 0;
            background-color: transparent}

.inline-modal.redirection>.panel>.header .close,
        [modal].redirection>.panel>.header .close{position: absolute;
            right: 0;
            top: 0;
            left: auto;
            bottom: auto;
            padding: 16px}

.inline-modal.redirection>.panel>.header .close svg,
        [modal].redirection>.panel>.header .close svg{width: 24px;
            height: 24px}

.inline-modal.redirection>.panel>.scroll-area,
        [modal].redirection>.panel>.scroll-area{padding-right: 0;
            padding-left: 0}

.inline-modal.redirection .redirection-wrap,
        [modal].redirection .redirection-wrap{padding-top: 48px;
            padding-bottom: 48px;
            text-align: center}

.inline-modal.redirection .redirection-header,
        [modal].redirection .redirection-header{padding-top: 32px}

.inline-modal.redirection .redirection-header h2,
        [modal].redirection .redirection-header h2{font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 500;
            color: #fff;
            padding-right: 12px;
            padding-left: 12px}

@media (min-width:768px){.inline-modal.redirection .redirection-header h2,
            [modal].redirection .redirection-header h2 {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:1280px){.inline-modal.redirection .redirection-header h2,
            [modal].redirection .redirection-header h2 {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

.inline-modal.redirection .redirection-header p,
        [modal].redirection .redirection-header p{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #d4d4d4;
            margin-top: 16px}

@media (min-width:768px){.inline-modal.redirection .redirection-header p,
            [modal].redirection .redirection-header p {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){.inline-modal.redirection .redirection-header p,
            [modal].redirection .redirection-header p {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

.inline-modal.redirection .redirection-buttons,
        [modal].redirection .redirection-buttons{padding-top: 32px}

.inline-modal.redirection .redirection-buttons [color-button],
        [modal].redirection .redirection-buttons [color-button]{height: 40px;
            min-width: 240px;
            margin-left: auto;
            margin-right: auto}

.inline-modal.redirection .redirection-links,
        [modal].redirection .redirection-links{padding-top: 8px}

.inline-modal.redirection .redirection-links a,
        [modal].redirection .redirection-links a{font-size: 14px;
            line-height: 20px;
            letter-spacing: .56px;
            text-decoration: underline;
            font-weight: 500;
            color: #fff}

@media (min-width:768px){.inline-modal.redirection>.panel,
            [modal].redirection>.panel {
                min-width: 560px;
                padding-right: 32px;
                padding-left: 32px
            }

            .inline-modal.redirection .redirection-wrap,
            [modal].redirection .redirection-wrap {
                height: 100%;
                display: flex;
                flex-direction: column;
                padding-top: 64px;
                padding-bottom: 64px
            }

            .inline-modal.redirection .redirection-wrap>figure,
            [modal].redirection .redirection-wrap>figure {
                flex: none
            }

            .inline-modal.redirection .redirection-wrap>figure img,
            [modal].redirection .redirection-wrap>figure img {
                width: 160px;
                height: 160px
            }

            .inline-modal.redirection .redirection-content,
            [modal].redirection .redirection-content {
                flex: 1
            }

            .inline-modal.redirection .redirection-buttons,
            [modal].redirection .redirection-buttons {
                flex: none
            }

            .inline-modal.redirection .redirection-buttons [color-button],
            [modal].redirection .redirection-buttons [color-button] {
                min-width: 320px
            }

            .inline-modal.redirection .redirection-links,
            [modal].redirection .redirection-links {
                padding-top: 16px
            }}

.inline-modal.sep>.panel,
        [modal].sep>.panel{max-width: 560px;
            padding-top: 48px;
            padding-right: 16px;
            padding-bottom: 48px;
            padding-left: 16px;
            border-radius: 16px;
            background-color: #2a2a2d;
            box-shadow: none}

.inline-modal.sep>.panel>.header,
        [modal].sep>.panel>.header{position: static;
            padding: 0;
            border-radius: 0;
            background-color: transparent}

.inline-modal.sep>.panel>.header .close,
        [modal].sep>.panel>.header .close{position: absolute;
            right: 0;
            top: 0;
            left: auto;
            bottom: auto;
            padding: 16px}

.inline-modal.sep>.panel>.header .close svg,
        [modal].sep>.panel>.header .close svg{width: 24px;
            height: 24px}

.inline-modal.sep>.panel>.scroll-area,
        [modal].sep>.panel>.scroll-area{padding: 0}

.inline-modal.sep .sep-wrap,
        [modal].sep .sep-wrap{padding-bottom: 48px;
            text-align: left;
            max-height: 50vh}

.inline-modal.sep .sep-wrap h3,
        [modal].sep .sep-wrap h3{font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            color: #fff}

@media (min-width:768px){.inline-modal.sep .sep-wrap h3,
            [modal].sep .sep-wrap h3 {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){.inline-modal.sep .sep-wrap h3,
            [modal].sep .sep-wrap h3 {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

.inline-modal.sep .sep-wrap section,
        [modal].sep .sep-wrap section{margin-top: 24px}

.inline-modal.sep .sep-wrap article,
        [modal].sep .sep-wrap article{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #d4d4d4}

@media (min-width:768px){.inline-modal.sep .sep-wrap article,
            [modal].sep .sep-wrap article {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){.inline-modal.sep .sep-wrap article,
            [modal].sep .sep-wrap article {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

.inline-modal.sep .sep-wrap article h4,
        [modal].sep .sep-wrap article h4{font-size: 16px;
            line-height: 24px;
            letter-spacing: .48px;
            font-weight: 500;
            color: #fee78a}

@media (min-width:768px){.inline-modal.sep .sep-wrap article h4,
            [modal].sep .sep-wrap article h4 {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){.inline-modal.sep .sep-wrap article h4,
            [modal].sep .sep-wrap article h4 {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

.inline-modal.sep .sep-wrap article h5,
        [modal].sep .sep-wrap article h5{font-weight: 500;
            margin-top: 12px}

.inline-modal.sep .sep-wrap article h6,
        [modal].sep .sep-wrap article h6{font-weight: 400;
            margin-top: 12px}

.inline-modal.sep .sep-wrap article h6.add,
        [modal].sep .sep-wrap article h6.add{color: #009733}

.inline-modal.sep .sep-wrap article h6.del,
        [modal].sep .sep-wrap article h6.del{color: #dc3333}

.inline-modal.sep .sep-wrap article p strong,
        [modal].sep .sep-wrap article p strong{font-weight: 400}

.inline-modal.sep .sep-wrap article ul,
        [modal].sep .sep-wrap article ul{margin-top: 12px;
            margin-bottom: 12px}

.inline-modal.sep .sep-wrap article ul>li,
        [modal].sep .sep-wrap article ul>li{position: relative;
            padding-left: 16px}

.inline-modal.sep .sep-wrap article ul>li:before,
        [modal].sep .sep-wrap article ul>li:before{content: "";
            display: block;
            position: absolute;
            left: 5px;
            top: 10px;
            right: auto;
            bottom: auto;
            width: 3px;
            height: 3px;
            background-color: #d4d4d4;
            border-radius: 3px}

[lang=ar] .inline-modal.sep .sep-wrap article ul>li,
        [lang=ar] [modal].sep .sep-wrap article ul>li{padding-right: 16px}

[lang=ar] .inline-modal.sep .sep-wrap article ul>li:before,
        [lang=ar] [modal].sep .sep-wrap article ul>li:before{right: 5px;
            top: 10px;
            left: auto;
            bottom: auto}

.inline-modal.sep .sep-wrap article+article,
        [modal].sep .sep-wrap article+article{margin-top: 24px}

.inline-modal.sep .sep-buttons,
        [modal].sep .sep-buttons{padding-top: 32px;
            text-align: center}

.inline-modal.sep .sep-buttons button,
        [modal].sep .sep-buttons button{width: 240px}

@media (min-width:768px){.inline-modal.sep>.panel,
            [modal].sep>.panel {
                min-width: 560px;
                padding-top: 64px;
                padding-right: 32px;
                padding-bottom: 64px;
                padding-left: 32px
            }

            .inline-modal.sep .sep-wrap,
            [modal].sep .sep-wrap {
                height: 100%;
                display: flex;
                flex-direction: column
            }

            .inline-modal.sep .sep-buttons,
            [modal].sep .sep-buttons {
                padding-top: 40px
            }

            .inline-modal.sep .sep-buttons button,
            [modal].sep .sep-buttons button {
                width: 320px
            }}

.inline-modal.guinness-certificate>.panel,
        [modal].guinness-certificate>.panel{overflow: visible;
            display: inline-flex;
            width: auto;
            border-radius: 0;
            padding: 0;
            box-shadow: none}

.inline-modal.guinness-certificate>.panel>.header,
        [modal].guinness-certificate>.panel>.header{position: static;
            padding: 0;
            border-radius: 0;
            background-color: transparent}

.inline-modal.guinness-certificate>.panel>.header .close,
        [modal].guinness-certificate>.panel>.header .close{position: absolute;
            right: 0;
            top: -20px;
            left: auto;
            bottom: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            padding: 0;
            border-radius: 100%;
            background-color: hsla(0, 0%, 100%, .2)}

.inline-modal.guinness-certificate>.panel>.header .close svg,
        [modal].guinness-certificate>.panel>.header .close svg{width: 24px;
            height: 24px}

.inline-modal.guinness-certificate>.panel>.scroll-area,
        [modal].guinness-certificate>.panel>.scroll-area{padding-right: 0;
            padding-left: 0;
            max-height: inherit !important;
            overflow: visible}

.inline-modal.guinness-certificate>.panel ._responsive-img-new img,
        [modal].guinness-certificate>.panel ._responsive-img-new img{width: 334px;
            height: 458px;
            max-width: 100%}

@media (min-width:768px){.inline-modal.guinness-certificate>.panel>.header .close,
            [modal].guinness-certificate>.panel>.header .close {
                position: absolute;
                right: 7px;
                top: 49px;
                left: auto;
                bottom: auto
            }

            .inline-modal.guinness-certificate>.panel ._responsive-img-new img,
            [modal].guinness-certificate>.panel ._responsive-img-new img {
                width: 592px;
                height: 811px
            }}

@media (min-width:1280px){.inline-modal.guinness-certificate>.panel ._responsive-img-new img,
            [modal].guinness-certificate>.panel ._responsive-img-new img {
                width: 631px;
                height: 857px
            }}

._text-content{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            color: #d4d4d4}

@media (min-width:768px){._text-content {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._text-content {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._text-content.base>h2{font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500;
            font-weight: 400;
            margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h2 {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){._text-content.base>h2 {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

._text-content.base>h3{font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            font-weight: 400;
            margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h3 {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._text-content.base>h3 {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._text-content.base>h4{font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h4 {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._text-content.base>h4 {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._text-content.base>h5{font-size: 16px;
            line-height: 24px;
            letter-spacing: .48px;
            font-weight: 500;
            margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h5 {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){._text-content.base>h5 {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

._text-content.base>h6{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 500;
            margin-bottom: 24px}

@media (min-width:768px){._text-content.base>h6 {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._text-content.base>h6 {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._text-content.base>p+h5,
        ._text-content.base>p+h6,
        ._text-content.base>p+p{margin-top: 24px}

._text-content.base>ul{margin-top: 26px;
            margin-bottom: 48px}

._text-content.base>ul>li{position: relative;
            padding-left: 16px}

._text-content.base>ul>li:before{content: "";
            display: block;
            position: absolute;
            left: 5px;
            top: 10px;
            right: auto;
            bottom: auto;
            width: 3px;
            height: 3px;
            background-color: #d4d4d4;
            border-radius: 3px}

[lang=ar] ._text-content.base>ul>li:before{right: 5px;
            top: 10px;
            left: auto;
            bottom: auto}

@media (min-width:1280px){._text-content.base>h2,
            ._text-content.base>h3,
            ._text-content.base>h4,
            ._text-content.base>h5,
            ._text-content.base>h6 {
                margin-bottom: 26px
            }

            ._text-content.base>p+h5,
            ._text-content.base>p+h6,
            ._text-content.base>p+p {
                margin-top: 26px
            }

            ._text-content.base>p+h4 {
                margin-top: 52px
            }

            ._text-content.base>ul {
                margin-top: 26px;
                margin-bottom: 52px
            }

            ._text-content.base+.base:not(.no-space) {
                margin-top: 52px
            }}

._text-content.article-content,
        ._text-content.article-content .v-html{display: flex;
            flex-direction: column;
            row-gap: 24px}

._text-content.article-content.gap-20,
        ._text-content.article-content.gap-20.v-html{row-gap: 20px}

._text-content.article-content a{text-decoration: underline;
            font-weight: 500;
            color: #fff}

._text-content.article-content h3{font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            font-weight: 400}

@media (min-width:768px){._text-content.article-content h3 {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._text-content.article-content h3 {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._text-content.article-content h4{font-size: 16px;
            line-height: 24px;
            letter-spacing: .48px;
            font-weight: 500}

@media (min-width:768px){._text-content.article-content h4 {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){._text-content.article-content h4 {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

._text-content.article-content h4.regular{font-weight: 400;
            color: #fff}

._text-content.article-content h5{font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 500;
            font-weight: 400;
            color: #d4d4d4}

@media (min-width:768px){._text-content.article-content h5 {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:1280px){._text-content.article-content h5 {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

._text-content.article-content h6{font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            font-weight: 400;
            color: #fff}

@media (min-width:768px){._text-content.article-content h6 {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._text-content.article-content h6 {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._text-content.article-content ul:not([social], .small)>li{position: relative;
            padding-left: 22px}

._text-content.article-content ul:not([social], .small)>li:before{content: "";
            display: block;
            position: absolute;
            left: 7px;
            top: 7px;
            right: auto;
            bottom: auto;
            width: 4px;
            height: 4px;
            border: 2px solid #737373;
            border-radius: 8px}

@media (min-width:1280px){._text-content.article-content ul:not([social], .small)>li {
                padding-left: 24px
            }}

[lang=ar] ._text-content.article-content ul:not([social], .small)>li:before{right: 7px;
            top: 7px;
            left: auto;
            bottom: auto}

@media (min-width:1280px){[lang=ar] ._text-content.article-content ul:not([social], .small)>li {
                padding-right: 24px
            }}

._text-content.article-content ul:not([social], .small) ul>li{position: relative;
            padding-left: 16px}

._text-content.article-content ul:not([social], .small) ul>li:before{content: "";
            display: block;
            position: absolute;
            left: 5px;
            top: 10px;
            width: 3px;
            height: 3px;
            background-color: #d4d4d4;
            border-radius: 3px}

[lang=ar] ._text-content.article-content ul:not([social], .small) ul>li:before{right: 5px;
            top: 10px;
            left: auto;
            bottom: auto}

._text-content.article-content ul:not([social], .small) ul>li:before{left: 4px;
            top: 8px;
            right: auto;
            bottom: auto;
            border: 0;
            width: 6px;
            height: 6px;
            background-color: #a3a3a3}

._text-content.article-content ul.small>li{position: relative;
            padding-left: 16px}

._text-content.article-content ul.small>li:before{content: "";
            display: block;
            position: absolute;
            left: 5px;
            top: 10px;
            right: auto;
            bottom: auto;
            width: 3px;
            height: 3px;
            background-color: #d4d4d4;
            border-radius: 3px}

[lang=ar] ._text-content.article-content ul.small>li:before{right: 5px;
            top: 10px;
            left: auto;
            bottom: auto}

._text-content.article-content ul.small ul>li{position: relative;
            padding-left: 16px}

._text-content.article-content ul.small ul>li:before{content: "";
            display: block;
            position: absolute;
            left: 5px;
            top: 10px;
            right: auto;
            bottom: auto;
            background-color: #d4d4d4;
            border-radius: 3px}

[lang=ar] ._text-content.article-content ul.small ul>li:before{right: 5px;
            top: 10px;
            left: auto;
            bottom: auto}

._text-content.article-content ul.small ul>li:before{border: 0;
            width: 3px;
            height: 3px}

._text-content.blog-posts .title{font-size: 36px;
            line-height: 40px;
            letter-spacing: .36px;
            font-weight: 700;
            color: #fff;
            text-transform: capitalize}

@media (min-width:768px){._text-content.blog-posts .title {
                font-size: 60px;
                line-height: 64px;
                letter-spacing: .6px
            }}

@media (min-width:1280px){._text-content.blog-posts .title {
                font-size: 68px;
                line-height: 72px;
                letter-spacing: .68px
            }}

._text-content.blog-posts section{margin-top: 40px;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500}

@media (min-width:768px){._text-content.blog-posts section {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._text-content.blog-posts section {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._text-content.blog-posts section h1,
        ._text-content.blog-posts section h2,
        ._text-content.blog-posts section h3,
        ._text-content.blog-posts section h4,
        ._text-content.blog-posts section h5{color: #fff}

._text-content.blog-posts section h1{font-size: 32px;
            line-height: 42px;
            letter-spacing: .96px;
            font-weight: 700;
            text-transform: capitalize}

@media (min-width:768px){._text-content.blog-posts section h1 {
                font-size: 42px;
                line-height: 52px;
                letter-spacing: 1.26px
            }}

@media (min-width:1280px){._text-content.blog-posts section h1 {
                font-size: 48px;
                line-height: 58px;
                letter-spacing: 1.44px
            }}

._text-content.blog-posts section h2{margin-top: 24px;
            margin-bottom: 24px;
            font-size: 26px;
            line-height: 34px;
            letter-spacing: .78px;
            font-weight: 500}

@media (min-width:768px){._text-content.blog-posts section h2 {
                font-size: 30px;
                line-height: 38px;
                letter-spacing: .9px
            }}

@media (min-width:1280px){._text-content.blog-posts section h2 {
                font-size: 42px;
                line-height: 48px;
                letter-spacing: 1.26px
            }}

._text-content.blog-posts section h3{margin-top: 24px;
            margin-bottom: 24px;
            font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500}

@media (min-width:768px){._text-content.blog-posts section h3 {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){._text-content.blog-posts section h3 {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

._text-content.blog-posts section h4{margin-top: 24px;
            margin-bottom: 24px;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 500}

@media (min-width:768px){._text-content.blog-posts section h4 {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:1280px){._text-content.blog-posts section h4 {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

._text-content.blog-posts section h5{margin-top: 24px;
            margin-bottom: 24px;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            font-weight: 400}

@media (min-width:768px){._text-content.blog-posts section h5 {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._text-content.blog-posts section h5 {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._text-content.blog-posts section p+h5,
        ._text-content.blog-posts section p+p{margin-top: 26px}

._text-content.blog-posts section ul{margin-top: 26px;
            margin-bottom: 52px}

._text-content.blog-posts section img{max-width: 100%;
            margin-top: 24px;
            margin-bottom: 24px}

._text-content.ggteam-view h1{font-size: 26px;
            line-height: 34px;
            letter-spacing: .78px;
            font-weight: 500;
            color: #fff}

@media (min-width:768px){._text-content.ggteam-view h1 {
                font-size: 30px;
                line-height: 38px;
                letter-spacing: .9px
            }}

@media (min-width:1280px){._text-content.ggteam-view h1 {
                font-size: 42px;
                line-height: 48px;
                letter-spacing: 1.26px
            }}

._text-content.ggteam-view h1 small{font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 500;
            font-weight: 400}

@media (min-width:768px){._text-content.ggteam-view h1 small {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:1280px){._text-content.ggteam-view h1 small {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

._text-content.ggteam-view h2{font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            font-weight: 400;
            color: #fff}

@media (min-width:768px){._text-content.ggteam-view h2 {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._text-content.ggteam-view h2 {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._text-content.ggteam-view h3{font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 500;
            font-weight: 400;
            color: #fff}

@media (min-width:768px){._text-content.ggteam-view h3 {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:1280px){._text-content.ggteam-view h3 {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

._text-content.ggteam-view ul>li{position: relative;
            padding-left: 22px}

._text-content.ggteam-view ul>li:before{content: "";
            display: block;
            position: absolute;
            left: 7px;
            top: 7px;
            right: auto;
            bottom: auto;
            width: 4px;
            height: 4px;
            border: 2px solid #737373;
            border-radius: 8px}

@media (min-width:1280px){._text-content.ggteam-view ul>li {
                padding-left: 24px
            }}

[lang=ar] ._text-content.ggteam-view ul>li:before{right: 7px;
            top: 7px;
            left: auto;
            bottom: auto}

@media (min-width:1280px){[lang=ar] ._text-content.ggteam-view ul>li {
                padding-right: 24px
            }}

._text-content.ggteam-view p{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #d4d4d4}

@media (min-width:768px){._text-content.ggteam-view p {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._text-content.ggteam-view p {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

#app .contents-holder{min-height: 100vh;
            overflow: hidden}

html{background-color: #18181a;
            scroll-behavior: smooth}

*{margin: 0;
            padding: 0;
            border: 0;
            box-sizing: border-box;
            font-size: inherit;
            word-break: keep-all;
            word-wrap: break-word;
            -webkit-overflow-scrolling: touch}

::-webkit-scrollbar-thumb{background-color: #666;
            border-radius: 2px}

.ol:not(.not) li,
        ul:not(.not) li{list-style: none}

a{text-decoration: none;
            cursor: pointer}

a:active,
        a:focus,
        a:hover,
        a:visited{outline: none;
            outline: 0;
            text-decoration: none}

input{outline: none;
            border: 0}

.swiper-container,
        .swiper-container .swiper-wrapper{width: 100%}

button{background-color: transparent;
            color: #fff;
            font-family: inherit}

#app{-webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale}

.inner{max-width: 1200px;
            margin-left: auto;
            margin-right: auto}

._slider .swiper-pagination-circle{display: flex;
            justify-content: center;
            align-items: center;
            right: 0;
            bottom: 20px}

._slider .swiper-pagination-circle .pagination-list{display: flex;
            align-items: center;
            gap: 12px}

._slider .swiper-pagination-circle .pagination-item{width: 12px;
            height: 12px;
            border-radius: 100%;
            background-color: hsla(0, 0%, 100%, .3)}

@media (min-width:768px){._slider .swiper-pagination-circle {
                bottom: 56px
            }

            ._slider .swiper-pagination-circle .pagination-list {
                gap: 32px
            }

            ._slider .swiper-pagination-circle .pagination-item {
                width: 20px;
                height: 20px
            }}

@media (min-width:1280px){._slider .swiper-pagination-circle {
                bottom: 40px
            }

            ._slider .swiper-pagination-circle .pagination-list {
                gap: 12px
            }

            ._slider .swiper-pagination-circle .pagination-item {
                width: 12px;
                height: 12px
            }}

.img-rendering{image-rendering: -moz-crisp-edges;
            image-rendering: -o-crisp-edges;
            image-rendering: -webkit-optimize-contrast;
            image-rendering: crisp-edges}

.sr-only{position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            white-space: nowrap;
            border: 0;
            clip: rect(0, 0, 0, 0)}

.sr-only.active,
        .sr-only:focus{position: static;
            width: auto;
            height: auto;
            overflow: visible;
            clip: auto;
            white-space: normal}

#beacon-container{--hs-beacon-v-offset: 85px;
            --hs-beacon-h-offset-right: 22px;
            --hs-beacon-window-v-offset: calc(var(--hs-beacon-v-offset) + 65px)}

#beacon-container .BeaconFabButtonFrame{bottom: 85px;
            right: 22px;
            transform: scale(.82) !important}

.client-nav-1 #beacon-container,
        .client-nav-1 ._app-footer,
        .client-nav-1 ._app-nav-gnb,
        .client-nav-1 ._app-nav-header ._app-nav-signup,
        .client-nav-1 ._app-nav-header ._app-nav-toggle,
        .client-nav-1 ._app-nav-header ._app-record-holder,
        .client-nav-1 ._app-nav-sub,
        .client-nav-1 ._app-quick button:not(.btn-top),
        .client-nav-logo #beacon-container,
        .client-nav-logo ._app-footer,
        .client-nav-logo ._app-nav-gnb,
        .client-nav-logo ._app-nav-header ._app-nav-signup,
        .client-nav-logo ._app-nav-header ._app-nav-toggle,
        .client-nav-logo ._app-nav-header ._app-record-holder,
        .client-nav-logo ._app-nav-sub,
        .client-nav-logo ._app-quick button:not(.btn-top){display: none}

.client-nav-1 ._app-nav-utils,
        .client-nav-logo ._app-nav-utils{display: flex}

.client-nav-1 ._app-nav-utils .util-group:first-of-type>:not(._app-nav-languages),
        .client-nav-1 ._app-nav-utils .util-group:nth-of-type(2),
        .client-nav-logo ._app-nav-utils .util-group:first-of-type>:not(._app-nav-languages),
        .client-nav-logo ._app-nav-utils .util-group:nth-of-type(2){display: none}

.client-nav-1>div:not(.home) div._app-nav-mega:not(.no-sub),
        .client-nav-logo>div:not(.home) div._app-nav-mega:not(.no-sub){height: 72px}

.client-nav-1 ._app-nav-utils ._app-nav-regions,
        .client-nav-logo ._app-nav-utils ._app-nav-regions{display: flex}

.client-nav-1 [page-prev-next] button,
        .client-nav-logo [page-prev-next] button{display: none}

@media (min-width:1280px){.client-nav-1 ._app-nav-header,
            .client-nav-logo ._app-nav-header {
                min-height: 90px;
                height: 90px
            }

            .client-nav-1 ._app-nav-mega,
            .client-nav-logo ._app-nav-mega {
                padding-top: 90px
            }

            .client-nav-1 ._app-nav-utils,
            .client-nav-logo ._app-nav-utils {
                height: 90px
            }

            .client-nav-1 ._app-nav-utils ._app-nav-languages.nav-header,
            .client-nav-logo ._app-nav-utils ._app-nav-languages.nav-header {
                display: flex
            }

            .client-nav-1 ._app-nav-mega.no-sub,
            .client-nav-1 .home ._app-nav-mega,
            .client-nav-1>div:not(.home) ._app-nav-mega:not(.no-sub),
            .client-nav-logo ._app-nav-mega.no-sub,
            .client-nav-logo .home ._app-nav-mega,
            .client-nav-logo>div:not(.home) ._app-nav-mega:not(.no-sub) {
                height: 90px
            }}

.client-nav-1 ._app-nav-logo.nav-header a img{width: 112px;
            height: auto;
            opacity: 1}

.client-nav-1 ._app-nav-logo.nav-header a .svg-icon{opacity: 0;
            pointer-events: none}

@media (min-width:1280px){.client-nav-1 ._app-nav-logo.nav-header {
                top: 20px
            }

            .client-nav-1 ._app-nav-logo.nav-header a img {
                width: 180px;
                height: auto
            }

            [dir=rtl] .client-nav-1 ._app-nav-logo.nav-header {
                left: 40px;
                right: auto
            }}

.client-nav-all ._app-footer,
        .client-nav-all ._app-nav-header,
        .client-nav-all ._app-quick button:not(.btn-top),
        .client-nav-logo ._app-nav-header ._app-nav-logo{display: none}

[lang=es],
        [lang=es] body,
        [lang=fr],
        [lang=fr] body{font-family: Roboto, San Francisco, Arial, sans-serif}

[lang=zh],
        [lang=zh] body{font-family: Helvetica, Noto Sans CJK, SimSun, PingFang SC, Microsoft YaHei, 寰蒋闆呴粦, sans-serif}

[lang=de],
        [lang=de] body,
        [lang=et],
        [lang=et] body,
        [lang=fi],
        [lang=fi] body,
        [lang=hu],
        [lang=hu] body,
        [lang=id],
        [lang=id] body,
        [lang=lv],
        [lang=lv] body,
        [lang=nl],
        [lang=nl] body,
        [lang=pl],
        [lang=pl] body,
        [lang=pt-br],
        [lang=pt-br] body,
        [lang=ro],
        [lang=ro] body,
        [lang=ru],
        [lang=ru] body,
        [lang=th],
        [lang=th] body,
        [lang=tr],
        [lang=tr] body,
        [lang=uk],
        [lang=uk] body,
        [lang=vi],
        [lang=vi] body{font-family: Roboto, San Francisco, Arial, sans-serif}

[lang=ja],
        [lang=ja] body{font-family: Hiragino Kaku Gothic Pro, 銉掋儵銈儙瑙掋偞 Pro W3, Osaka, Meiryo, 銉°偆銉偑, MS PGothic, 锛汲 锛般偞銈枫儍銈�, sans-serif}

[lang=ar],
        [lang=ar] body,
        [lang=fa],
        [lang=fa] body{font-family: Roboto, Droid Arabic Naskh, Arial, sans-serif}

._app-nav-header{position: fixed;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            right: 0;
            z-index: 11;
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 64px;
            padding-top: 0;
            padding-right: 24px;
            padding-bottom: 0;
            padding-left: 24px;
            background: linear-gradient(180deg, hsla(0, 0%, 9%, .95) -95.83%, rgba(28, 28, 28, .32) 53.08%, rgba(27, 27, 27, .21));
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px)}

@media (min-width:768px){._app-nav-header {
                min-height: 72px
            }}

@media (min-width:1280px){._app-nav-header {
                min-height: 120px;
                padding-right: 40px;
                padding-left: 40px
            }}

._app-nav-logo.nav-header{position: absolute;
            left: 24px;
            top: 18px;
            right: auto;
            bottom: auto;
            display: flex;
            align-items: center;
            gap: 8px;
            z-index: 1}

._app-nav-logo.nav-header a{position: relative;
            display: inline-block}

._app-nav-logo.nav-header a img{width: 24px;
            height: 24px;
            opacity: 0}

._app-nav-logo.nav-header a .svg-icon{position: absolute;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            width: 24px;
            height: 24px}

.home ._app-nav-logo.nav-header a img{width: 112px;
            height: auto;
            opacity: 1}

@media (min-width:768px){._app-nav-logo.nav-header a .svg-icon {
                top: 2px
            }

            .home ._app-nav-logo.nav-header a {
                margin-top: 0
            }}

@media (min-width:1280px){._app-nav-logo.nav-header {
                left: 40px;
                top: 44px;
                right: auto;
                bottom: auto
            }

            ._app-nav-logo.nav-header a img {
                width: 180px;
                height: auto;
                opacity: 1
            }

            ._app-nav-logo.nav-header a .svg-icon {
                display: none
            }

            .home ._app-nav-logo.nav-header a img {
                width: 180px;
                height: auto
            }

            [data-region-id=GGPNL] ._app-nav-logo.nav-header a img,
            [data-region-id=GGPUK] ._app-nav-logo.nav-header a img {
                width: 226px;
                height: auto
            }

            [data-region-id=GGPCA] ._app-nav-logo.nav-header a img,
            [data-region-id=GGPDE] ._app-nav-logo.nav-header a img {
                width: 224px;
                height: auto
            }

            [data-region-id=GGPRO] ._app-nav-logo.nav-header a img {
                width: 194px;
                height: auto
            }}

@media (min-width:768px){._app-nav-logo.collapse .svg-icon {
                display: none
            }

            ._app-nav-logo.collapse img {
                width: 112px;
                height: auto
            }}

@media (min-width:1280px){._app-nav-logo.collapse img {
                width: 169px;
                height: auto
            }

            [dir=rtl] ._app-nav-logo.nav-header {
                left: auto;
                right: 40px
            }}

._app-record-holder{position: relative;
            display: inline-block;
            width: 24px;
            height: 24px;
            overflow: hidden;
            cursor: pointer}

._app-record-holder.logo{width: 24px;
            height: 24px;
            margin-bottom: -4px;
            opacity: 0;
            pointer-events: none}

._app-record-holder.logo img{width: 100%;
            height: 100%}

@media (min-width:768px){._app-record-holder {
                width: auto;
                height: auto
            }

            ._app-record-holder.nav-header,
            ._app-record-holder.nav-header .ds {
                display: none
            }}

@media (min-width:1280px){._app-record-holder.logo {
                display: none
            }

            ._app-record-holder.nav-header {
                display: block;
                width: auto;
                height: 38px
            }

            ._app-record-holder.nav-header .m {
                display: none
            }

            ._app-record-holder.nav-header .ds {
                width: 100%;
                display: inline-block !important
            }}

.home ._app-record-holder.logo{opacity: 1;
            pointer-events: auto}

._app-nav-mega{width: 100%;
            height: 120px;
            padding-top: 64px;
            transition: height .25s ease-in-out}

._app-nav-mega.no-sub,
        .home ._app-nav-mega{height: 64px}

._app-nav-mega.no-sub>._app-nav-sub [slider],
        .home ._app-nav-mega>._app-nav-sub [slider]{display: none}

@media (min-width:768px){._app-nav-mega.no-sub,
            .home ._app-nav-mega {
                height: 128px;
                padding-top: 72px
            }

            ._app-nav-mega.no-sub.no-sub,
            .home ._app-nav-mega.no-sub,
            .home .home ._app-nav-mega {
                height: 72px
            }}

@media (min-width:1280px){._app-nav-mega {
                position: static;
                width: 100%;
                height: auto;
                padding-top: 120px
            }

            ._app-nav-mega.no-sub,
            .home ._app-nav-mega {
                height: 120px
            }

            ._app-nav-mega.no-sub>._app-nav-sub,
            .home ._app-nav-mega>._app-nav-sub {
                display: none
            }}

.scroll-up>div:not(.home) ._app-nav-sub .holder [slider]{transform: translateY(0);
            opacity: 1;
            height: 48px;
            pointer-events: auto;
            transition: .25s ease-in-out}

@media (min-width:768px){.scroll-up>div:not(.home) ._app-nav-mega:not(.no-sub) {
                height: 128px
            }}

@media (min-width:1280px){.scroll-up>div:not(.home) ._app-nav-mega:not(.no-sub) {
                height: 184px
            }

            .scroll-up>div:not(.home) ._app-nav-sub .holder ._slider,
            .scroll-up>div:not(.home) ._app-nav-sub .holder .title {
                transform: translateY(0);
                opacity: 1;
                pointer-events: auto;
                transition: transform .25s 0s
            }}

.scroll-down ._app-nav-sub .holder ._slider{opacity: 0;
            height: 1px;
            pointer-events: none}

@media (min-width:768px){.scroll-down ._app-nav-mega:not(.no-sub) {
                height: 72px
            }}

@media (min-width:1280px){.scroll-down ._app-nav-mega:not(.no-sub) {
                height: 120px
            }

            .scroll-down ._app-nav-sub .holder ._slider,
            .scroll-down ._app-nav-sub .holder .title {
                transform: translateY(-50%);
                opacity: 0;
                pointer-events: none
            }}

.fade-enter-active,
        .fade-leave-active{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            transition: clip-path .25s ease-out, opacity .25s ease-in-out}

.fade-enter-active .holder,
        .fade-leave-active .holder{opacity: 1;
            transform: translateY(0);
            transition: transform .25s ease-in-out, opacity .25s ease-in-out}

.fade-enter,
        .fade-leave-to{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)}

.fade-enter .holder,
        .fade-leave-to .holder{opacity: 0;
            transform: translateY(4px)}

._app-nav-gnb{display: none;
            position: absolute;
            left: 0;
            top: 68px;
            right: auto;
            bottom: auto;
            right: 0}

._app-nav-gnb .nav-inner{position: relative;
            width: 1200px;
            margin-left: auto;
            margin-right: auto}

._app-nav-gnb .nav-inner>ul{position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: flex-start}

._app-nav-gnb .nav-inner>ul>li>a{position: relative;
            z-index: 1;
            height: 52px;
            display: flex;
            margin-right: 24px;
            align-items: flex-start;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .64px;
            font-weight: 500;
            color: #fff;
            -moz-column-gap: 4px;
            column-gap: 4px;
            cursor: pointer}

._app-nav-gnb .nav-inner>ul>li.active>a:before,
        ._app-nav-gnb .nav-inner>ul>li.active>label:before,
        ._app-nav-gnb .nav-inner>ul>li.hover>a:before,
        ._app-nav-gnb .nav-inner>ul>li.hover>label:before{right: 0;
            height: 2.5px;
            bottom: 1px;
            z-index: 2;
            border-radius: 2px}

._app-nav-gnb .nav-inner>ul>li.active>a .svg-icon,
        ._app-nav-gnb .nav-inner>ul>li.active>label .svg-icon,
        ._app-nav-gnb .nav-inner>ul>li.hover>a .svg-icon,
        ._app-nav-gnb .nav-inner>ul>li.hover>label .svg-icon{transform: rotate(180deg)}

._app-nav-gnb .nav-inner>ul>li.active .mega-wrap,
        ._app-nav-gnb .nav-inner>ul>li.hover .mega-wrap{visibility: visible;
            pointer-events: auto}

._app-nav-gnb .nav-inner .bar{display: none;
            position: absolute;
            left: 0;
            bottom: 1px;
            right: auto;
            top: auto;
            height: 2px;
            z-index: 1;
            background-color: #d30000;
            transition: width .25s ease-in-out, transform .25s ease-in-out}

._app-nav-gnb .mega-wrap{position: relative;
            z-index: 2;
            padding-top: 80px;
            padding-bottom: 104px;
            background-color: #f7f7f8}

._app-nav-gnb .mega-wrap .holder{display: flex;
            -moz-column-gap: 96px;
            column-gap: 96px;
            width: 1200px;
            margin-left: auto;
            margin-right: auto}

._app-nav-gnb .mega-wrap .sub-item{display: flex;
            flex-direction: column;
            row-gap: 32px}

._app-nav-gnb .mega-wrap .sub-item>a{position: relative;
            display: inline-block;
            padding-bottom: 4px;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            color: #000;
            width: -moz-fit-content;
            width: fit-content}

@media (min-width:768px){._app-nav-gnb .mega-wrap .sub-item>a {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._app-nav-gnb .mega-wrap .sub-item>a {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._app-nav-gnb .mega-wrap .sub-item>a:after{content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            right: auto;
            top: auto;
            right: 100%;
            height: 1px;
            background-color: #000;
            transition: right .25s ease-in-out}

._app-nav-gnb .mega-wrap .sub-item>a.active:after,
        ._app-nav-gnb .mega-wrap .sub-item>a:active:after,
        .no-touch ._app-nav-gnb .mega-wrap .sub-item>a:hover:not(.hover-disable):after{right: 0}

._app-nav-gnb .mega-wrap .sub-item>ul{display: flex;
            flex-direction: column;
            row-gap: 16px}

._app-nav-gnb .mega-wrap .sub-item>ul a{position: relative;
            display: inline-block;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #404040;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 191px}

@media (min-width:768px){._app-nav-gnb .mega-wrap .sub-item>ul a {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._app-nav-gnb .mega-wrap .sub-item>ul a {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._app-nav-gnb .mega-wrap .sub-item>ul a.router-link-exact-active,
        ._app-nav-gnb .mega-wrap .sub-item>ul a:active,
        .no-touch ._app-nav-gnb .mega-wrap .sub-item>ul a:hover:not(.hover-disable){color: #262626}

._app-nav-gnb .mega-wrap .sub-item>ul a.router-link-exact-active:after,
        ._app-nav-gnb .mega-wrap .sub-item>ul a:active:after,
        .no-touch ._app-nav-gnb .mega-wrap .sub-item>ul a:hover:not(.hover-disable):after{background-color: #171717;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            content: ""}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new{position: relative;
            display: flex;
            align-items: center}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new:after{content: "";
            display: block;
            width: 24px;
            height: 24px;
            margin-left: 4px;
            background: url(../../../ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat}

._app-nav-gnb .mega-wrap .ggteam{display: flex;
            -moz-column-gap: 16px;
            column-gap: 16px}

._app-nav-gnb .mega-wrap .ggteam a{position: relative;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            width: 176px;
            height: 248px;
            border-radius: 16px;
            background: #f1f1f4 url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon_gg_white.png) 50% 24px no-repeat}

._app-nav-gnb .mega-wrap .ggteam a:before{content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border: 2px solid transparent;
            border-radius: inherit;
            transition: border-color .15s ease-out, transform .25s ease-in-out}

._app-nav-gnb .mega-wrap .ggteam a figure img{width: auto;
            height: 192px;
            transform: scale(1);
            transition: transform .25s ease-in-out;
            transform-origin: bottom}

._app-nav-gnb .mega-wrap .ggteam a .svg-icon{position: absolute;
            right: 12px;
            bottom: 42px;
            left: auto;
            top: auto}

._app-nav-gnb .mega-wrap .ggteam a strong{position: relative;
            display: block;
            padding-right: 24px;
            padding-left: 24px;
            text-align: center;
            height: 56px;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #404040;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap}

@media (min-width:768px){._app-nav-gnb .mega-wrap .ggteam a strong {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._app-nav-gnb .mega-wrap .ggteam a strong {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._app-nav-gnb .mega-wrap .ggteam a strong:after{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent, #ea0000 50%, transparent)}

._app-nav-gnb .mega-wrap .ggteam a:active:before,
        .no-touch ._app-nav-gnb .mega-wrap .ggteam a:hover:not(.hover-disable):before{border-color: #dc3333}

._app-nav-gnb .mega-wrap .ggteam a:active figure img,
        .no-touch ._app-nav-gnb .mega-wrap .ggteam a:hover:not(.hover-disable) figure img{transform: scale(1.025);
            transition-duration: 1.5s}

._app-nav-gnb .mega-wrap.active{visibility: visible;
            pointer-events: auto;
            height: auto}

._app-nav-gnb .mega-wrap.active-id-1 .holder{-moz-column-gap: 40px;
            column-gap: 40px}

@media (min-width:1280px){._app-nav-gnb,
            ._app-nav-gnb .nav-inner .bar {
                display: block
            }

            [dir=rtl] ._app-nav-gnb .nav-inner .bar {
                display: none
            }}

@media (min-width:1280px) and (max-width:1672px){._app-nav-gnb>.mega-wrap .holder,
            ._app-nav-gnb>.nav-inner {
                margin-left: 234px
            }

            [dir=rtl] ._app-nav-gnb>.mega-wrap .holder,
            [dir=rtl] ._app-nav-gnb>.nav-inner {
                margin-left: 0;
                margin-right: 234px
            }}

@media (min-width:1280px) and (max-width:1760px){[data-region-id=GGPCA] ._app-nav-gnb>.mega-wrap .holder,
            [data-region-id=GGPCA] ._app-nav-gnb>.nav-inner,
            [data-region-id=GGPDE] ._app-nav-gnb>.mega-wrap .holder,
            [data-region-id=GGPDE] ._app-nav-gnb>.nav-inner,
            [data-region-id=GGPNL] ._app-nav-gnb>.mega-wrap .holder,
            [data-region-id=GGPNL] ._app-nav-gnb>.nav-inner,
            [data-region-id=GGPRO] ._app-nav-gnb>.mega-wrap .holder,
            [data-region-id=GGPRO] ._app-nav-gnb>.nav-inner,
            [data-region-id=GGPUK] ._app-nav-gnb>.mega-wrap .holder,
            [data-region-id=GGPUK] ._app-nav-gnb>.nav-inner {
                margin-left: 275px
            }}

._app-nav-sub .holder{position: relative;
            width: 100%;
            padding-top: 8px}

._app-nav-sub .holder:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            width: 100%;
            height: 1px;
            opacity: .3;
            background-color: #fff}

._app-nav-sub .holder .title{position: absolute;
            left: 64px;
            top: -64px;
            right: 64px;
            height: 64px;
            padding-bottom: 4px;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            font-weight: 400;
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 64px;
            text-align: center}

@media (min-width:768px){._app-nav-sub .holder .title {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._app-nav-sub .holder .title {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._app-nav-sub .holder .title:after{content: "";
            display: block;
            position: absolute;
            right: 26px;
            top: 50%;
            left: auto;
            bottom: auto;
            width: 4px;
            height: 4px;
            border-radius: 1px;
            margin-top: -1px;
            background-color: #fff;
            display: none}

._app-nav-sub .holder ._slider{flex: 1;
            position: relative;
            height: 48px;
            max-width: 100%}

._app-nav-sub .holder ._slider .swiper-button-next,
        ._app-nav-sub .holder ._slider .swiper-button-prev{display: none}

._app-nav-sub .holder ._slider .swiper-container{position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0}

._app-nav-sub .holder ._slider a{display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            font-weight: 500;
            padding-top: 12px;
            padding-right: 0;
            padding-bottom: 12px;
            padding-left: 0;
            height: 48px;
            color: hsla(0, 0%, 100%, .3);
            transition: color .25s ease-out}

._app-nav-sub .holder ._slider a:active,
        .no-touch ._app-nav-sub .holder ._slider a:hover:not(.hover-disable){background-color: transparent;
            color: #fff}

._app-nav-sub .holder ._slider a:after{content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            right: auto;
            top: auto;
            right: 100%;
            height: 1px;
            background-color: #fff}

._app-nav-sub .holder ._slider .swiper-slide{width: auto;
            max-width: none;
            margin-right: 24px}

@media (min-width:768px){._app-nav-sub .holder .title {
                top: -72px;
                height: 72px;
                line-height: 72px
            }}

@media (min-width:1280px){._app-nav-sub .holder {
                width: 1200px;
                padding-top: 16px;
                margin-left: auto;
                margin-right: auto;
                display: flex;
                align-items: center
            }

            ._app-nav-sub .holder:before {
                left: 0;
                top: -1px;
                right: auto;
                bottom: auto;
                width: 783px;
                background: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0) 99.11%)
            }

            ._app-nav-sub .holder .title {
                flex: none;
                position: relative;
                left: auto;
                top: auto;
                right: auto;
                height: auto;
                display: block;
                padding-right: 56px;
                padding-bottom: 0;
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px;
                font-weight: 500;
                color: hsla(0, 0%, 100%, .3)
            }

            ._app-nav-sub .holder .title:after {
                content: "";
                display: block;
                position: absolute;
                right: 26px;
                top: 50%;
                left: auto;
                bottom: auto;
                width: 4px;
                height: 4px;
                border-radius: 1px;
                margin-top: -1px;
                background-color: #fff
            }}

@media (min-width:1280px) and (min-width:768px){._app-nav-sub .holder .title {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px) and (min-width:1280px){._app-nav-sub .holder .title {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px) and (max-width:1436px){._app-nav-sub .holder {
                width: auto
            }}

@media (min-width:1280px) and (max-width:1672px){._app-nav-sub .holder {
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 194px
            }}

@media (min-width:1280px) and (max-width:1760px){[data-region-id=GGPCA] ._app-nav-sub .holder,
            [data-region-id=GGPDE] ._app-nav-sub .holder,
            [data-region-id=GGPNL] ._app-nav-sub .holder,
            [data-region-id=GGPRO] ._app-nav-sub .holder,
            [data-region-id=GGPUK] ._app-nav-sub .holder {
                margin-left: 235px
            }}

[dir=rtl] ._app-nav-sub .holder:before{left: auto;
            right: 0;
            background: linear-gradient(240deg, #fff 50%, hsla(0, 0%, 100%, 0) 99.11%)}

@media (min-width:1280px) and (max-width:1672px){[dir=rtl] ._app-nav-sub .holder {
                margin-top: 0;
                margin-right: 218px;
                margin-bottom: 0;
                margin-left: 0
            }}

._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-next .stroke-target,
        ._slider .swiper-button-prev .stroke-target{stroke: #fff}

._slider .swiper-button i{width: 60px;
            height: 60px}

._slider .swiper-button-prev i{position: relative;
            display: block;
            transform: scale(1.25)}

._slider .swiper-button-prev i:before{transform-origin: 1.5px 100%;
            top: 50%;
            transform: translateY(-100%) rotate(45deg)}

._slider .swiper-button-prev i:after,
        ._slider .swiper-button-prev i:before{position: absolute;
            left: 35%;
            display: block;
            width: 4px;
            height: 22px;
            background: #fff;
            border-radius: 3px;
            content: ""}

._slider .swiper-button-prev i:after{transform-origin: 1.5px 100%;
            top: calc(50% - 2px);
            transform: translateY(-100%) rotate(135deg)}

._slider .swiper-button-next i{position: relative;
            display: block;
            transform: scale(1.25) rotate(180deg)}

._slider .swiper-button-next i:before{transform-origin: 1.5px 100%;
            top: 50%;
            transform: translateY(-100%) rotate(45deg)}

._slider .swiper-button-next i:after,
        ._slider .swiper-button-next i:before{position: absolute;
            left: 35%;
            display: block;
            width: 4px;
            height: 22px;
            background: #fff;
            border-radius: 3px;
            content: ""}

._slider .swiper-button-next i:after{transform-origin: 1.5px 100%;
            top: calc(50% - 2px);
            transform: translateY(-100%) rotate(135deg)}

._slider .swiper-button-more,
        ._slider .swiper-navigation.more .swiper-button-next.swiper-button-disabled{display: none}

._slider .swiper-scrollbar{background-color: hsla(0, 0%, 100%, .1);
            height: 4px}

._slider .swiper-pagination{position: absolute;
            left: 0;
            bottom: 0;
            right: auto;
            top: auto;
            z-index: 2;
            text-align: center}

._app-nav-utils{position: absolute;
            right: 24px;
            top: 0;
            left: auto;
            bottom: auto;
            height: 64px;
            display: flex;
            align-items: center}

._app-nav-utils a,
        ._app-nav-utils label{display: inline-flex;
            align-items: center;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 500;
            color: #fff}

@media (min-width:768px){._app-nav-utils a,
            ._app-nav-utils label {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._app-nav-utils a,
            ._app-nav-utils label {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._app-nav-utils ._app-nav-regions{order: 2;
            display: none}

._app-nav-utils ._app-nav-signup{order: 1;
            display: none}

._app-nav-utils .util-group-1{position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 12px}

._app-nav-utils .util-group-2{display: none;
            float: right}

@media (min-width:768px){._app-nav-utils {
                height: 72px
            }}

@media (min-width:1280px){._app-nav-utils {
                position: absolute;
                right: 40px;
                top: 0;
                left: auto;
                bottom: auto;
                display: block
            }

            ._app-nav-utils ._app-nav-util.nav-header {
                display: flex
            }

            ._app-nav-utils ._app-nav-regions,
            ._app-nav-utils ._app-nav-signup {
                order: inherit;
                display: block
            }

            ._app-nav-utils ._app-nav-toggle {
                order: inherit
            }

            ._app-nav-utils .util-group-1 {
                padding-top: 8px;
                padding-bottom: 8px;
                gap: 24px;
                z-index: 1
            }

            ._app-nav-utils .util-group-1 ._app-record-holder {
                pointer-events: auto
            }

            ._app-nav-utils .util-group-2 {
                padding-top: 5px;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 16px
            }}

@media (min-width:1280px){[dir=rtl] ._app-nav-utils .util-group-2 {
                position: fixed;
                left: calc(50% - 600px);
                top: 47px;
                right: auto;
                bottom: auto
            }}

._app-nav-util.nav-header{display: flex;
            align-items: center;
            gap: 24px}

._app-nav-util.nav-header li>a{display: flex;
            align-items: center;
            gap: 4px}

@media (min-width:1280px){._app-nav-util.nav-header li>ul {
                display: none;
                flex-direction: column;
                gap: 12px;
                position: absolute;
                right: 0;
                top: calc(100% + 11px);
                left: auto;
                bottom: auto;
                padding: 28px;
                background-color: #fff;
                border-radius: 8px;
                box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
            }

            ._app-nav-util.nav-header li>ul a {
                color: #000;
                white-space: nowrap
            }

            ._app-nav-util.nav-header li.children:before {
                content: "";
                display: block;
                position: absolute;
                top: 24px;
                right: 0;
                bottom: -12px;
                left: 0
            }

            ._app-nav-util.nav-header li.active .svg-icon {
                transform: rotate(180deg)
            }

            ._app-nav-util.nav-header li.active ul {
                display: flex
            }

            ._app-nav-util.nav-header li.active ul a:active,
            .no-touch ._app-nav-util.nav-header li.active ul a:hover:not(.hover-disable) {
                text-decoration: underline
            }}

._app-nav-util.collapse{display: flex;
            flex-direction: column;
            margin-top: 64px;
            row-gap: 24px}

._app-nav-util.collapse>li a{display: block;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .48px;
            font-weight: 500;
            color: #000}

@media (min-width:768px){._app-nav-util.collapse>li a {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){._app-nav-util.collapse>li a {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

._app-nav-util.collapse>li>a{display: flex;
            align-items: center;
            gap: 12px}

._app-nav-util.collapse>li>a:before{content: "";
            display: block;
            width: 24px;
            height: 24px;
            background-position-x: 0;
            background-position-y: 0;
            background-size: cover;
            background-repeat: no-repeat}

._app-nav-util.collapse>li.children ul a{font-weight: 400;
            color: #404040;
            padding-right: 36px;
            padding-left: 36px}

._app-nav-regions .language-item{display: inline-flex;
            align-items: center}

._app-nav-regions .language-item img{width: 16px;
            height: 16px;
            margin-bottom: 0}

._app-nav-regions .language-item>strong{position: relative;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #fff;
            margin-left: 8px;
            white-space: nowrap}

@media (min-width:768px){._app-nav-regions .language-item>strong {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._app-nav-regions .language-item>strong {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._app-nav-regions .language-item>strong:after{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 100%;
            right: auto;
            bottom: auto;
            right: 100%;
            height: 1px;
            background-color: #fff;
            transition: right .15s ease-out}

._app-nav-regions .language-item>em{font-size: 12px;
            line-height: 14px;
            letter-spacing: .36px;
            font-weight: 400;
            color: #a3a3a3;
            margin-left: 4px}

@media (min-width:768px){._app-nav-regions .language-item>em {
                font-size: 12px;
                line-height: 18px;
                letter-spacing: .36px
            }}

@media (min-width:1280px){._app-nav-regions .language-item>em {
                font-size: 12px;
                line-height: 18px;
                letter-spacing: .36px
            }}

._app-nav-regions .language-item>span{position: relative;
            padding-left: 8px;
            margin-left: 8px;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: .36px;
            font-weight: 400;
            color: #a3a3a3}

@media (min-width:768px){._app-nav-regions .language-item>span {
                font-size: 12px;
                line-height: 18px;
                letter-spacing: .36px
            }}

@media (min-width:1280px){._app-nav-regions .language-item>span {
                font-size: 12px;
                line-height: 18px;
                letter-spacing: .36px
            }}

._app-nav-regions .language-item>span:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            right: auto;
            bottom: auto;
            transform: translateY(-50%);
            width: 1px;
            height: 12px;
            background-color: #525252}

._app-nav-regions .language-container .language-current{display: flex;
            align-items: center;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            color: #fff}

@media (min-width:768px){._app-nav-regions .language-container .language-current {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._app-nav-regions .language-container .language-current {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._app-nav-regions .language-container .language-popup{position: absolute;
            right: -45px;
            top: calc(100% + 14px);
            left: auto;
            bottom: auto;
            z-index: 1;
            padding: 28px;
            border-radius: 8px;
            background-color: #262626;
            box-shadow: 0 10px 24px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .25)}

._app-nav-regions .language-container .language-popup:before{content: "";
            display: block;
            position: absolute;
            left: 61%;
            top: -14px;
            right: auto;
            bottom: auto;
            right: 35px;
            height: 14px}

._app-nav-regions .language-container .language-popup .language-title{display: block;
            font-size: 16px;
            letter-spacing: .48px;
            font-weight: 500;
            color: #fff;
            border-bottom: 1px solid #a3a3a3;
            padding-bottom: 8px;
            line-height: 24px}

@media (min-width:768px){._app-nav-regions .language-container .language-popup .language-title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){._app-nav-regions .language-container .language-popup .language-title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

._app-nav-regions .language-container .language-popup .language-list{margin-top: 24px;
            display: grid;
            grid-template-columns: repeat(2, 200px);
            -moz-column-gap: 16px;
            column-gap: 16px;
            row-gap: 12px}

._app-nav-regions .language-container .language-popup .language-list .language-item:active strong:after,
        .no-touch ._app-nav-regions .language-container .language-popup .language-list .language-item:hover:not(.hover-disable) strong:after{right: 0}

@media (min-width:1280px){._app-nav-regions {
                display: block
            }}

._app-nav-languages .container a{display: flex;
            gap: 12px;
            width: auto;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #000;
            min-height: 36px}

@media (min-width:768px){._app-nav-languages .container a {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._app-nav-languages .container a {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._app-nav-languages .container a:active>span:before,
        .no-touch ._app-nav-languages .container a:hover:not(.hover-disable)>span:before{position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #000;
            content: ""}

._app-nav-languages.nav-header label{position: relative;
            display: flex;
            align-items: center;
            cursor: pointer}

._app-nav-languages.nav-header label .svg-icon.ds,
        ._app-nav-languages.nav-header label>span{display: none}

._app-nav-languages.nav-header .container{position: fixed;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            right: 0;
            height: 100dvh;
            padding: 20px;
            border-radius: 0;
            background-color: #fff;
            box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05);
            color: #404040;
            display: none}

._app-nav-languages.nav-header .container .title{font-size: 16px;
            line-height: 24px;
            letter-spacing: .48px;
            font-weight: 500;
            color: #000;
            border-bottom: 1px solid #000;
            padding-bottom: 8px;
            margin-bottom: 28px}

@media (min-width:768px){._app-nav-languages.nav-header .container .title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){._app-nav-languages.nav-header .container .title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

._app-nav-languages.nav-header .container .group{display: flex;
            -moz-column-gap: 24px;
            column-gap: 24px;
            row-gap: 12px;
            overflow-y: scroll;
            max-height: calc(100dvh - 116px)}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar-thumb:hover,
        ._app-nav-languages.nav-header .container .group::-webkit-scrollbar-track{background-color: transparent}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar{width: 4px;
            height: 4px}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar-thumb{background-color: #54545f;
            border-radius: 8px}

._app-nav-languages.nav-header .container .group .global{display: flex;
            flex-direction: column;
            row-gap: 12px}

._app-nav-languages.nav-header .container .group .country{display: grid;
            -moz-column-gap: 24px;
            column-gap: 24px;
            row-gap: 12px}

._app-nav-languages.nav-header .container .btn-close{position: absolute;
            right: 20px;
            top: 20px;
            left: auto;
            bottom: auto;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center}

._app-nav-languages.nav-header.active label:before{content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: -16px;
            left: -40px;
            display: none}

@media (min-width:768px){._app-nav-languages.nav-header .container {
                left: 50%;
                top: 50vh;
                bottom: auto;
                right: auto;
                width: 584px;
                height: auto;
                transform: translate(-50%, -50%);
                border-radius: 8px
            }

            ._app-nav-languages.nav-header .container .group a {
                width: 168px
            }

            ._app-nav-languages.nav-header .container .group .country {
                grid-template-rows: repeat(11, auto);
                -moz-column-gap: 24px;
                column-gap: 24px;
                grid-auto-flow: column dense
            }

            ._app-nav-languages.nav-header.active .container {
                display: block
            }}

@media (min-width:1280px){._app-nav-languages.nav-header {
                display: none
            }

            ._app-nav-languages.nav-header label span {
                display: inline-block;
                margin-left: 8px
            }

            ._app-nav-languages.nav-header label .svg-icon.ds {
                display: inline-block
            }

            ._app-nav-languages.nav-header .container {
                position: absolute;
                right: 0;
                top: calc(100% + 16px);
                left: auto;
                bottom: auto;
                padding: 28px;
                transform: none
            }

            ._app-nav-languages.nav-header .container .group a {
                width: 200px
            }

            ._app-nav-languages.nav-header .container .group .country {
                row-gap: 12px
            }

            ._app-nav-languages.nav-header:active label:before,
            .no-touch ._app-nav-languages.nav-header:hover:not(.hover-disable) label:before {
                content: "";
                display: block;
                position: absolute;
                top: 24px;
                right: 0;
                bottom: -16px;
                left: -5px
            }

            ._app-nav-languages.nav-header:active .svg-icon.ds,
            .no-touch ._app-nav-languages.nav-header:hover:not(.hover-disable) .svg-icon.ds {
                transform: rotate(180deg)
            }

            ._app-nav-languages.nav-header.clean-active .container,
            ._app-nav-languages.nav-header.clean-active:active .container,
            .no-touch ._app-nav-languages.nav-header.clean-active:hover:not(.hover-disable) .container {
                display: none
            }}

._app-nav-languages.nav-header.popup.active .container{display: block;
            position: fixed;
            left: 50%;
            top: 50vh;
            bottom: auto;
            right: auto;
            height: auto;
            transform: translate(-50%, -50%)}

@media (min-width:1280px){[dir=rtl] ._app-nav-languages.nav-header label span {
                margin-left: 0;
                margin-right: 8px
            }}

._app-nav-languages.collapse{margin-top: 40px;
            display: none}

._app-nav-languages.collapse .container .title span{position: relative;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            color: #000;
            padding-bottom: 4px}

@media (min-width:768px){._app-nav-languages.collapse .container .title span {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){._app-nav-languages.collapse .container .title span {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

._app-nav-languages.collapse .container .title span:after{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 100%;
            right: auto;
            bottom: auto;
            right: 100%;
            height: 2px;
            background-color: #000}

._app-nav-languages.collapse .container .group,
        ._app-nav-languages.collapse .container .group>div{display: flex;
            flex-direction: column;
            row-gap: 16px}

@media (min-width:768px){._app-nav-languages.collapse {
                display: block
            }}

._app-nav-toggle{display: flex;
            align-items: center}

._app-nav-languages-single .language-current{display: flex;
            align-items: center;
            gap: 8px;
            height: 40px;
            padding-top: 0;
            padding-right: 12px;
            padding-bottom: 0;
            padding-left: 16px;
            border-radius: 62px;
            background-color: hsla(0, 0%, 100%, .1)}

._app-nav-languages-single .language-current strong{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 500;
            color: #fff}

@media (min-width:768px){._app-nav-languages-single .language-current strong {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._app-nav-languages-single .language-current strong {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._app-nav-languages-single .language-current:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 100%;
            right: auto;
            bottom: auto;
            right: 0;
            height: 10px;
            display: none}

._app-nav-languages-single .language-current:active .svg-icon,
        .no-touch ._app-nav-languages-single .language-current:hover:not(.hover-disable) .svg-icon{transform: rotate(180deg)}

._app-nav-languages-single .language-current:active:before,
        .no-touch ._app-nav-languages-single .language-current:hover:not(.hover-disable):before{display: block}

._app-nav-languages-single .container{position: absolute;
            right: 0;
            top: calc(100% + 10px);
            left: auto;
            bottom: auto;
            z-index: 1;
            padding: 28px;
            border-radius: 8px;
            background-color: #fff;
            display: none;
            box-shadow: 0 10px 24px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .25)}

._app-nav-languages-single .container .language-title{font-size: 16px;
            letter-spacing: .48px;
            font-weight: 500;
            color: #000;
            line-height: 24px;
            padding-bottom: 8px;
            border-bottom: 1px solid #404040}

@media (min-width:768px){._app-nav-languages-single .container .language-title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){._app-nav-languages-single .container .language-title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

._app-nav-languages-single .container .language-list{margin-top: 24px;
            display: grid;
            grid-template-columns: repeat(2, 224px);
            -moz-column-gap: 16px;
            column-gap: 16px;
            row-gap: 12px}

._app-nav-languages-single .container .language-list a{display: flex;
            align-items: center;
            height: 32px;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #000}

@media (min-width:768px){._app-nav-languages-single .container .language-list a {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){._app-nav-languages-single .container .language-list a {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

._app-nav-languages-single .container .language-list a span:after{content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            right: auto;
            top: auto;
            right: 100%;
            height: 1px;
            background-color: #000;
            white-space: nowrap;
            transition: right .15s ease-out}

._app-nav-languages-single .container .language-list a:active span:after,
        .no-touch ._app-nav-languages-single .container .language-list a:hover:not(.hover-disable) span:after{right: 0}

._app-nav-languages-single:active .container,
        ._app-nav-languages-single:active .language-current:before,
        .no-touch ._app-nav-languages-single:hover:not(.hover-disable) .container,
        .no-touch ._app-nav-languages-single:hover:not(.hover-disable) .language-current:before{display: block}

@media (min-width:1280px) and (max-width:1330px){._app-nav-languages-single .language-current strong {
                display: none
            }}

button._app-nav-download.nav-header{height: 40px;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .64px;
            font-weight: 500;
            color: #fff}

button._app-nav-download.nav-header span{font-size: inherit;
            font-weight: 500}

button._app-nav-download.collapse{height: 48px;
            margin-top: 16px;
            margin-right: 24px;
            margin-bottom: 24px;
            margin-left: 24px;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .64px;
            font-weight: 500;
            color: #fff;
            flex: 1}

._color-button{display: inline-flex;
            align-items: center;
            justify-content: center;
            vertical-align: middle;
            height: 48px;
            padding-top: 0;
            padding-right: 16px;
            padding-bottom: 0;
            padding-left: 16px;
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            border-radius: 80px;
            box-sizing: border-box;
            gap: 8px;
            border: 0;
            transition: background-color .25s ease-in-out, border-color .24s ease-in-out}

._color-button:active,
        .no-touch ._color-button:hover:not(.hover-disable){background-color: hsla(0, 0%, 100%, .3)}

._color-button[readonly]:active,
        .no-touch ._color-button[readonly]:hover:not(.hover-disable){background-color: transparent}

._color-button[disabled]{opacity: .35;
            cursor: not-allowed;
            pointer-events: none}

._color-button.red,
        ._color-button.red:active,
        .no-touch ._color-button.red:hover:not(.hover-disable){background-color: #d30000}

._color-button.gray-line-blur{background-color: hsla(0, 0%, 100%, .1);
            border: 1px solid hsla(0, 0%, 100%, .1);
            backdrop-filter: 2px;
            -webkit-backdrop-filter: blur(2px)}

._color-button.gray-line-blur:active,
        .no-touch ._color-button.gray-line-blur:hover:not(.hover-disable){background-color: hsla(0, 0%, 100%, .3)}

._color-button.line,
        ._color-button.line:active,
        .no-touch ._color-button.line:hover:not(.hover-disable){background-color: #fff;
            border: 1px solid #000}

._color-button.icon{width: 48px;
            height: 48px;
            padding: 0}

[how-to-play-template] [page-container]>.inner{display: flex;
            flex-direction: column;
            gap: 56px}

@media (min-width:768px){[how-to-play-template] [page-container]>.inner {
                gap: 64px
            }}

@media (min-width:1280px){[how-to-play-template] .bg-objects {
                position: relative;
                display: block;
                margin-bottom: -128px
            }

            [how-to-play-template] .bg-objects s {
                display: block;
                position: absolute;
                top: 0;
                pointer-events: none
            }

            [how-to-play-template] .bg-objects s:first-of-type {
                right: calc(50% + 200px)
            }

            [how-to-play-template] .bg-objects s:nth-of-type(2) {
                left: calc(50% + 200px)
            }

            [how-to-play-template] .bg-objects s.type-2 {
                top: 216px
            }

            [how-to-play-template] .bg-objects s.type-3 {
                top: 716px
            }

            [how-to-play-template] .bg-objects~* {
                position: relative
            }

            [how-to-play-template] [page-container]>.inner {
                gap: 128px
            }}

[section-container]{position: relative;
            min-height: 352px}

[section-container] .contents{padding-right: 24px;
            padding-left: 24px}

[section-container] .bg-holder{width: 100%;
            position: absolute;
            z-index: 0}

@media (min-width:1280px){[section-container] .contents {
                padding: 0;
                margin-left: auto;
                margin-right: auto
            }}

[section-container].primary:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            z-index: 1;
            height: 2px;
            background-image: url(#d30000);
            background: linear-gradient(90deg, transparent 0, var(--line-color) 50%, transparent 100%)}

[section-container].primary .bg-holder{height: 100%;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            right: 0;
            overflow: hidden}

[section-container].primary .bg-holder picture{width: 100%;
            height: 100%}

[section-container].primary .bg-holder img{width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover}

[section-container].primary .contents{height: 100%;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px}

@media (min-width:768px){[section-container].primary .contents {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[section-container].primary .contents {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[section-container].primary .contents:after,
        [section-container].primary .contents:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            height: 128px;
            pointer-events: none}

[section-container].primary .contents:before{top: 0;
            background-blend-mode: multiply}

[section-container].primary .contents:after{bottom: -1px;
            background: linear-gradient(0deg, #000 -62.5%, transparent 72.92%)}

[section-container].primary .inner{position: relative;
            z-index: 3;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding-bottom: 30px}

[section-container].primary h2{font-size: 36px;
            line-height: 40px;
            letter-spacing: .36px;
            font-weight: 700}

@media (min-width:768px){[section-container].primary h2 {
                font-size: 60px;
                line-height: 64px;
                letter-spacing: .6px
            }}

@media (min-width:1280px){[section-container].primary h2 {
                font-size: 68px;
                line-height: 72px;
                letter-spacing: .68px
            }}

[section-container].primary h3{font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500}

@media (min-width:768px){[section-container].primary h3 {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){[section-container].primary h3 {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

@media (min-width:768px){[section-container].primary {
                height: 528px
            }

            [section-container].primary .contents:after,
            [section-container].primary .contents:before {
                height: 200px
            }

            [section-container].primary .contents:before {
                background: linear-gradient(180deg, #000 -28.25%, hsla(0, 0%, 40%, 0))
            }

            [section-container].primary .contents:after {
                background: linear-gradient(0deg, #060606 -33.5%, transparent 68.25%)
            }

            [section-container].primary .inner {
                padding-bottom: 72px
            }}

@media (min-width:1280px){[section-container].primary {
                height: 544px
            }

            [section-container].primary .inner {
                padding-bottom: 112px
            }}

[section-container].home-section .inner>h2,
        [section-container].home-section .inner>h3{text-align: center}

[section-container].home-section .inner>h2{font-size: 32px;
            line-height: 42px;
            letter-spacing: .96px;
            font-weight: 700;
            color: #fff}

@media (min-width:768px){[section-container].home-section .inner>h2 {
                font-size: 42px;
                line-height: 52px;
                letter-spacing: 1.26px
            }}

@media (min-width:1280px){[section-container].home-section .inner>h2 {
                font-size: 48px;
                line-height: 58px;
                letter-spacing: 1.44px
            }}

[section-container].home-section .inner>h3{font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 500;
            font-weight: 300;
            color: #d4d4d4;
            margin-top: 16px}

@media (min-width:768px){[section-container].home-section .inner>h3 {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:1280px){[section-container].home-section .inner>h3 {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

@media (min-width:768px){[section-container].home-section {
                padding-top: 64px
            }}

@media (min-width:1280px){[section-container].home-section {
                padding-top: 128px
            }}

._responsive-img-new.br img{border-radius: 16px;
            outline: none;
            border: 0}

._responsive-img-new.img-rendering img{image-rendering: -webkit-optimize-contrast;
            transform: translateZ(0);
            backface-visibility: hidden}

[how-to-play-header]{position: relative;
            background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_green.webp) 50% 0/cover no-repeat}

[how-to-play-header] .holder{position: relative;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            overflow: hidden;
            padding-top: 56px;
            padding-bottom: 56px}

[how-to-play-header] .title{position: relative;
            z-index: 1;
            max-width: calc(100% - 132px);
            margin-left: auto;
            margin-right: auto;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 100;
            color: #fff;
            text-align: center;
            font-style: italic}

[how-to-play-header] .title span{position: relative;
            display: inline-block}

[how-to-play-header] .title span .icon{position: absolute;
            width: 28px;
            height: 28px;
            background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_green.webp) 50% 50%/cover no-repeat}

[how-to-play-header] .title span .icon:first-of-type{left: -45px;
            top: 0;
            right: auto;
            bottom: auto}

[how-to-play-header] .title span .icon:nth-of-type(2){right: -45px;
            top: 0;
            left: auto;
            bottom: auto;
            transform: rotate(180deg)}

[how-to-play-header] .background{position: absolute;
            left: 0;
            top: -2px;
            right: auto;
            bottom: auto;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            pointer-events: none}

@media (min-width:768px){[how-to-play-header] .holder {
                padding-top: 80px;
                padding-bottom: 80px
            }

            [how-to-play-header] .title {
                font-size: 32px;
                line-height: 42px;
                letter-spacing: .96px;
                max-width: 75%
            }

            [how-to-play-header] .title span .icon {
                width: 35px;
                height: 30px;
                background-size: 35px 30px
            }}

@media (min-width:1280px){[how-to-play-header] {
                min-height: 340px
            }

            [how-to-play-header] .holder {
                max-width: 1200px;
                padding-top: 128px;
                padding-bottom: 128px
            }

            [how-to-play-header] .title {
                max-width: 740px
            }}

._page-container{padding-top: 56px;
            padding-right: 24px;
            padding-bottom: 56px;
            padding-left: 24px;
            background-color: #18181a}

@media (min-width:768px){._page-container {
                padding-top: 80px;
                padding-right: 32px;
                padding-bottom: 80px;
                padding-left: 32px
            }}

@media (min-width:1280px){._page-container {
                padding-top: 128px;
                padding-bottom: 128px
            }}

@media (min-width:1280px){._page-container.background-common {
                background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_common_ppattern_3.webp) 50% 0 repeat-y
            }}

._page-container.policy-legal a{font-weight: 500;
            color: #fff}

@media (min-width:1280px){._page-container.policy-legal>.inner {
                padding-right: 408px
            }}

._page-container.how-to-play,
        ._page-container.promotions,
        ._page-container.tournaments{padding-bottom: 0}

@media (min-width:1280px){[aof-sit-go-fold].img-right [article-content]>.content figure {
                margin-top: -120px
            }}

._img-content-template figure [responsive-video],
        ._img-content-template figure img{width: 100%;
            height: auto;
            border-radius: 16px}

._img-content-template.img-left-content-before .left-content-before,
        ._img-content-template.img-left-content-before .right-content-before,
        ._img-content-template.img-right-content-before .left-content-before,
        ._img-content-template.img-right-content-before .right-content-before{margin-bottom: 20px}

._img-content-template.img-left-content-before .left-content-before img,
        ._img-content-template.img-left-content-before .right-content-before img,
        ._img-content-template.img-right-content-before .left-content-before img,
        ._img-content-template.img-right-content-before .right-content-before img{max-width: 704px;
            margin-left: auto;
            margin-right: auto}

._img-content-template.img-message .group img{max-width: 288px;
            margin-left: auto;
            margin-right: auto}

._img-content-template.img-message .group .message{margin-top: -22px;
            width: 260px;
            height: 95px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: auto;
            margin-right: auto;
            font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500;
            color: #fee78a;
            background: url(../../../ssl.gg-global-cdn.com/bd/front/img/web/bg_img_message.png) 50% 0/cover no-repeat}

@media (min-width:768px){._img-content-template.img-message .group .message {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){._img-content-template.img-message .group .message {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

._img-content-template.img-message.img-left{display: flex;
            flex-direction: column;
            gap: 56px}

._img-content-template [article-content]>h3:after{content: "";
            display: block;
            width: 100%;
            height: 1px;
            margin-top: 24px;
            background-image: linear-gradient(90deg, #52525b, transparent)}

@media (min-width:768px){._img-content-template.img-left figure [img-container],
            ._img-content-template.img-left figure img,
            ._img-content-template.img-right figure [img-container],
            ._img-content-template.img-right figure img {
                max-width: 704px;
                margin-left: auto;
                margin-right: auto
            }

            ._img-content-template.img-left figure [responsive-video],
            ._img-content-template.img-right figure [responsive-video] {
                border-radius: 16px
            }

            ._img-content-template.img-left-content-before .left-content-before,
            ._img-content-template.img-left-content-before .right-content-before,
            ._img-content-template.img-right-content-before .left-content-before,
            ._img-content-template.img-right-content-before .right-content-before {
                margin-bottom: 24px
            }

            ._img-content-template.img-message .group img {
                max-width: 408px !important
            }

            ._img-content-template.img-message .group .message {
                margin-top: -42px;
                width: 368px;
                height: 134px
            }

            ._img-content-template.img-message.img-left {
                gap: 64px
            }}

@media (min-width:1280px){._img-content-template.img-left [responsive-video],
            ._img-content-template.img-right [responsive-video] {
                width: 496px;
                height: auto
            }

            ._img-content-template.img-left {
                display: flex;
                flex-direction: row-reverse;
                gap: 72px
            }

            ._img-content-template.img-left [article-content] {
                flex: 1
            }

            ._img-content-template.img-left figure {
                flex: none
            }

            ._img-content-template.img-left figure img {
                max-width: 496px
            }

            ._img-content-template.img-left>figure {
                margin-top: 0
            }

            ._img-content-template.img-right [article-content]>h3 {
                max-width: 632px
            }

            ._img-content-template.img-right [article-content]>.content {
                display: flex;
                flex-flow: row;
                row-gap: 0;
                -moz-column-gap: 72px;
                column-gap: 72px
            }

            ._img-content-template.img-right [article-content]>.content:before {
                max-width: 632px
            }

            ._img-content-template.img-right [article-content]>.content .container {
                flex: 1
            }

            ._img-content-template.img-right [article-content]>.content figure {
                flex: none;
                display: block;
                margin-top: -72px
            }

            ._img-content-template.img-right [article-content]>.content figure [responsive-video],
            ._img-content-template.img-right [article-content]>.content figure img {
                max-width: 496px
            }

            ._img-content-template.img-right [article-content]:not(.no-line)>.content figure {
                margin-top: -96px
            }

            ._img-content-template.img-left-content-before,
            ._img-content-template.img-right-content-before {
                min-height: 360px
            }

            ._img-content-template.img-left-content-before .left-content-before,
            ._img-content-template.img-left-content-before .right-content-before,
            ._img-content-template.img-right-content-before .left-content-before,
            ._img-content-template.img-right-content-before .right-content-before {
                position: absolute;
                margin-bottom: 0;
                top: -72px
            }

            ._img-content-template.img-left-content-before .left-content-before img,
            ._img-content-template.img-left-content-before .right-content-before img,
            ._img-content-template.img-right-content-before .left-content-before img,
            ._img-content-template.img-right-content-before .right-content-before img {
                max-width: 496px
            }

            ._img-content-template.img-left-content-before {
                padding-left: 568px
            }

            ._img-content-template.img-left-content-before .left-content-before {
                left: 0;
                transform: translateX(-568px)
            }

            ._img-content-template.img-right-content-before {
                padding-right: 568px
            }

            ._img-content-template.img-right-content-before .right-content-before {
                right: 0;
                transform: translateX(568px)
            }

            ._img-content-template.no-margin [article-content]>.content figure {
                margin-top: 0
            }

            ._img-content-template.img-message .group img {
                max-width: inherit !important
            }

            ._img-content-template.img-message .group .message {
                margin-top: -52px;
                width: 531px;
                height: 194px
            }

            ._img-content-template.img-message.img-left {
                display: flex;
                flex-direction: row-reverse;
                gap: 72px
            }

            ._img-content-template.img-message.img-left>[article-content] {
                order: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column
            }}

[article-content]>h3{position: relative;
            font-size: 26px;
            line-height: 34px;
            letter-spacing: .78px;
            font-weight: 500;
            padding-bottom: 24px}

@media (min-width:768px){[article-content]>h3 {
                font-size: 30px;
                line-height: 38px;
                letter-spacing: .9px
            }}

@media (min-width:1280px){[article-content]>h3 {
                font-size: 42px;
                line-height: 48px;
                letter-spacing: 1.26px
            }}

[article-content]>h4{font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500;
            padding-bottom: 20px}

@media (min-width:768px){[article-content]>h4 {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){[article-content]>h4 {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

[article-content]>.content{position: relative;
            padding-top: 24px}

[article-content]>.content:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, #52525b, transparent)}

[article-content].deco:before{position: absolute;
            top: 0;
            width: 402px;
            height: 300px;
            background-size: auto 334px;
            z-index: 0;
            pointer-events: none;
            content: "";
            display: block;
            transform: translateX(-140px) translateY(-144px);
            opacity: .85;
            background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/article-content-deco.webp);
            background-position-x: 0;
            background-position-y: 0}

[article-content].deco[data-text]:before{width: 402px;
            height: 300px;
            transform: translateX(-140px) translateY(-100px)}

[article-content].deco[data-text]:after{position: absolute;
            left: -4px;
            top: -4px;
            right: auto;
            bottom: auto;
            content: attr(data-text);
            font-size: 100px;
            line-height: 100px;
            letter-spacing: -2px;
            opacity: .16;
            font-weight: 500;
            background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 90%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent}

[article-content].no-line>.content{border-top: 0;
            padding-top: 0}

[article-content].box{padding: 24px;
            border-radius: 16px;
            background-color: rgba(36, 36, 42, .5)}

[article-content].play-money{padding: 32px;
            background-color: hsla(0, 0%, 100%, .03);
            border-radius: 8px}

[article-content].play-money [text-content].article-content p+p,
        [article-content].play-money [text-content].article-content p+ul{margin-top: 0}

[article-content].card-detail-slider [text-content].article-content h5{font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            font-weight: 400;
            color: #fff}

@media (min-width:768px){[article-content].card-detail-slider [text-content].article-content h5 {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){[article-content].card-detail-slider [text-content].article-content h5 {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

[article-content].info-message p{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #d4d4d4}

@media (min-width:768px){[article-content].info-message p {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[article-content].info-message p {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[article-content].info-message p a{text-decoration: underline;
            color: #fff}

[article-content].info-message p>em{font-size: 22px;
            line-height: 28px;
            letter-spacing: .66px;
            font-weight: 500;
            color: #fff}

@media (min-width:768px){[article-content].info-message p>em {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){[article-content].info-message p>em {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: .84px
            }}

[article-content].info-message p>strong{font-weight: 500;
            color: #fee78a}

@media (min-width:768px){[article-content]>h6 {
                font-size: 20px;
                line-height: 24px;
                letter-spacing: .6px;
                font-weight: 500
            }

            [article-content].deco:before {
                transform: translateX(-200px) translateY(-195px);
                background-size: auto auto
            }

            [article-content].deco[data-text] {
                padding-top: 72px
            }

            [article-content].deco[data-text]:before {
                transform: translateX(-200px) translateY(-97.5px)
            }

            [article-content].deco[data-text]:after {
                top: -8px;
                font-size: 120px;
                line-height: 120px;
                letter-spacing: -2.4px
            }

            [article-content].box {
                padding: 32px
            }

            [article-content].card-detail-slider [text-content].article-content p+h5,
            [article-content].card-detail-slider [text-content].article-content p+p {
                margin-top: 16px
            }}

@media (min-width:768px) and (min-width:768px){[article-content]>h6 {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:768px) and (min-width:1280px){[article-content]>h6 {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

@media (min-width:1280px){[article-content]>h4 {
                padding-bottom: 24px
            }

            [article-content]>.content {
                padding-top: 24px
            }

            [article-content].deco[data-text] {
                padding-top: 96px
            }

            [article-content].deco[data-text]:after {
                left: -5px;
                top: -20px;
                right: auto;
                bottom: auto;
                font-size: 180px;
                line-height: 180px;
                letter-spacing: -3.6px
            }

            [article-content].box {
                padding: 56px
            }

            [article-content].card-detail-slider [text-content].article-content h5 {
                margin-top: 28px
            }

            [article-content].card-detail-slider [text-content].article-content h5+* {
                margin-top: 8px
            }

            [article-content].text-align-left {
                padding-right: 408px
            }

            [article-content].text-align-right {
                padding-left: 408px
            }

            [article-content].info-message {
                padding-right: 4px
            }}

@media (min-width:768px){[dir=rtl] [article-content].deco:before {
                transform: translateX(184px) translateY(-195px)
            }}

@media (min-width:1280px){[dir=rtl] [article-content].text-align-left {
                padding-left: 448px;
                padding-right: 0
            }

            [dir=rtl] [article-content].text-align-right {
                padding-left: 0;
                padding-right: 408px
            }}

[img-container]{display: inline-flex;
            align-items: center;
            border: 1px solid transparent;
            border-radius: 16px;
            width: 100%;
            overflow: hidden;
            background-origin: border-box;
            background-clip: content-box, border-box}

[aof-sit-go-how]{position: relative}

[aof-sit-go-how] [article-content].no-line>.content{padding-top: calc(72% + 20px)}

[aof-sit-go-how].img-left>figure{position: absolute;
            left: 0;
            top: 58px;
            right: auto;
            bottom: auto;
            right: 0;
            margin-top: 0}

@media (min-width:768px){[aof-sit-go-how] [article-content].no-line>.content {
                padding-top: 528px
            }

            [aof-sit-go-how].img-left>figure {
                top: 64px
            }}

@media (min-width:1280px){[aof-sit-go-how] [article-content].no-line>.content {
                padding-top: 0
            }

            [aof-sit-go-how].img-left>figure {
                position: static;
                top: 0
            }}

[aof-sit-stacks] [text-content].article-content{row-gap: 20px}

[aof-sit-stacks] [grid] img{display: block;
            width: 100%;
            height: auto;
            max-width: 704px;
            margin-left: auto;
            margin-right: auto;
            border-radius: 16px}

._grid{display: grid !important;
            grid-template-columns: repeat(1, minmax(0, 1fr))}

._grid.base{gap: 20px}

@media (min-width:1280px){._grid.base {
                gap: 24px
            }}

._grid.gap-16{gap: 16px}

._grid.gap-24{gap: 24px}

._grid.gap-32{gap: 32px}

@media (min-width:1280px){._grid.gap-32 {
                gap: 24px
            }}

@media (min-width:414px){._grid[ml="1"] {
                grid-template-columns: repeat(1, minmax(0, 1fr)) !important
            }

            ._grid>[ml="1"] {
                grid-column: span 1/span 1 !important
            }

            ._grid>[ml-r="1"] {
                grid-row: span 1/span 1 !important
            }

            ._grid[ml="2"] {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }

            ._grid>[ml="2"] {
                grid-column: span 2/span 2 !important
            }

            ._grid>[ml-r="2"] {
                grid-row: span 2/span 2 !important
            }

            ._grid[ml="3"] {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important
            }

            ._grid>[ml="3"] {
                grid-column: span 3/span 3 !important
            }

            ._grid>[ml-r="3"] {
                grid-row: span 3/span 3 !important
            }

            ._grid[ml="4"] {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important
            }

            ._grid>[ml="4"] {
                grid-column: span 4/span 4 !important
            }

            ._grid>[ml-r="4"] {
                grid-row: span 4/span 4 !important
            }

            ._grid[ml="5"] {
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important
            }

            ._grid>[ml="5"] {
                grid-column: span 5/span 5 !important
            }

            ._grid>[ml-r="5"] {
                grid-row: span 5/span 5 !important
            }}

@media (min-width:768px){._grid[tp="1"] {
                grid-template-columns: repeat(1, minmax(0, 1fr)) !important
            }

            ._grid>[tp="1"] {
                grid-column: span 1/span 1 !important
            }

            ._grid>[tp-r="1"] {
                grid-row: span 1/span 1 !important
            }

            ._grid[tp="2"] {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }

            ._grid>[tp="2"] {
                grid-column: span 2/span 2 !important
            }

            ._grid>[tp-r="2"] {
                grid-row: span 2/span 2 !important
            }

            ._grid[tp="3"] {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important
            }

            ._grid>[tp="3"] {
                grid-column: span 3/span 3 !important
            }

            ._grid>[tp-r="3"] {
                grid-row: span 3/span 3 !important
            }

            ._grid[tp="4"] {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important
            }

            ._grid>[tp="4"] {
                grid-column: span 4/span 4 !important
            }

            ._grid>[tp-r="4"] {
                grid-row: span 4/span 4 !important
            }

            ._grid[tp="5"] {
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important
            }

            ._grid>[tp="5"] {
                grid-column: span 5/span 5 !important
            }

            ._grid>[tp-r="5"] {
                grid-row: span 5/span 5 !important
            }}

@media (min-width:1024px){._grid[tl="1"] {
                grid-template-columns: repeat(1, minmax(0, 1fr)) !important
            }

            ._grid>[tl="1"] {
                grid-column: span 1/span 1 !important
            }

            ._grid>[tl-r="1"] {
                grid-row: span 1/span 1 !important
            }

            ._grid[tl="2"] {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }

            ._grid>[tl="2"] {
                grid-column: span 2/span 2 !important
            }

            ._grid>[tl-r="2"] {
                grid-row: span 2/span 2 !important
            }

            ._grid[tl="3"] {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important
            }

            ._grid>[tl="3"] {
                grid-column: span 3/span 3 !important
            }

            ._grid>[tl-r="3"] {
                grid-row: span 3/span 3 !important
            }

            ._grid[tl="4"] {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important
            }

            ._grid>[tl="4"] {
                grid-column: span 4/span 4 !important
            }

            ._grid>[tl-r="4"] {
                grid-row: span 4/span 4 !important
            }

            ._grid[tl="5"] {
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important
            }

            ._grid>[tl="5"] {
                grid-column: span 5/span 5 !important
            }

            ._grid>[tl-r="5"] {
                grid-row: span 5/span 5 !important
            }}

@media (min-width:1280px){._grid[ds="1"] {
                grid-template-columns: repeat(1, minmax(0, 1fr)) !important
            }

            ._grid>[ds="1"] {
                grid-column: span 1/span 1 !important
            }

            ._grid>[ds-r="1"] {
                grid-row: span 1/span 1 !important
            }

            ._grid[ds="2"] {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }

            ._grid>[ds="2"] {
                grid-column: span 2/span 2 !important
            }

            ._grid>[ds-r="2"] {
                grid-row: span 2/span 2 !important
            }

            ._grid[ds="3"] {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important
            }

            ._grid>[ds="3"] {
                grid-column: span 3/span 3 !important
            }

            ._grid>[ds-r="3"] {
                grid-row: span 3/span 3 !important
            }

            ._grid[ds="4"] {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important
            }

            ._grid>[ds="4"] {
                grid-column: span 4/span 4 !important
            }

            ._grid>[ds-r="4"] {
                grid-row: span 4/span 4 !important
            }

            ._grid[ds="5"] {
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important
            }

            ._grid>[ds="5"] {
                grid-column: span 5/span 5 !important
            }

            ._grid>[ds-r="5"] {
                grid-row: span 5/span 5 !important
            }}

@media (min-width:1440px){._grid[dm="1"] {
                grid-template-columns: repeat(1, minmax(0, 1fr)) !important
            }

            ._grid>[dm="1"] {
                grid-column: span 1/span 1 !important
            }

            ._grid>[dm-r="1"] {
                grid-row: span 1/span 1 !important
            }

            ._grid[dm="2"] {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }

            ._grid>[dm="2"] {
                grid-column: span 2/span 2 !important
            }

            ._grid>[dm-r="2"] {
                grid-row: span 2/span 2 !important
            }

            ._grid[dm="3"] {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important
            }

            ._grid>[dm="3"] {
                grid-column: span 3/span 3 !important
            }

            ._grid>[dm-r="3"] {
                grid-row: span 3/span 3 !important
            }

            ._grid[dm="4"] {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important
            }

            ._grid>[dm="4"] {
                grid-column: span 4/span 4 !important
            }

            ._grid>[dm-r="4"] {
                grid-row: span 4/span 4 !important
            }

            ._grid[dm="5"] {
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important
            }

            ._grid>[dm="5"] {
                grid-column: span 5/span 5 !important
            }

            ._grid>[dm-r="5"] {
                grid-row: span 5/span 5 !important
            }}

._grid[m="1"]{grid-template-columns: repeat(1, minmax(0, 1fr))}

._grid>[m="1"]{grid-column: span 1/span 1}

._grid>[m-r="1"]{grid-row: span 1/span 1}

@media (min-width:1680px){._grid[dl="1"] {
                grid-template-columns: repeat(1, minmax(0, 1fr)) !important
            }

            ._grid>[dl="1"] {
                grid-column: span 1/span 1 !important
            }

            ._grid>[dl-r="1"] {
                grid-row: span 1/span 1 !important
            }}

._grid[m="2"]{grid-template-columns: repeat(2, minmax(0, 1fr))}

._grid>[m="2"]{grid-column: span 2/span 2}

._grid>[m-r="2"]{grid-row: span 2/span 2}

@media (min-width:1680px){._grid[dl="2"] {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }

            ._grid>[dl="2"] {
                grid-column: span 2/span 2 !important
            }

            ._grid>[dl-r="2"] {
                grid-row: span 2/span 2 !important
            }}

._grid[m="3"]{grid-template-columns: repeat(3, minmax(0, 1fr))}

._grid>[m="3"]{grid-column: span 3/span 3}

._grid>[m-r="3"]{grid-row: span 3/span 3}

@media (min-width:1680px){._grid[dl="3"] {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important
            }

            ._grid>[dl="3"] {
                grid-column: span 3/span 3 !important
            }

            ._grid>[dl-r="3"] {
                grid-row: span 3/span 3 !important
            }}

._grid[m="4"]{grid-template-columns: repeat(4, minmax(0, 1fr))}

._grid>[m="4"]{grid-column: span 4/span 4}

._grid>[m-r="4"]{grid-row: span 4/span 4}

@media (min-width:1680px){._grid[dl="4"] {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important
            }

            ._grid>[dl="4"] {
                grid-column: span 4/span 4 !important
            }

            ._grid>[dl-r="4"] {
                grid-row: span 4/span 4 !important
            }}

._grid[m="5"]{grid-template-columns: repeat(5, minmax(0, 1fr))}

._grid>[m="5"]{grid-column: span 5/span 5}

._grid>[m-r="5"]{grid-row: span 5/span 5}

@media (min-width:1680px){._grid[dl="5"] {
                grid-template-columns: repeat(5, minmax(0, 1fr)) !important
            }

            ._grid>[dl="5"] {
                grid-column: span 5/span 5 !important
            }

            ._grid>[dl-r="5"] {
                grid-row: span 5/span 5 !important
            }}

._grid>.col-1{grid-column: span 1/span 1}

._grid>.row-1{grid-row: span 1/span 1}

._grid>.col-2{grid-column: span 2/span 2}

._grid>.row-2{grid-row: span 2/span 2}

._grid>.col-3{grid-column: span 3/span 3}

._grid>.row-3{grid-row: span 3/span 3}

._grid>.col-4{grid-column: span 4/span 4}

._grid>.row-4{grid-row: span 4/span 4}

._grid>.col-5{grid-column: span 5/span 5}

._grid>.row-5{grid-row: span 5/span 5}

[aof-sit-shootout] [text-content].article-content{row-gap: 20px}

[aof-sit-shootout] [grid] img{display: block;
            width: 100%;
            height: auto;
            max-width: 704px;
            margin-left: auto;
            margin-right: auto}

[aof-sit-shootout] p{font-size: 20px;
            line-height: 24px;
            letter-spacing: .6px;
            font-weight: 500;
            font-weight: 400}

@media (min-width:768px){[aof-sit-shootout] p {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: .66px
            }}

@media (min-width:1280px){[aof-sit-shootout] p {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: .72px
            }}

[aof-sit-blind] [responsive-table] td,
        [aof-sit-blind] [responsive-table] th{width: 20%}

[aof-sit-blind] article{padding-bottom: 20px}

[aof-sit-blind] article p{margin-top: 8px}

[responsive-table].base .title{font-size: 16px;
            line-height: 24px;
            letter-spacing: .48px;
            font-weight: 500;
            color: #fff;
            padding-bottom: 8px;
            display: none}

@media (min-width:768px){[responsive-table].base .title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

@media (min-width:1280px){[responsive-table].base .title {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: .48px
            }}

[responsive-table].base .holder{overflow: auto;
            border-radius: 8px}

[responsive-table].base .holder::-webkit-scrollbar-thumb:hover,
        [responsive-table].base .holder::-webkit-scrollbar-track{background-color: transparent}

[responsive-table].base .holder::-webkit-scrollbar{width: 8px;
            height: 8px}

[responsive-table].base .holder::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 100%, .2);
            border-radius: 8px}

[responsive-table].base table{font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #d4d4d4;
            overflow: hidden;
            border-bottom: 1px solid #24242a}

@media (min-width:768px){[responsive-table].base table {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[responsive-table].base table {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[responsive-table].base thead th{padding-top: 0;
            padding-right: 32px;
            padding-bottom: 0;
            padding-left: 32px;
            height: 48px;
            background-color: #24242a;
            white-space: nowrap}

[responsive-table].base thead .-l,
        [responsive-table].base thead .-l th{border-left: 1px solid #53525b}

[responsive-table].base thead .-b,
        [responsive-table].base thead .-b th{border-bottom: 1px solid #53525b}

[responsive-table].base tbody td,
        [responsive-table].base tbody th{padding: 8px;
            text-align: center;
            color: #fff}

@media (min-width:768px){[responsive-table].base tbody td,
            [responsive-table].base tbody th,
            [responsive-table].base thead th {
                padding: 12px
            }}

[responsive-table].scroll-color{--responsive-table-theme-color: #000;
            --responsive-table-theme-color-line: var(--responsive-table-theme-color);
            --responsive-table-theme-color-line-header: #171717}

[responsive-table].scroll-color .holder{overflow-x: scroll;
            border-radius: 8px}

[responsive-table].scroll-color .holder::-webkit-scrollbar-thumb:hover,
        [responsive-table].scroll-color .holder::-webkit-scrollbar-track{background-color: transparent}

[responsive-table].scroll-color .holder::-webkit-scrollbar{width: 8px;
            height: 8px}

[responsive-table].scroll-color .holder::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 100%, .2);
            border-radius: 8px}

[responsive-table].scroll-color table{position: relative;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px;
            font-weight: 400;
            color: #fff}

@media (min-width:768px){[responsive-table].scroll-color table {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[responsive-table].scroll-color table {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[responsive-table].scroll-color td,
        [responsive-table].scroll-color th{padding-top: 24px;
            padding-right: 12px;
            padding-bottom: 24px;
            padding-left: 12px;
            text-align: center}

[responsive-table].scroll-color td.hidden-m-t,
        [responsive-table].scroll-color th.hidden-m-t{display: none}

[responsive-table].scroll-color td.hidden-d,
        [responsive-table].scroll-color th.hidden-d{display: table-cell}

[responsive-table].scroll-color thead th{padding-top: 12px;
            padding-bottom: 12px;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .54px;
            font-weight: 500;
            font-weight: 400;
            background-color: var(--responsive-table-theme-color)}

@media (min-width:768px){[responsive-table].scroll-color thead th {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: .54px
            }}

@media (min-width:1280px){[responsive-table].scroll-color thead th {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .6px
            }}

[responsive-table].scroll-color thead tr.transparent th{background-color: transparent;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .42px}

@media (min-width:768px){[responsive-table].scroll-color thead tr.transparent th {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px){[responsive-table].scroll-color thead tr.transparent th {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

[responsive-table].scroll-color thead .-l,
        [responsive-table].scroll-color thead .-l th{border-left: 1px solid var(--responsive-table-theme-color-line-header)}

[responsive-table].scroll-color thead .-b,
        [responsive-table].scroll-color thead .-b th{border-bottom: 1px solid var(--responsive-table-theme-color-line-header)}

[responsive-table].scroll-color tbody td,
        [responsive-table].scroll-color tbody th{border-bottom: 1px solid var(--responsive-table-theme-color-line)}

[responsive-table].scroll-color tbody .-b-none,
        [responsive-table].scroll-color tbody .-b-none td{border-bottom: 1px solid transparent}

[responsive-table].scroll-color.brown{--responsive-table-theme-color: #4e3818;
            --responsive-table-theme-color-line: var(--responsive-table-theme-color)}

[responsive-table].scroll-color.brown-dark{--responsive-table-theme-color: #5a2d35;
            --responsive-table-theme-color-line: #40172b}

[responsive-table].scroll-color.red-brown{--responsive-table-theme-color: #42241f;
            --responsive-table-theme-color-line: #42241f}

[responsive-table].scroll-color.gray{--responsive-table-theme-color: #24242a;
            --responsive-table-theme-color-line: #24242a;
            --responsive-table-theme-color-line-header: #3f3f46}

[responsive-table].scroll-color.gray-light{--responsive-table-theme-color: #d0d6d9;
            --responsive-table-theme-color-line: #a8adb0}

[responsive-table].scroll-color.gray-light-2{--responsive-table-theme-color: #24242a;
            --responsive-table-theme-color-line: #24242a}

[responsive-table].scroll-color.blue-gradient{--responsive-table-theme-color: #253358;
            --responsive-table-theme-color-line: transparent}

[responsive-table].scroll-color.blue-gradient .holder:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            right: auto;
            bottom: auto;
            width: 100%;
            height: 48px;
            background: linear-gradient(270deg, #253358 1.2%, rgba(37, 51, 88, 0) 102.32%);
            border-radius: 8px}

[responsive-table].scroll-color.in-scroll tbody tr,
        [responsive-table].scroll-color.in-scroll thead{display: table;
            width: 100%;
            box-sizing: border-box}

[responsive-table].scroll-color.in-scroll tbody{display: block;
            max-height: 100px;
            overflow-y: auto}

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-thumb:hover,
        [responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-track{background-color: transparent}

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar{width: 4px;
            height: 4px}

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-thumb{background-color: #54545f;
            border-radius: 8px}

[responsive-table].scroll-color.in-sticky .holder{max-height: 768px;
            overflow: auto}

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb:hover,
        [responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-track{background-color: transparent}

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar{width: 4px;
            height: 4px}

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb{background-color: #54545f;
            border-radius: 8px}

[responsive-table].scroll-color.in-sticky thead th{position: sticky;
            top: 0}

@media (min-width:1280px){[responsive-table].scroll-color.blue-gradient .holder:before {
                height: 54px
            }

            [responsive-table].scroll-color thead th {
                padding-top: 16px;
                padding-bottom: 16px;
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px;
                color: #d4d4d4
            }

            [responsive-table].scroll-color tr.hidden-d {
                display: none
            }

            [responsive-table].scroll-color td,
            [responsive-table].scroll-color th {
                padding-top: 16px;
                padding-right: 32px;
                padding-bottom: 16px;
                padding-left: 32px
            }

            [responsive-table].scroll-color td.hidden-m-t,
            [responsive-table].scroll-color th.hidden-m-t {
                display: table-cell
            }

            [responsive-table].scroll-color td.hidden-d,
            [responsive-table].scroll-color th.hidden-d {
                display: none
            }}

@media (min-width:1280px) and (min-width:768px){[responsive-table].scroll-color thead th {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px) and (min-width:1280px){[responsive-table].scroll-color thead th {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:768px){[responsive-table].mobile-height.scroll-color .holder {
                max-height: 768px
            }}

@media (min-width:1280px){[responsive-table].mobile-height.scroll-color .holder {
                max-height: 912px
            }}

[aof-sit-prize] [grid]{gap: 24px}

[aof-sit-prize] [responsive-table] td,
        [aof-sit-prize] [responsive-table] th{width: 20%}

[aof-sit-prize] article{padding-bottom: 24px}

[aof-sit-prize] article p{margin-top: 8px}

@media (min-width:768px){[aof-sit-prize] article {
                padding-bottom: 16px
            }}

[section-limitations]{position: relative;
            z-index: 1}

[section-limitations] .message{color: #a3a3a3;
            margin-bottom: -16px}

[page-prev-next]{display: flex;
            justify-content: space-between;
            gap: 8px}

[section-terms-conditions]{position: relative;
            background-color: #09090b;
            padding: 24px}

[section-terms-conditions] [text-content].base a{color: #fff;
            text-decoration: underline}

[section-terms-conditions] [text-content].base ul{margin-top: 8px;
            margin-bottom: 24px}

@media (min-width:1280px){[section-terms-conditions] {
                padding-top: 40px;
                padding-right: 0;
                padding-bottom: 40px;
                padding-left: 0
            }

            [section-terms-conditions] [text-content].base h6 {
                margin-bottom: 24px
            }

            [section-terms-conditions] [text-content].base h6:first-of-type {
                margin-bottom: 0
            }

            [section-terms-conditions] [text-content].base ul {
                margin-top: 8px;
                margin-bottom: 24px
            }}

._app-footer{position: relative;
            background-color: #000}

._app-footer:before{content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: -1px;
            height: 2px;
            background-image: url(#d30000);
            background: linear-gradient(90deg, transparent 15%, #d30101 50%, transparent 85%)}

._app-footer .footer-social{padding-top: 24px;
            padding-right: 24px;
            padding-bottom: 24px;
            padding-left: 24px;
            width: 100%;
            border-bottom: 1px solid #24242a}

._app-footer .footer-social ._social{justify-content: center;
            gap: 20px}

._app-footer .footer-copyright .inner{padding: 24px;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: .36px;
            font-weight: 400;
            color: #a3a3a3}

@media (min-width:768px){._app-footer .footer-copyright .inner {
                font-size: 12px;
                line-height: 18px;
                letter-spacing: .36px
            }}

@media (min-width:1280px){._app-footer .footer-copyright .inner {
                font-size: 12px;
                line-height: 18px;
                letter-spacing: .36px
            }}

@media (min-width:768px){._app-footer {
                display: flex;
                flex-wrap: wrap
            }

            ._app-footer .footer-social {
                padding-top: 16px;
                padding-right: 56px;
                padding-bottom: 16px;
                padding-left: 56px
            }

            ._app-footer .footer-social ._social {
                justify-content: flex-end;
                width: 280px;
                margin-left: auto
            }}

@media (min-width:1280px){._app-footer {
                display: block
            }

            ._app-footer .footer-social {
                padding-right: 0;
                padding-left: 0;
                display: block
            }

            ._app-footer .footer-social ._social {
                transform: translateX(0)
            }

            ._app-footer .footer-copyright .inner {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px;
                padding-right: 0;
                padding-left: 0
            }}

@media (min-width:1280px) and (min-width:768px){._app-footer .footer-copyright .inner {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@media (min-width:1280px) and (min-width:1280px){._app-footer .footer-copyright .inner {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .42px
            }}

@keyframes rotation{0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(1turn)
            }}

@keyframes scaleSvg{0% {
                transform: scale(1)
            }

            50% {
                transform: scale(1.15)
            }

            to {
                transform: scale(1)
            }}

._app-quick{position: fixed;
            right: 24px;
            bottom: 28px;
            left: auto;
            top: auto;
            z-index: 10;
            display: flex;
            align-items: flex-end;
            flex-direction: column;
            gap: 12px;
            pointer-events: none;
            transition: opacity .25s ease-in-out 0s}

._app-quick.hidden{opacity: 0;
            visibility: hidden}

._app-quick>._color-button{width: 40px;
            height: 40px;
            pointer-events: auto;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .64px;
            font-weight: 500}

._app-quick .btn-chat,
        ._app-quick .btn-top{transition: width .25s ease-in-out, height .25s ease-in-out, background-color .25s ease-in-out, border-color .24s ease-in-out}

.no-touch ._app-quick .btn-chat:hover:not(.hover-disable),
        .no-touch ._app-quick .btn-top:hover:not(.hover-disable){background-color: #c00000}

.no-touch ._app-quick .btn-chat:active:not(.hover-disable),
        .no-touch ._app-quick .btn-top:active:not(.hover-disable){background-color: #960000}

._app-quick .btn-chat.loading{position: relative;
            pointer-events: none}

._app-quick .btn-chat.loading:before{content: "";
            display: block;
            position: absolute;
            left: -3px;
            top: -3px;
            right: auto;
            bottom: auto;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            border: 3px solid transparent;
            border-radius: 50%;
            animation: rotation .65s linear infinite;
            border-bottom-color: #c00000;
            pointer-events: none}

._app-quick .btn-download{padding: 0;
            transition: width .25s ease-in-out, padding .25s ease-out, background-color .25s ease-in-out, border-color .24s ease-in-out}

._app-quick .btn-download>span{opacity: 0;
            transition: opacity .25s ease-out .25s}

._app-quick .btn-download.on,
        .no-touch ._app-quick .btn-download:hover:not(.hover-disable){width: 180px;
            padding-left: 16px;
            padding-right: 24px}

._app-quick .btn-download.on>span,
        .no-touch ._app-quick .btn-download:hover:not(.hover-disable)>span{display: inline-block;
            opacity: 1}

@media (min-width:768px){._app-quick.hidden {
                opacity: 1;
                visibility: visible
            }}

@media (min-width:1280px){._app-quick {
                gap: 16px
            }}

[app-header].on~[app-quick],
        div.modalContainer.sidebarMinimized{display: none}

.dockableContainer button lightning-primitive-icon svg{position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)}

.dockableContainer button:hover:before{top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            left: 0 !important}

[april-giveaway]{background-color: #3a4f25}

[april-giveaway] ._page-container{background-color: transparent;
    padding-top: 0}

[april-giveaway] [key-visual-tournaments][section-container].event{min-height: auto}

[april-giveaway] [key-visual-tournaments][section-container].event .title{top: 235px}

[april-giveaway] [key-visual-tournaments][section-container].event .inner{padding-top: 408px}

[april-giveaway] [key-visual-tournaments][section-container].event .contents:after{display: none}

[april-giveaway] .common-article .date{display: inline-flex;
    height: 54px}

[april-giveaway] .common-article .date:after,
[april-giveaway] .common-article .date:before{content: "";
    display: block;
    width: 37px;
    height: 100%;
    background-color: #e3a655;
    pointer-events: none}

[april-giveaway] .common-article .date:before{background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/march_giveaway_date_deco_l.webp) 0 0/cover no-repeat}

[april-giveaway] .common-article .date:after{background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/march_giveaway_date_deco_r.webp) 0 0/cover no-repeat}

[april-giveaway] .common-article .date span{position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 250px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/march_giveaway_date_deco_bg.webp) 50% 50%/cover repeat-x}

@media (min-width:768px){[april-giveaway] .common-article .date span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[april-giveaway] .common-article .date span {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[april-giveaway] .common-article .date+h3{margin-top: 24px}

[april-giveaway] .common-article>h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[april-giveaway] .common-article>h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[april-giveaway] .common-article>h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[april-giveaway] .common-article>h3 span{font-weight: 700;
    background: linear-gradient(180deg, #ab610b, #ffd16d 30%, #fffc9b 50%, #ffd16d 70%, #ab610b);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

[april-giveaway] .common-article>p{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #ffe87f;
    margin-top: 24px}

@media (min-width:768px){[april-giveaway] .common-article>p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[april-giveaway] .common-article>p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[april-giveaway] .common-article>.deco{display: flex;
    align-items: center;
    height: 12px;
    margin-top: 24px;
    margin-bottom: 24px}

[april-giveaway] .common-article>.deco:before{content: "";
    display: block;
    flex: 1;
    height: 1px;
    background: #415837}

[april-giveaway] .common-article>.deco img{flex: none;
    max-width: 100%}

[april-giveaway] .april-giveaway-limitation{margin-left: auto;
    margin-right: auto}

[april-giveaway] .april-giveaway-limitation h5{color: #fff}

[april-giveaway] .april-giveaway-limitation h6{font-size: 14px}

[april-giveaway] .april-giveaway-limitation [text-content].article-content ul.small li{color: #d4d4d4}

@media (min-width:768px){[april-giveaway] ._page-container {
        padding-top: 64px
    }

    [april-giveaway] .common-article .date span {
        min-width: 310px
    }

    [april-giveaway] [key-visual-tournaments][section-container].event .title {
        top: 298px
    }

    [april-giveaway] [key-visual-tournaments][section-container].event .inner {
        padding-top: 528px
    }}

@media (min-width:1280px){[april-giveaway] ._page-container {
        padding-top: 80px
    }

    [april-giveaway] [key-visual-tournaments][section-container].primary .bg-holder img:not(.logo) {
        -o-object-position: bottom;
        object-position: bottom
    }

    [april-giveaway] [key-visual-tournaments][section-container].event .title {
        top: 288px
    }

    [april-giveaway] [key-visual-tournaments][section-container].event .inner {
        padding-top: 884px
    }

    [april-giveaway] .april-giveaway-limitation {
        width: 1200px
    }}

[tournaments-template-event] [page-container]>.inner{display: flex;
    flex-direction: column;
    gap: 56px}

[tournaments-template-event] [key-visual-tournaments] [slider]:not(.not) .swiper-slide{width: auto;
    max-width: none;
    margin-right: 16px}

@media (min-width:768px){[tournaments-template-event] [key-visual-tournaments] [slider]:not(.not) .swiper-wrapper {
        transform: none !important;
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(3, auto);
        gap: 24px
    }

    [tournaments-template-event] [key-visual-tournaments] [slider]:not(.not) .swiper-wrapper .swiper-slide {
        margin-right: 0
    }

    [tournaments-template-event] [key-visual-tournaments] [slider]:not(.not)[col="4"] .swiper-wrapper {
        grid-template-columns: repeat(4, auto)
    }

    [tournaments-template-event] [page-container]>.inner {
        gap: 64px
    }}

@media (min-width:1280px){[tournaments-template-event] [page-container]>.inner {
        gap: 128px
    }}

[key-visual-tournaments][section-container] .slider-area{margin-bottom: 56px}

[key-visual-tournaments][section-container] .slider-area .swiper-slide{width: auto}

[key-visual-tournaments][section-container] .slider-area .swiper-container{overflow: visible}

[key-visual-tournaments][section-container].primary{height: 760px}

[key-visual-tournaments][section-container].primary:before{display: none}

[key-visual-tournaments][section-container].primary .bg-holder{max-height: 352px;
    text-align: center}

[key-visual-tournaments][section-container].primary .bg-holder img{position: absolute;
    left: 50%;
    transform: translateX(-50%)}

[key-visual-tournaments][section-container].primary .bg-holder img:not(.logo){bottom: 0}

[key-visual-tournaments][section-container].primary .bg-holder img.logo{top: 100px;
    width: 375px;
    height: auto;
    -o-object-fit: inherit;
    object-fit: inherit;
    max-width: 100%}

[key-visual-tournaments][section-container].primary .contents:before{display: none}

[key-visual-tournaments][section-container].primary .inner{padding-bottom: 0}

[key-visual-tournaments][section-container].primary .description{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    text-align: center;
    min-height: 72px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding-top: 35px}

@media (min-width:768px){[key-visual-tournaments][section-container].primary .description {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[key-visual-tournaments][section-container].primary .description {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }}

[key-visual-tournaments][section-container].primary .contents:after{display: none}

[key-visual-tournaments][section-container].event{height: auto;
    min-height: 777px;
    text-align: center}

[key-visual-tournaments][section-container].event .slider-area{margin-bottom: 0}

[key-visual-tournaments][section-container].event .inner{padding-top: 464px}

[key-visual-tournaments][section-container].event .title{position: absolute;
    left: 0;
    top: 323px;
    right: auto;
    bottom: auto;
    text-align: left}

[key-visual-tournaments][section-container].event .title h2{position: relative;
    text-transform: inherit}

[key-visual-tournaments][section-container].event .title h2 span{display: block}

[key-visual-tournaments][section-container].event .title small{margin-top: 8px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[key-visual-tournaments][section-container].event .title small {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[key-visual-tournaments][section-container].event .title small {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[key-visual-tournaments][section-container].event .bg-holder{max-height: 352px}

[key-visual-tournaments][section-container].event .contents:after{display: block;
    bottom: auto;
    top: 224px;
    background: linear-gradient(0deg, #18181b 34.5%, transparent 91.5%)}

@media (min-width:768px){[key-visual-tournaments][section-container] .slider-area {
        margin-bottom: 64px
    }

    [key-visual-tournaments][section-container].primary {
        height: 866px
    }

    [key-visual-tournaments][section-container].primary .bg-holder {
        max-height: 528px;
        overflow: visible
    }

    [key-visual-tournaments][section-container].primary .bg-holder img.logo {
        top: 127px;
        width: 449px
    }

    [key-visual-tournaments][section-container].primary .description {
        max-width: 536px;
        min-height: 90px
    }

    [key-visual-tournaments][section-container].primary .contents:after {
        display: none
    }

    [key-visual-tournaments][section-container].event {
        height: auto;
        min-height: 858px
    }

    [key-visual-tournaments][section-container].event .inner {
        padding-top: 546px
    }

    [key-visual-tournaments][section-container].event .title {
        top: 310px
    }

    [key-visual-tournaments][section-container].event .bg-holder {
        max-height: 528px
    }}

@media (min-width:1280px){[key-visual-tournaments][section-container] .slider-area {
        margin-bottom: 128px
    }

    [key-visual-tournaments][section-container].primary {
        height: 1254px
    }

    [key-visual-tournaments][section-container].primary .bg-holder {
        max-height: 884px
    }

    [key-visual-tournaments][section-container].primary .bg-holder img.logo {
        top: 216px;
        width: 688px
    }

    [key-visual-tournaments][section-container].primary .description {
        max-width: 800px;
        min-height: 126px;
        padding-top: 0
    }

    [key-visual-tournaments][section-container].event {
        height: auto;
        min-height: 1042px
    }

    [key-visual-tournaments][section-container].event .inner {
        padding-top: 767px
    }

    [key-visual-tournaments][section-container].event .title {
        top: 288px
    }

    [key-visual-tournaments][section-container].event .bg-holder {
        max-height: 884px
    }}

[dir=rtl] [key-visual-tournaments][section-container] .title{left: auto;
    right: 0;
    text-align: right}

[anchor-container]{padding-top: var(--anchor-gap);
    margin-top: calc(var(--anchor-gap)*-1)}

@media (min-width:768px){[anchor-container] {
        padding-top: var(--anchor-gap-t);
        margin-top: calc(var(--anchor-gap-t)*-1)
    }}

@media (min-width:1280px){[anchor-container] {
        padding-top: var(--anchor-gap-d);
        margin-top: calc(var(--anchor-gap-d)*-1)
    }}

[april-giveaway-overview]{position: relative;
    border-radius: 16px;
    border: 2px solid #af8a40}

[april-giveaway-overview]:after,
[april-giveaway-overview]:before{content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    z-index: 1}

[april-giveaway-overview]:before{right: -2px;
    top: -2px;
    left: auto;
    bottom: auto;
    width: 90px;
    height: 44px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/march_giveaway_giveaway_deco_r.webp) 0 0/cover no-repeat}

[april-giveaway-overview]:after{left: -2px;
    bottom: -2px;
    right: auto;
    top: auto;
    width: 120px;
    height: 28px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/march_giveaway_giveaway_deco_l.webp) 0 0/cover no-repeat}

[april-giveaway-overview] s.light{position: relative;
    display: flex;
    align-self: center}

[april-giveaway-overview] s.light:after,
[april-giveaway-overview] s.light:before{content: "";
    display: block;
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, #e8d199 50%, transparent)}

[april-giveaway-overview] s.light:first-of-type{margin-top: -2px}

[april-giveaway-overview] s.light:nth-of-type(2){margin-bottom: -2px}

[april-giveaway-overview] .holder{border-radius: 8px;
    margin: 6px;
    background-color: #2f401e;
    padding-top: 56px;
    padding-right: 16px;
    padding-bottom: 56px;
    padding-left: 16px}

[april-giveaway-overview] .overview{text-align: center;
    padding: 40px;
    background-color: rgba(255, 252, 177, .08);
    border-radius: 8px;
    margin-bottom: 32px}

[april-giveaway-overview] .overview .money{position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 218px;
    height: 48px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_giveaway_deco_title.webp) 50% 50%/cover no-repeat}

[april-giveaway-overview] .overview .money span{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    background: linear-gradient(180deg, #ab610b, #ffd16d 30%, #fffc9b 50%, #ffd16d 70%, #ab610b);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

@media (min-width:768px){[april-giveaway-overview] .overview .money span {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){[april-giveaway-overview] .overview .money span {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

[april-giveaway-overview] .overview h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[april-giveaway-overview] .overview h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[april-giveaway-overview] .overview h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[april-giveaway-overview] .overview p{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #ffe87f;
    margin-top: 4px}

@media (min-width:768px){[april-giveaway-overview] .overview p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[april-giveaway-overview] .overview p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[april-giveaway-overview] .group{position: relative}

[april-giveaway-overview] .group .box-items{text-align: center}

[april-giveaway-overview] .group h4{text-align: center;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

[april-giveaway-overview] .group h4 span{background: linear-gradient(180deg, #eec261 10.42%, #fffcae 48.96%, #f29d26 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: .9px;
    font-weight: 700;
    color: #fff}

[april-giveaway-overview] .group p{display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    padding-top: 4px;
    padding-right: 24px;
    padding-bottom: 4px;
    padding-left: 24px;
    border-radius: 8px;
    background-color: rgba(255, 252, 177, .08);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[april-giveaway-overview] .group p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[april-giveaway-overview] .group p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[april-giveaway-overview] .group+.group{padding-top: 64px}

[april-giveaway-overview] .group+.group:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 32px;
    right: auto;
    bottom: auto;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #728c3b 50%, transparent)}

[april-giveaway-overview] .ksop .box-items img,
[april-giveaway-overview] .wsop .box-items img{width: 279px;
    height: 110px}

[april-giveaway-overview] .world .box-items{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px}

[april-giveaway-overview] .world .box-items img{width: 106px;
    height: 96px}

[april-giveaway-overview] .world .box-items .item{display: flex;
    flex-direction: column}

[april-giveaway-overview] .world .box-items .item figure{flex: 1}

[april-giveaway-overview] .world .box-items .item p{width: 100%;
    height: 100%}

[april-giveaway-overview] .flipouts .box-items img{width: 279px;
    height: auto}

[april-giveaway-overview] .newcomers .box-items{margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    text-align: center}

[april-giveaway-overview] .newcomers .box-items img{width: 157px;
    height: 109px}

[april-giveaway-overview] .newcomers s{display: block;
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_giveaway_newcomers_plus.webp) 0 0/contain no-repeat}

@media (min-width:768px){[april-giveaway-overview]:before {
        width: 130px;
        height: 64px
    }

    [april-giveaway-overview]:after {
        width: 240px;
        height: 56px
    }

    [april-giveaway-overview] .holder {
        padding-top: 80px;
        padding-right: 24px;
        padding-bottom: 80px;
        padding-left: 24px
    }

    [april-giveaway-overview] .overview {
        margin-bottom: 40px
    }

    [april-giveaway-overview] .overview .money {
        width: 400px;
        height: 88px
    }

    [april-giveaway-overview] .group h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }

    [april-giveaway-overview] .group h4 span {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }

    [april-giveaway-overview] .ksop .box-items img,
    [april-giveaway-overview] .wsop .box-items img {
        width: 455px;
        height: 180px
    }

    [april-giveaway-overview] .ksop .box-items p,
    [april-giveaway-overview] .wsop .box-items p {
        max-width: 400px
    }

    [april-giveaway-overview] .world .box-items {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        padding-right: 75px;
        padding-left: 75px
    }

    [april-giveaway-overview] .world .box-items .item img {
        width: 142px;
        height: 128px
    }

    [april-giveaway-overview] .world .box-items .item:nth-of-type(7),
    [april-giveaway-overview] .world .box-items .item:nth-of-type(8) {
        transform: translateX(50%)
    }

    [april-giveaway-overview] .world .box-items.GGPDE {
        padding-right: 0;
        padding-left: 0
    }

    [april-giveaway-overview] .flipouts .box-items img {
        width: 455px;
        height: auto
    }

    [april-giveaway-overview] .flipouts .box-items p {
        max-width: 400px
    }

    [april-giveaway-overview] .newcomers .box-items {
        display: flex;
        flex-flow: row
    }

    [april-giveaway-overview] .newcomers .box-items img {
        width: 156px;
        height: 110px
    }}

@media (min-width:1280px){[april-giveaway-overview]:before {
        width: 224px;
        height: 111px
    }

    [april-giveaway-overview]:after {
        width: 376px;
        height: 89px
    }

    [april-giveaway-overview] .holder {
        padding-bottom: 80px;
        padding-right: 72px;
        padding-left: 72px
    }

    [april-giveaway-overview] .group h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }

    [april-giveaway-overview] .group h4 span {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }

    [april-giveaway-overview] .ksop .box-items img,
    [april-giveaway-overview] .wsop .box-items img {
        width: 552px;
        height: 218px
    }

    [april-giveaway-overview] .world .box-items {
        padding-right: 0;
        padding-left: 0;
        -moz-column-gap: 24px;
        column-gap: 24px;
        row-gap: 16px;
        grid-template-columns: repeat(4, 1fr)
    }

    [april-giveaway-overview] .world .box-items .item img {
        width: 200px;
        height: 180px
    }

    [april-giveaway-overview] .world .box-items .item:nth-of-type(7),
    [april-giveaway-overview] .world .box-items .item:nth-of-type(8) {
        transform: translateX(0)
    }

    [april-giveaway-overview] .world .box-items.GGPDE {
        grid-template-columns: repeat(3, 1fr);
        padding-right: 136px;
        padding-left: 136px
    }

    [april-giveaway-overview] .flipouts .box-items img {
        width: 552px;
        height: auto
    }

    [april-giveaway-overview] .newcomers {
        padding-bottom: 40px
    }

    [april-giveaway-overview] .newcomers .box-items img {
        width: 257px;
        height: 180px
    }

    [april-giveaway-overview] .newcomers .box-items s {
        width: 32px;
        height: 32px
    }

    [april-giveaway-overview] .newcomers .box-items.GGPUA s {
        margin-right: 32px;
        margin-left: 32px
    }}

[april-giveaway-bounty-hunters] .image-container{width: 327px;
    height: 702px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 128px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_bounty_hunters_content.webp) 50% 0 no-repeat}

[april-giveaway-bounty-hunters] .image-container .image-data{width: 282px;
    height: 358px;
    background-color: #060606}

[april-giveaway-bounty-hunters] .image-container .image-data [responsive-table].scroll-color.in-sticky thead th{padding: 8px;
    font-size: 14px;
    border-radius: 0;
    background-color: #603518;
    color: #fff}

[april-giveaway-bounty-hunters] .image-container .image-data [responsive-table].scroll-color.in-sticky .holder{border-radius: 0;
    max-height: 358px}

[april-giveaway-bounty-hunters] .image-container .image-data [responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb{background-color: #2e2d2e;
    border-radius: 2px}

[april-giveaway-bounty-hunters] .image-container .image-data [responsive-table].scroll-color tbody td,
[april-giveaway-bounty-hunters] .image-container .image-data [responsive-table].scroll-color tbody th{padding: 8px;
    color: #fff;
    --responsive-table-theme-color-line: #603518}

[april-giveaway-bounty-hunters] .image-container .image-data [responsive-table].scroll-color tbody td:first-child,
[april-giveaway-bounty-hunters] .image-container .image-data [responsive-table].scroll-color tbody th:first-child{width: 40%}

[april-giveaway-bounty-hunters] .image-container.no-ambassador{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_bounty_hunters_content_GGPNL.webp)}

@media (min-width:768px){[april-giveaway-bounty-hunters] .image-container {
        width: 704px;
        height: 570px;
        padding-top: 124px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 293px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_bounty_hunters_content_t.webp)
    }

    [april-giveaway-bounty-hunters] .image-container .image-data {
        width: 392px;
        height: 358px
    }

    [april-giveaway-bounty-hunters] .image-container .image-data [responsive-table].scroll-color.in-sticky .holder {
        max-height: 358px
    }

    [april-giveaway-bounty-hunters] .image-container.no-ambassador {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_bounty_hunters_content_t_GGPNL.webp)
    }}

@media (min-width:1280px){[april-giveaway-bounty-hunters] .image-container {
        position: relative;
        width: 100%;
        height: 604px;
        padding-top: 151px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 651px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_bounty_hunters_content_d.webp)
    }

    [april-giveaway-bounty-hunters] .image-container .image-data {
        width: 474px
    }

    [april-giveaway-bounty-hunters] .image-container:after {
        content: "";
        display: block;
        position: absolute;
        right: -98px;
        bottom: 87px;
        left: auto;
        top: auto;
        width: 200px;
        height: 200px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_bounty_hunters_content_d_deco.webp) 50% 50%/cover no-repeat;
        pointer-events: none
    }

    [april-giveaway-bounty-hunters] .image-container.no-ambassador {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/april_giveaway_bounty_hunters_content_d_GGPNL.webp)
    }}

[april-giveaway-omaholic] .image-container{position: relative}

[april-giveaway-omaholic] .image-container p{position: relative;
    display: inline-flex;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border-radius: 8px;
    background-color: #226287;
    margin-right: 31px;
    margin-bottom: 22px}

[april-giveaway-omaholic] .image-container p:after{content: "";
    display: block;
    position: absolute;
    left: 24px;
    top: calc(100% - 1px);
    right: auto;
    bottom: auto;
    width: 13px;
    height: 22px;
    background-color: inherit;
    clip-path: polygon(0 0, 100% 100%, 100% 0)}

[april-giveaway-omaholic] .img-outer{margin-right: -24px;
    margin-left: -24px}

[april-giveaway-omaholic] .img-outer img{width: 100%;
    height: auto}

@media (min-width:768px){[april-giveaway-omaholic] .image-container p {
        margin-right: 0
    }

    [april-giveaway-omaholic] .img-outer {
        margin-right: 0;
        margin-left: 0
    }}

@media (min-width:1280px){[april-giveaway-omaholic] .image-container {
        margin-top: 6px
    }

    [april-giveaway-omaholic] .image-container p {
        position: absolute;
        left: 36px;
        top: 57px;
        right: auto;
        bottom: auto;
        margin-bottom: 0
    }}

[bubble-protection] .key-visual-group h2{text-shadow: 0 0 30px #564640, 0 0 70px #564640}

@media (min-width:1280px){[bubble-protection] [section-limitations] {
        position: relative;
        z-index: 1
    }}

[promotions-template] [page-container]{padding-top: 28px}

[promotions-template] [page-container]>.inner{display: flex;
    flex-direction: column;
    gap: 56px}

@media (min-width:768px){[promotions-template] [page-container]>.inner {
        gap: 64px
    }

    [promotions-template] .key-visual-group h2 {
        width: 600px
    }}

@media (min-width:1280px){[promotions-template] .key-visual-group {
        position: relative
    }

    [promotions-template] .key-visual-group [promotions-overview] {
        position: absolute;
        left: 0;
        top: 672px;
        right: auto;
        bottom: auto;
        right: 0;
        z-index: 3
    }

    [promotions-template] .key-visual-group:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: auto;
        top: auto;
        right: 0;
        z-index: -1;
        height: 400px;
        background: linear-gradient(0deg, #000 -6.5%, rgba(40, 40, 40, 0) 81.5%);
        z-index: 1
    }

    [promotions-template] .key-visual-group h2 {
        width: 100%
    }

    [promotions-template] [page-container] {
        padding-top: 40px
    }

    [promotions-template] [page-container]>.inner {
        gap: 128px
    }}

[bubble-protection-how]{position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[bubble-protection-how] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[bubble-protection-how] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[bubble-protection-how] h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 28px}

@media (min-width:768px){[bubble-protection-how] h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[bubble-protection-how] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[bubble-protection-how] .content{display: flex;
    flex-direction: column;
    row-gap: 20px}

[bubble-protection-how] .img-outer{text-align: center}

[bubble-protection-how] .img-outer img{width: 100%;
    height: auto}

[bubble-protection-how] h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[bubble-protection-how] h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[bubble-protection-how] h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[bubble-protection-how] ul{margin-top: -12px}

[bubble-protection-how] ul>li{position: relative;
    padding-left: 22px}

[bubble-protection-how] ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){[bubble-protection-how] ul>li {
        padding-left: 24px
    }}

[lang=ar] [bubble-protection-how] ul>li{padding-right: 22px}

[lang=ar] [bubble-protection-how] ul>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] [bubble-protection-how] ul>li {
        padding-right: 24px
    }}

@media (min-width:768px){[bubble-protection-how] .img-outer img {
        max-width: 704px
    }

    [bubble-protection-how] h4 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500
    }

    [bubble-protection-how] ul {
        margin-top: -8px
    }}

@media (min-width:768px) and (min-width:768px){[bubble-protection-how] h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:768px) and (min-width:1280px){[bubble-protection-how] h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

@media (min-width:1280px){[bubble-protection-how] {
        display: flex;
        flex-direction: column;
        height: 588px
    }

    [bubble-protection-how] h3 {
        padding-bottom: 16px
    }

    [bubble-protection-how] .img-outer {
        position: absolute;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto
    }

    [bubble-protection-how] .img-outer img {
        width: 604px;
        height: 604px
    }

    [bubble-protection-how] .content {
        z-index: 1;
        padding-right: 676px
    }

    [bubble-protection-how] .objects .obj {
        opacity: .15
    }

    [bubble-protection-how] .objects .obj:first-of-type {
        left: calc(100% - 270px);
        bottom: -456px;
        right: auto;
        top: auto
    }

    [bubble-protection-how] .objects .obj:nth-of-type(2) {
        right: calc(100% - 270px);
        top: -56px;
        left: auto;
        bottom: auto
    }

    [bubble-protection-how] .objects img {
        position: absolute;
        pointer-events: none
    }

    [bubble-protection-how] .objects img:first-of-type {
        left: calc(100% + 52px);
        bottom: -44px;
        right: auto;
        top: auto;
        max-width: 208px
    }

    [bubble-protection-how] .objects img:nth-of-type(2) {
        right: calc(100% + 42px);
        top: 264px;
        left: auto;
        bottom: auto;
        max-width: 323px
    }}

.objects{position: relative}

.objects img{display: none}

@media (min-width:1280px){.objects img {
        display: inline-block
    }}

._bg-object{display: none}

.loaded ._bg-object{position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    z-index: 0;
    pointer-events: none;
    display: none}

.loaded ._bg-object.base{width: 658px;
    height: 658px;
    background: radial-gradient(50% 50% at 50% 50%, var(--bg-object-color) 0, rgba(29, 31, 33, 0) 100%);
    opacity: .9}

.loaded ._bg-object.particle{width: 67px;
    height: 124px;
    transform: rotate(21.714);
    background: linear-gradient(177deg, rgba(211, 59, 59, .3) 44.54%, rgba(194, 83, 83, 0) 97.4%);
    mix-blend-mode: color-dodge;
    filter: blur(28.5px)}

.loaded ._bg-object.circle{width: 980px;
    height: 980px;
    opacity: .18;
    pointer-events: none;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, var(--bg-object-color) 0, var(--bg-object-color2) 100%)}

@media (min-width:1280px){.loaded ._bg-object {
        display: inline-block
    }}

[bubble-protection-tournaments] [text-content].article-content a{text-decoration: none}

[bubble-protection-tournaments] [slider] .swiper-container{overflow: visible}

[bubble-protection-tournaments] [slider] .swiper-slide{width: auto;
    max-width: none}

[bubble-protection-tournaments] a.item{position: relative;
    display: block;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 20px;
    padding-left: 12px;
    text-align: center;
    margin-right: 16px}

[bubble-protection-tournaments] a.item:before{content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5) 2.85%, #ddd 96.04%);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 16px;
    opacity: 0;
    pointer-events: none;
    transform: scale(1);
    transition: transform .25s ease-in-out, opacity .25s ease-out}

[bubble-protection-tournaments] a.item img{display: block;
    width: 180px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    transform: scale(1);
    transition: transform .35s ease-in-out 0s;
    transform-origin: center bottom}

[bubble-protection-tournaments] a.item p{display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding-bottom: 16px;
    flex-direction: column;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[bubble-protection-tournaments] a.item p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[bubble-protection-tournaments] a.item p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[bubble-protection-tournaments] a.item p span{display: block}

[bubble-protection-tournaments] a.item .icon{display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #52525b;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%}

[bubble-protection-tournaments] a.item .svg-icon{width: 24px;
    height: 24px}

[bubble-protection-tournaments] a.item .svg-icon path{stroke: #54545f}

.no-touch [bubble-protection-tournaments] a.item:hover:not(.hover-disable):before,
[bubble-protection-tournaments] a.item:active:before{opacity: .1;
    transform: scale(1.075)}

.no-touch [bubble-protection-tournaments] a.item:hover:not(.hover-disable) img,
[bubble-protection-tournaments] a.item:active img{transform: scale(1.05)}

.no-touch [bubble-protection-tournaments] a.item:hover:not(.hover-disable) .icon,
[bubble-protection-tournaments] a.item:active .icon{border: 1px solid #fff;
    background-color: #fff}

.no-touch [bubble-protection-tournaments] a.item:hover:not(.hover-disable) .svg-icon path path,
[bubble-protection-tournaments] a.item:active .svg-icon path path{stroke: #000}

@media (min-width:1280px){[bubble-protection-tournaments] [slider] .swiper-wrapper {
        justify-content: space-between;
        transform: none !important
    }

    [bubble-protection-tournaments] a.item {
        margin-right: 0
    }

    [bubble-protection-tournaments] a.item img {
        width: 200px;
        height: 200px
    }}

[bubble-protection-coverage] [responsive-table]{z-index: 1}

[bubble-protection-coverage] [responsive-table] td,
[bubble-protection-coverage] [responsive-table] th{width: 50%}

[bubble-protection-coverage] [responsive-table] tbody td{border-bottom: 1px solid #24242a}

@media (min-width:1280px){[bubble-protection-coverage] .objects .obj {
        opacity: .15
    }

    [bubble-protection-coverage] .objects .obj:first-of-type {
        left: calc(100% - 282px);
        top: 266px;
        right: auto;
        bottom: auto
    }

    [bubble-protection-coverage] .objects .obj:nth-of-type(2) {
        right: calc(100% - 253px);
        top: 741px;
        left: auto;
        bottom: auto
    }

    [bubble-protection-coverage] .objects img {
        position: absolute;
        pointer-events: none
    }

    [bubble-protection-coverage] .objects img:first-of-type {
        left: calc(100% + 20px);
        top: 404px;
        right: auto;
        bottom: auto;
        max-width: 366px
    }

    [bubble-protection-coverage] .objects img:nth-of-type(2) {
        right: calc(100% - 10px);
        top: 864px;
        left: auto;
        bottom: auto;
        max-width: 323px
    }}

[please-click-here] h3{font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    text-align: center;
    color: #d4d4d4;
    font-style: italic}

[please-click-here] .buttons{position: relative;
    margin-top: 28px;
    text-align: center}

[please-click-here] .buttons button{width: 100%;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500}

[please-click-here] .buttons button [font-icon]{transform: rotate(-45deg)}

[please-click-here].auto .buttons button{width: auto;
    max-width: none;
    max-width: inherit}

@media (min-width:768px){[please-click-here] h3 {
        font-size: 32px;
        line-height: 48px;
        letter-spacing: .32px
    }

    [please-click-here] .buttons button {
        max-width: 394px
    }}

[please-click-here] .buttons button{min-width: 282px}

@media (min-width:1280px){[please-click-here] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }

    [please-click-here] .buttons {
        margin-top: 32px
    }}

[daily-free-bie-reward]>.content{z-index: 1}

[daily-free-bie-reward] [grid] [card-num]{box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)}

@media (min-width:768px){[daily-free-bie-reward] ._grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }}

._grid{display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr))}

@media (min-width:1280px){._grid.base {
        gap: 24px
    }}

@media (min-width:1280px){._grid.gap-32 {
        gap: 24px
    }}

@media (min-width:414px){._grid[ml="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[ml="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[ml-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[ml="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[ml="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[ml-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[ml="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[ml="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[ml-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[ml="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[ml="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[ml-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[ml="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[ml="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[ml-r="5"] {
        grid-row: span 5/span 5 !important
    }}

@media (min-width:768px){._grid[tp="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[tp="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[tp-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[tp="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[tp="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[tp-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[tp="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[tp="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[tp-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[tp="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[tp="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[tp-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[tp="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[tp="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[tp-r="5"] {
        grid-row: span 5/span 5 !important
    }}

@media (min-width:1024px){._grid[tl="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[tl="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[tl-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[tl="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[tl="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[tl-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[tl="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[tl="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[tl-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[tl="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[tl="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[tl-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[tl="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[tl="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[tl-r="5"] {
        grid-row: span 5/span 5 !important
    }}

@media (min-width:1280px){._grid[ds="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[ds="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[ds-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[ds="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[ds="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[ds-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[ds="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[ds="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[ds-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[ds="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[ds="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[ds-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[ds="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[ds="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[ds-r="5"] {
        grid-row: span 5/span 5 !important
    }}

@media (min-width:1440px){._grid[dm="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[dm="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[dm-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[dm="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[dm="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[dm-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[dm="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[dm="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[dm-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[dm="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[dm="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[dm-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[dm="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[dm="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[dm-r="5"] {
        grid-row: span 5/span 5 !important
    }}

@media (min-width:1680px){._grid[dl="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[dl="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[dl-r="1"] {
        grid-row: span 1/span 1 !important
    }}

@media (min-width:1680px){._grid[dl="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[dl="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[dl-r="2"] {
        grid-row: span 2/span 2 !important
    }}

@media (min-width:1680px){._grid[dl="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[dl="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[dl-r="3"] {
        grid-row: span 3/span 3 !important
    }}

@media (min-width:1680px){._grid[dl="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[dl="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[dl-r="4"] {
        grid-row: span 4/span 4 !important
    }}

@media (min-width:1680px){._grid[dl="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[dl="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[dl-r="5"] {
        grid-row: span 5/span 5 !important
    }}

[card-num]{display: flex;
    flex-direction: column;
    border-radius: 16px;
    --card-num-color-start: #d4d4d4;
    --card-num-color-end: #d4d4d4}

[card-num] .img-outer{flex: none;
    overflow: hidden}

[card-num] .img-outer img{width: 100%;
    height: auto}

[card-num] .img-outer [responsive-video],
[card-num] .img-outer img{border-radius: 16px 16px 0 0}

[card-num] .info{flex: 1;
    padding: 24px;
    background: linear-gradient(180deg, #252528, #1d1d20 94.74%);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .15)}

[card-num] .info .num{position: relative;
    display: block;
    padding-bottom: 48px;
    white-space: nowrap}

[card-num] .info .num:after,
[card-num] .info .num:before{content: "";
    display: block;
    position: absolute}

[card-num] .info .num:before{left: 0;
    bottom: 24px;
    right: auto;
    top: auto;
    right: 0;
    height: 1px;
    background-color: #54545f}

[card-num] .info .num:after{left: 0;
    bottom: 23px;
    right: auto;
    top: auto;
    width: 44px;
    height: 2px;
    background-color: #a3a3a3}

[card-num] .info .num span{display: block;
    font-size: 46px;
    line-height: 46px;
    letter-spacing: -1.38px;
    font-weight: 300;
    font-style: italic;
    color: #d4d4d4}

[card-num] .info h4{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    margin-bottom: 8px}

@media (min-width:768px){[card-num] .info h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[card-num] .info h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[card-num] .info ul>li{position: relative;
    padding-left: 22px}

[card-num] .info ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){[card-num] .info ul>li {
        padding-left: 24px
    }}

[lang=ar] [card-num] .info ul>li{padding-right: 22px}

[lang=ar] [card-num] .info ul>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] [card-num] .info ul>li {
        padding-right: 24px
    }}

[card-num] .info ul li{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[card-num] .info ul li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[card-num] .info ul li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[card-num].blue,
[card-num].gray-light,
[card-num].green,
[card-num].purple{--card-num-color-start: #d4d4d4;
    --card-num-color-end: #d4d4d4}

@media (min-width:768px){[card-num] .info {
        padding: 32px
    }

    [card-num] .info .num {
        padding-bottom: 50px
    }

    [card-num] .info .num:before {
        bottom: 26px
    }

    [card-num] .info .num:after {
        bottom: 26px;
        width: 80px
    }

    [card-num] .info .num span {
        font-size: 68px;
        line-height: 68px;
        letter-spacing: -2.04px
    }}

@media (min-width:1280px){[card-num] .info .num span {
        font-size: 80px;
        line-height: 80px;
        letter-spacing: -2.4px
    }}

[daily-free-bie-claim] [responsive-table].m-tp td,
[daily-free-bie-claim] [responsive-table].m-tp th{width: 50%;
    padding-top: 17px;
    padding-bottom: 17px}

[daily-free-bie-claim] [responsive-table].m-tp tbody tr td span{display: block;
    text-align: center}

[daily-free-bie-claim] [responsive-table].m-tp tbody tr td span:first-of-type{padding-bottom: 17px}

[daily-free-bie-claim] [responsive-table].m-tp tbody tr td span:nth-of-type(2){padding-top: 0;
    padding-bottom: 0}

[daily-free-bie-claim] [responsive-table].m-tp tbody tr td span:nth-of-type(3){padding-top: 17px}

[daily-free-bie-claim] [responsive-table].m-tp tbody tr:nth-of-type(6){font-weight: 500;
    background: hsla(53, 98%, 77%, .025);
    box-shadow: inset 0 0 16px hsla(53, 98%, 77%, .12);
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px}

[daily-free-bie-claim] [responsive-table].m-tp tbody tr.not-active{background: none;
    box-shadow: none}

[daily-free-bie-claim] [responsive-table].ds{display: none}

@media (min-width:1280px){[daily-free-bie-claim] {
        min-height: 337px
    }

    [daily-free-bie-claim] [responsive-table].m-tp {
        display: none
    }

    [daily-free-bie-claim] [responsive-table].ds {
        display: block
    }

    [daily-free-bie-claim] [responsive-table].ds td,
    [daily-free-bie-claim] [responsive-table].ds th {
        width: 14.28571429%;
        padding-right: 16px;
        padding-left: 16px
    }

    [daily-free-bie-claim] [responsive-table].ds td:nth-of-type(6),
    [daily-free-bie-claim] [responsive-table].ds th:nth-of-type(6) {
        font-weight: 500
    }

    [daily-free-bie-claim] [responsive-table].ds thead th:nth-of-type(6) {
        background: hsla(53, 98%, 77%, .12)
    }

    [daily-free-bie-claim] [responsive-table].ds thead th:nth-of-type(6).not-active {
        background: var(--responsive-table-theme-color);
        box-shadow: none
    }

    [daily-free-bie-claim] [responsive-table].ds tbody tr:first-of-type td:nth-of-type(6) {
        box-shadow: inset 0 16px 16px -16px hsla(53, 98%, 77%, .12), inset -16px 0 16px -16px hsla(53, 98%, 77%, .12), inset 16px 0 16px -16px hsla(53, 98%, 77%, .12);
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
        background: hsla(53, 98%, 77%, .025)
    }

    [daily-free-bie-claim] [responsive-table].ds tbody tr:first-of-type td:nth-of-type(6).not-active {
        background: none;
        box-shadow: none
    }

    [daily-free-bie-claim] [responsive-table].ds tbody tr:nth-of-type(2) td:nth-of-type(6) {
        box-shadow: inset -16px 0 16px -16px hsla(53, 98%, 77%, .12), inset 16px 0 16px -16px hsla(53, 98%, 77%, .12);
        background: hsla(53, 98%, 77%, .03)
    }

    [daily-free-bie-claim] [responsive-table].ds tbody tr:nth-of-type(2) td:nth-of-type(6).not-active {
        background: none;
        box-shadow: none
    }

    [daily-free-bie-claim] [responsive-table].ds tbody tr:nth-of-type(3) td:nth-of-type(6) {
        box-shadow: inset 0 -16px 16px -16px hsla(53, 98%, 77%, .12), inset -16px 0 16px -16px hsla(53, 98%, 77%, .12), inset 16px 0 16px -16px hsla(53, 98%, 77%, .12);
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
        background: hsla(53, 98%, 77%, .025)
    }

    [daily-free-bie-claim] [responsive-table].ds tbody tr:nth-of-type(3) td:nth-of-type(6).not-active {
        background: none;
        box-shadow: none
    }

    [daily-free-bie-claim] .objects .obj {
        opacity: .2
    }

    [daily-free-bie-claim] .objects .obj:first-of-type {
        left: -705px;
        bottom: -342px;
        right: auto;
        top: auto
    }

    [daily-free-bie-claim] .objects .obj:nth-of-type(2) {
        left: 100%;
        bottom: -738px;
        right: auto;
        top: auto
    }

    [daily-free-bie-claim] .objects img {
        position: absolute;
        pointer-events: none
    }

    [daily-free-bie-claim] .objects img:first-of-type {
        right: calc(100% + 123px);
        bottom: 29px;
        left: auto;
        top: auto;
        filter: blur(4.5px)
    }

    [daily-free-bie-claim] .objects img:nth-of-type(2) {
        left: calc(100% + 101px);
        top: 201px;
        right: auto;
        bottom: auto
    }}

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}

[deposit-and-withdrawal-com] [section-container].primary h2{width: 330px}

@media (min-width:768px){[deposit-and-withdrawal-com] [section-container].primary h2 {
        width: 600px
    }}

@media (min-width:1280px){[deposit-and-withdrawal-com] [section-container].primary h2 {
        width: 100%;
        height: auto
    }}

@media (min-width:1280px){[daw-deposit]>[article-content]>.content ul {
        max-width: 560px
    }}

[flip-and-go-com] .group{display: flex;
    flex-direction: column;
    gap: 56px}

@media (min-width:768px){[flip-and-go-com] .group {
        gap: 64px
    }}

@media (min-width:1280px){[flip-and-go-com] [how-to-play-header] .title {
        max-width: 680px
    }

    [flip-and-go-com] .group {
        display: flex;
        flex-flow: row;
        gap: 24px
    }

    [flip-and-go-com] .group>* {
        flex: 1
    }}

[flip-and-go-step-1] figure{text-align: center;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto}

[flip-and-go-step-1] figure img{width: 100%;
    height: auto;
    border-radius: 16px}

[flip-and-go-step-1] .container>figure{margin-bottom: 20px}

[flip-and-go-step-1] [article-content]>.content{row-gap: 8px}

[flip-and-go-step-1] [article-content]>.content h5{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[flip-and-go-step-1] [article-content]>.content h5 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[flip-and-go-step-1] [article-content]>.content h5 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:768px){[flip-and-go-step-1] [article-content]>.content {
        row-gap: 24px
    }}

@media (min-width:1280px){[flip-and-go-step-1] .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0
    }

    [flip-and-go-step-1] .container>figure {
        width: 588px;
        margin-bottom: 48px
    }

    [flip-and-go-step-1] .container>[article-content] .article-content {
        gap: 8px
    }}

[step-title]{height: 64px;
    margin-bottom: 28px;
    padding-right: 16px;
    align-items: center;
    overflow: hidden;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(173, 100, 1, 0), rgba(181, 108, 1, .3) 61.32%, rgba(166, 93, 1, 0) 127.98%)}

[step-title],
[step-title]>em{position: relative;
    display: flex}

[step-title]>em{height: inherit;
    margin-right: 16px}

[step-title]>em span{display: flex;
    align-items: center;
    min-width: 130px;
    height: inherit;
    padding-left: 16px;
    padding-right: 40px;
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0 100%);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    font-weight: 300;
    color: #f4a951;
    white-space: nowrap;
    background: linear-gradient(281deg, #b56c01 -63.73%, rgba(181, 108, 1, 0) 134.51%)}

@media (min-width:768px){[step-title]>em span {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[step-title]>em span {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }}

[step-title]>em:after{content: "";
    display: block;
    position: absolute;
    right: -8px;
    top: 0;
    left: auto;
    bottom: auto;
    width: 34px;
    height: 100%;
    background-color: #6a440e;
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 30px 100%)}

[step-title]>h3{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    position: relative}

@media (min-width:768px){[step-title]>h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[step-title]>h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[step-title].braun{background: linear-gradient(90deg, rgba(163, 54, 34, 0), rgba(163, 54, 34, .3) 61.32%, rgba(163, 54, 34, 0) 127.98%)}

[step-title].braun>em span{color: #ff6b4a;
    background: linear-gradient(281deg, #a33622 -63.73%, rgba(163, 54, 34, 0) 134.51%)}

[step-title].braun>em:after{background-color: #782d21}

[step-title].braun-dark{background: linear-gradient(90deg, rgba(123, 9, 6, 0), rgba(123, 9, 6, .3) 61.32%, rgba(123, 9, 6, 0) 127.98%)}

[step-title].braun-dark>em span{color: #ff4853;
    background: linear-gradient(281deg, #7b0906 -63.73%, rgba(123, 9, 6, 0) 134.51%)}

[step-title].braun-dark>em:after{background-color: #550f0f}

@media (min-width:768px){[step-title] {
        height: 72px;
        margin-bottom: 24px
    }

    [step-title],
    [step-title]>em {
        background: linear-gradient(90deg, rgba(173, 100, 1, 0), rgba(181, 108, 1, .3) 47.92%, rgba(166, 93, 1, 0))
    }

    [step-title]>em {
        margin-right: 32px
    }

    [step-title]>em span {
        min-width: 250px;
        padding-left: 24px;
        background: linear-gradient(280deg, #b56c01, #18181c)
    }

    [step-title]>h3 {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: .78px;
        font-weight: 500
    }

    [step-title].braun {
        background: linear-gradient(90deg, rgba(163, 54, 34, 0), rgba(163, 54, 34, .3) 47.92%, rgba(163, 54, 34, 0) 98.96%)
    }

    [step-title].braun>em span {
        background: linear-gradient(280deg, #a33622, #18181c)
    }

    [step-title].braun-dark {
        background: linear-gradient(90deg, rgba(123, 9, 6, 0), rgba(123, 9, 6, .3) 47.92%, rgba(123, 9, 6, 0))
    }

    [step-title].braun-dark>em span {
        background: linear-gradient(280deg, #7b0906, #18181c)
    }}

@media (min-width:768px) and (min-width:768px){[step-title]>h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:768px) and (min-width:1280px){[step-title]>h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[step-title] {
        height: 88px
    }

    [step-title]>em {
        flex: none;
        min-width: 253px
    }

    [step-title]>em span {
        padding-left: 40px;
        background: linear-gradient(280deg, #b56c01, #18181c)
    }

    [step-title]>em:after {
        right: -6px
    }

    [step-title]>h3 {
        flex: 1;
        text-align: center;
        margin-right: 285px
    }}

[dir=rtl] [step-title]{padding-right: 0}

[dir=rtl] [step-title]>em{margin-right: 0;
    margin-left: 16px}

[dir=rtl] [step-title]>em span{padding-left: 40px;
    padding-right: 16px;
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%);
    background: linear-gradient(281deg, rgba(181, 108, 1, 0) -63.73%, #b56c01 134.51%)}

[dir=rtl] [step-title]>em:after{display: none}

[dir=rtl] [step-title]>h3{margin-right: 0}

[dir=rtl] [step-title].braun>em span{background: linear-gradient(281deg, #a33622 -63.73%, rgba(163, 54, 34, 0) 134.51%)}

[dir=rtl] [step-title].braun-dark>em span{background: linear-gradient(281deg, #7b0906 -63.73%, rgba(123, 9, 6, 0) 134.51%)}

@media (min-width:768px){[dir=rtl] [step-title]>em span {
        background: linear-gradient(280deg, #18181c, #b56c01)
    }

    [dir=rtl] [step-title].braun>em span {
        background: linear-gradient(280deg, #18181c, #a33622)
    }

    [dir=rtl] [step-title].braun-dark>em span {
        background: linear-gradient(280deg, #18181c, #7b0906)
    }}

[flip-and-go-step-3] figure{text-align: center;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto}

[flip-and-go-step-3] figure img{width: 100%;
    height: auto;
    border-radius: 16px}

[flip-and-go-step-3] .container>figure{margin-bottom: 20px}

[flip-and-go-step-3] [article-content]>.content{gap: 0}

[flip-and-go-step-3] [article-content]>.content h5{color: #fff}

[flip-and-go-step-3] [article-content]>.content h5+ul{margin-top: 8px}

[flip-and-go-step-3] [article-content]>.content [info-message]{margin-top: 20px}

@media (min-width:1280px){[flip-and-go-step-3] .container {
        display: flex;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    [flip-and-go-step-3] .container>figure {
        flex: none;
        width: 588px
    }

    [flip-and-go-step-3] .container>[article-content] {
        flex: 1
    }

    [flip-and-go-step-3] .container [info-message]:before {
        top: 50%;
        transform: translateY(-50%)
    }

    [flip-and-go-step-3] .container [info-message] span {
        padding-right: 130px
    }}

[info-message]{position: relative;
    line-height: 22px;
    border: 2px solid transparent;
    border-radius: 8px 0 0 24px;
    background-image: linear-gradient(#19191a, #19191a), linear-gradient(345deg, #18181b 50%, #3a3a3a);
    background-origin: border-box;
    background-clip: content-box, border-box}

[info-message] .svg-icon{position: absolute;
    left: 20px;
    top: 16px;
    right: auto;
    bottom: auto;
    width: 24px;
    height: 24px}

[info-message] .svg-icon path{stroke: #a3a3a3}

[info-message]>span{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 63px;
    font-weight: 300;
    font-style: italic}

@media (min-width:768px){[info-message]>span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[info-message]>span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:768px){[info-message] .svg-icon {
        left: 12px;
        top: 14px;
        right: auto;
        bottom: auto;
        width: 40px;
        height: 40px
    }

    [info-message]>span {
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 24px;
        padding-left: 60px;
        color: #fff
    }}

[flip-and-go-schedule]>.content{row-gap: 20px}

[flip-and-go-schedule] [info-message]{max-width: 546px}

@media (min-width:768px){[flip-and-go-schedule]>.content {
        row-gap: 24px
    }}

@media (min-width:1280px){[flip-and-go-schedule] {
        min-height: 196px
    }

    [flip-and-go-schedule]>.content p:first-of-type {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[flip-and-go-buy-in] [responsive-table]{margin-top: 20px}

[flip-and-go-buy-in] [responsive-table] table{border-bottom: 0}

[flip-and-go-buy-in] [responsive-table] td{width: 50%;
    border-bottom: 1px solid #24242a}

@media (min-width:1280px){[flip-and-go-buy-in] [article-content]>.content p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[dlb-flip-go-points]>.content .message strong{color: #fff}

[dlb-flip-go-points] [grid]{gap: 16px}

[dlb-flip-go-points] .item{box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3);
    border: 1px solid transparent;
    border-radius: 16px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(transparent, transparent), linear-gradient(161deg, #534334, #1d1d20 85.5%)}

[dlb-flip-go-points] .item .holder{height: 100%;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    border-radius: inherit;
    background: linear-gradient(161deg, #312b27 -9.99%, #252528 34.19%, #1d1d20 85.5%)}

[dlb-flip-go-points] .item .thumbnail{position: relative;
    border-radius: 8px;
    background: radial-gradient(50.19% 43.72% at 50% 46.01%, rgba(0, 0, 0, .87) 0, rgba(0, 0, 0, .6) 70.5%, rgba(0, 0, 0, .27) 100%);
    overflow: hidden}

[dlb-flip-go-points] .item .thumbnail:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, #9d5c1f 50%, transparent)}

[dlb-flip-go-points] .item .thumbnail-item{display: flex;
    justify-content: space-between}

[dlb-flip-go-points] .item .thumbnail-item .card-img figure{text-align: center}

[dlb-flip-go-points] .item .thumbnail-item .card-img figure img{width: 120px;
    height: 48px}

[dlb-flip-go-points] .item .thumbnail-item .card-img figure figcaption{display: block;
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #d4d4d4}

@media (min-width:768px){[dlb-flip-go-points] .item .thumbnail-item .card-img figure figcaption {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[dlb-flip-go-points] .item .thumbnail-item .card-img figure figcaption {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[dlb-flip-go-points] .item .thumbnail-item .card-info{display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 4px}

[dlb-flip-go-points] .item .thumbnail-item .card-info .buy-in{display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 73px;
    height: 25px;
    border-radius: 16px;
    background-color: #2f241e;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #e87c19}

@media (min-width:768px){[dlb-flip-go-points] .item .thumbnail-item .card-info .buy-in {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[dlb-flip-go-points] .item .thumbnail-item .card-info .buy-in {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[dlb-flip-go-points] .item .thumbnail-item .card-info .value{position: relative}

[dlb-flip-go-points] .item .thumbnail-item .card-info .value span{position: relative;
    z-index: 1;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    background: linear-gradient(0deg, #dc9e40 22.41%, #dcb868 37.4%, #f1d57d 59.87%, #fff4c6 64.3%, #e1be64 90.52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none}

@media (min-width:768px){[dlb-flip-go-points] .item .thumbnail-item .card-info .value span {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[dlb-flip-go-points] .item .thumbnail-item .card-info .value span {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

[dlb-flip-go-points] .item .info{text-align: center;
    padding-top: 40px}

[dlb-flip-go-points] .item .info h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[dlb-flip-go-points] .item .info h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[dlb-flip-go-points] .item .info h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[dlb-flip-go-points] .item .info p{margin-top: 16px}

[dlb-flip-go-points] .item.basic .thumbnail{background: radial-gradient(50.19% 43.72% at 50% 46.01%, rgba(107, 52, 0, .69) 0, rgba(164, 59, 0, .26) 38%, rgba(20, 7, 0, .17) 76.5%, rgba(0, 0, 0, .27) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 348px}

[dlb-flip-go-points] .item.basic .thumbnail strong{position: relative;
    font-size: 62px;
    line-height: 56px;
    letter-spacing: .62px;
    font-weight: 900;
    background: linear-gradient(0deg, #dc9e40 22.41%, #dcb868 37.4%, #f1d57d 59.87%, #fff4c6 64.3%, #e1be64 90.52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

@media (min-width:768px){[dlb-flip-go-points] .item.basic .thumbnail strong {
        font-size: 82px;
        line-height: 76px;
        letter-spacing: .82px
    }}

@media (min-width:1280px){[dlb-flip-go-points] .item.basic .thumbnail strong {
        font-size: 100px;
        line-height: 82px;
        letter-spacing: 1px
    }}

[dlb-flip-go-points] .item.basic .thumbnail strong:after{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -18.16px;
    right: auto;
    bottom: auto;
    width: 177px;
    height: 76.2px;
    transform: translateX(-50%);
    background: url(../../../ssl.gg-global-cdn.com/bd/front/img/web/dlb_flip_go_points_basic_deco.png) 50% 50%/cover no-repeat}

[dlb-flip-go-points] .item.basic .thumbnail span{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #e87c19}

@media (min-width:768px){[dlb-flip-go-points] .item.basic .thumbnail span {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[dlb-flip-go-points] .item.basic .thumbnail span {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[dlb-flip-go-points] .item.basic .thumbnail p{font-size: 20px;
    line-height: 24px;
    letter-spacing: .8px;
    font-weight: 500;
    color: #fff;
    margin-top: 16px}

[dlb-flip-go-points] .item.extra .thumbnail{height: 404px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 20px}

@media (min-width:414px){[dlb-flip-go-points] .item .thumbnail-item {
        max-width: 654px
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-img {
        flex: 1
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-info {
        flex: none;
        flex-direction: row;
        gap: 12px
    }}

@media (min-width:768px){[dlb-flip-go-points] .item .thumbnail-item {
        display: flex;
        max-width: 654px
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-img {
        flex: 1
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-info {
        flex-direction: column;
        gap: 4px
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-info .value {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }

    [dlb-flip-go-points] .item.basic .thumbnail {
        height: 404px
    }

    [dlb-flip-go-points] .item.basic .thumbnail strong:after {
        top: -46.16px;
        width: 177px;
        height: 76.2px
    }

    [dlb-flip-go-points] .item.extra .thumbnail {
        height: 404px
    }}

@media (min-width:1024px){[dlb-flip-go-points] .item .thumbnail {
        justify-content: space-between
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-img {
        flex: none
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-img figure {
        display: flex;
        align-items: center;
        gap: 12px
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-info {
        flex-direction: row;
        gap: 12px
    }}

@media (min-width:1280px){[dlb-flip-go-points] [grid] {
        gap: 24px
    }

    [dlb-flip-go-points] .item .thumbnail {
        justify-content: flex-start
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-img figure img {
        width: 136px;
        height: 54.4px
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-info .value {
        position: relative;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }

    [dlb-flip-go-points] .item .thumbnail-item .card-info .value:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        right: auto;
        bottom: auto;
        width: 137px;
        height: 80px;
        transform: translate(-50%, -50%);
        background: radial-gradient(46.3% 50% at 50% 46.01%, #6b3400 0, rgba(164, 59, 0, .39) 37.5%, rgba(33, 33, 36, 0) 100%);
        opacity: .65
    }

    [dlb-flip-go-points] .item.basic .thumbnail {
        height: 348px
    }

    [dlb-flip-go-points] .item.basic .thumbnail strong:after {
        top: -13px;
        width: 232px;
        height: 99.8px
    }

    [dlb-flip-go-points] .item.extra .thumbnail {
        height: 348px;
        padding-top: 28px;
        padding-right: 50.8px;
        padding-bottom: 28px;
        padding-left: 50.8px
    }}

[dir=rtl] [care-and-cheers] [section-container].primary .bg-holder picture{transform: scaleX(-1)}

[care-and-cheers] [key-visual-promotions].primary h2{width: 300px}

[care-and-cheers] [key-visual-promotions].primary h2 span>span{white-space: nowrap}

[care-and-cheers] [key-visual-promotions].primary h2 strong,
[care-and-cheers] [key-visual-promotions].primary h2 sup{display: none}

[care-and-cheers] [article-content] h3{display: flex;
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px}

[care-and-cheers] [article-content] h3 img{width: 48px;
    height: 48px}

[care-and-cheers] [article-content] .content figure img{width: 100%;
    height: auto}

[care-and-cheers] [promotions-overview] li>span{color: #fff}

@media (min-width:768px){[care-and-cheers] [key-visual-promotions].primary h2 {
        width: 500px
    }

    [care-and-cheers] [article-content]>h3 img {
        width: 56px;
        height: 56px
    }}

@media (min-width:1280px){[care-and-cheers] [key-visual-promotions].primary .bg-holder img {
        height: 101.5%
    }

    [care-and-cheers] [key-visual-promotions].primary h2 {
        width: 100%;
        height: auto
    }

    [care-and-cheers] [key-visual-promotions].primary h2 strong {
        display: block
    }

    [care-and-cheers] [key-visual-promotions].primary h2 sup {
        display: flex
    }

    [care-and-cheers] [key-visual-promotions].primary h2 sup img {
        position: absolute;
        right: -90px;
        bottom: 0;
        left: auto;
        top: auto
    }

    [care-and-cheers] [article-content]>h3 img {
        width: 80px;
        height: 80px
    }}

@media (min-width:768px){[care-and-cheers-care] ._responsive-img-new {
        max-width: 704px;
        margin: 0 auto
    }}

@media (min-width:1280px){[care-and-cheers-care] ._responsive-img-new {
        max-width: none
    }

    [care-and-cheers-care] .objects .obj {
        opacity: .15
    }

    [care-and-cheers-care] .objects .obj:first-of-type {
        left: calc(100% - 270px);
        top: -179px;
        right: auto;
        bottom: auto
    }

    [care-and-cheers-care] .objects img {
        position: absolute;
        pointer-events: none
    }

    [care-and-cheers-care] .objects img:first-of-type {
        left: calc(100% + 39px);
        top: 58px;
        right: auto;
        bottom: auto;
        max-width: 233px;
        transform: rotate(-2.222deg)
    }}

@media (min-width:768px){[care-and-cheers-cheers] ._responsive-img-new {
        max-width: 704px;
        margin: 0 auto
    }}

@media (min-width:1280px){[care-and-cheers-cheers] ._responsive-img-new {
        max-width: none
    }

    [care-and-cheers-cheers] .objects .obj {
        opacity: .15
    }

    [care-and-cheers-cheers] .objects .obj:first-of-type {
        right: calc(100% - 270px);
        top: -309px;
        left: auto;
        bottom: auto
    }

    [care-and-cheers-cheers] .objects img {
        position: absolute;
        pointer-events: none
    }

    [care-and-cheers-cheers] .objects img:first-of-type {
        right: calc(100% + 42px);
        top: -47px;
        left: auto;
        bottom: auto;
        max-width: 252px
    }}

[care-and-cheers-will]{row-gap: 56px;
    text-align: center}

[care-and-cheers-will] .item{display: flex;
    flex-direction: column;
    row-gap: 20px}

[care-and-cheers-will] .item>figure img{width: 100%;
    height: auto;
    max-width: 224px}

[care-and-cheers-will] .item ul{display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 268px;
    margin-left: auto;
    margin-right: auto}

[care-and-cheers-will] .item ul li{position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 4px;
    text-align: left}

@media (min-width:768px){[care-and-cheers-will] .item ul li {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[care-and-cheers-will] .item ul li {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[care-and-cheers-will] .item ul li .svg-icon{width: 20px;
    height: 20px}

[care-and-cheers-will] .item ul li .svg-icon path{stroke: #ffb62b}

[care-and-cheers-will] .item+.item li .svg-icon path{stroke: #d5361f}

[care-and-cheers-will] .item p{font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    color: #fff;
    font-style: italic;
    padding-right: 24px;
    padding-left: 24px}

@media (min-width:768px){[care-and-cheers-will] {
        row-gap: 64px
    }

    [care-and-cheers-will] .item>figure img {
        max-width: 354px
    }

    [care-and-cheers-will] .item ul {
        width: 224px
    }

    [care-and-cheers-will] .item p {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .72px;
        font-weight: 300;
        font-style: italic
    }}

@media (min-width:768px) and (min-width:768px){[care-and-cheers-will] .item p {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .9px
    }}

@media (min-width:768px) and (min-width:1280px){[care-and-cheers-will] .item p {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[care-and-cheers-will] {
        row-gap: 0;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    [care-and-cheers-will] .item {
        row-gap: 24px;
        padding-bottom: 48px
    }

    [care-and-cheers-will] .item>figure img {
        max-width: 400px
    }

    [care-and-cheers-will] .item ul {
        width: 240px;
        min-height: 126px;
        justify-content: center
    }

    [care-and-cheers-will] .item p {
        margin-top: 34px;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }

    [care-and-cheers-will] .objects {
        grid-column: 1/3
    }

    [care-and-cheers-will] .objects .obj {
        opacity: .15
    }

    [care-and-cheers-will] .objects .obj:first-of-type {
        left: calc(100% - 240px);
        bottom: -487px;
        right: auto;
        top: auto
    }

    [care-and-cheers-will] .objects img {
        position: absolute;
        pointer-events: none
    }

    [care-and-cheers-will] .objects img:first-of-type {
        left: calc(100% + 8px);
        bottom: 106px;
        right: auto;
        top: auto;
        max-width: 252px;
        transform: rotate(15deg)
    }}

[care-and-cheers-thumbnails] [card-num]{position: relative;
    z-index: 1;
    box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)}

[care-and-cheers-thumbnails] [card-num] .info{background: linear-gradient(180deg, #252528, #1d1d20 94.74%)}

[care-and-cheers-thumbnails] [card-num] .info .num:after{background-color: #a3a3a3}

@media (min-width:1280px){[care-and-cheers-thumbnails] .objects {
        grid-column: 1/4
    }

    [care-and-cheers-thumbnails] .objects .obj {
        opacity: .15
    }

    [care-and-cheers-thumbnails] .objects .obj:first-of-type {
        right: calc(100% - 240px);
        bottom: -328px;
        left: auto;
        top: auto
    }

    [care-and-cheers-thumbnails] .objects img {
        position: absolute;
        pointer-events: none
    }

    [care-and-cheers-thumbnails] .objects img:first-of-type {
        right: calc(100% + 75px);
        bottom: 30px;
        left: auto;
        top: auto;
        max-width: 252px
    }

    [care-and-cheers-thumbnails] [card-num] .img-outer img {
        max-height: 320px
    }}

[care-and-cheers-flipout]{margin-right: -24px;
    margin-left: -24px;
    color: #c2adff;
    font-weight: 500}

[care-and-cheers-flipout] .holder{display: flex;
    flex-direction: column;
    row-gap: 7px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    background: linear-gradient(255deg, #060020 -9.51%, #210a44 27.03%, #301059 54.11%, #2a104c 79.38%, #14121d 109.71%)}

[care-and-cheers-flipout] h3{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px}

[care-and-cheers-flipout] h4{font-size: 26px;
    line-height: 28px;
    letter-spacing: .78px}

[care-and-cheers-flipout] h4 span{position: relative;
    z-index: 1}

[care-and-cheers-flipout] h4 img{position: absolute;
    left: calc(100% - 15px);
    bottom: 40%;
    right: auto;
    top: auto;
    width: 55.5px;
    height: auto;
    z-index: -1}

[care-and-cheers-flipout] p{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px}

@media (min-width:768px){[care-and-cheers-flipout] {
        margin-right: -32px;
        margin-left: -32px
    }

    [care-and-cheers-flipout] .holder {
        padding-top: 62px;
        padding-right: 32px;
        padding-bottom: 54px;
        padding-left: 32px;
        row-gap: 20px
    }

    [care-and-cheers-flipout] h3 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }

    [care-and-cheers-flipout] h4 {
        font-size: 70px;
        line-height: 80px;
        letter-spacing: 2.1px
    }

    [care-and-cheers-flipout] h4 img {
        left: calc(100% - 75px);
        bottom: 40%;
        right: auto;
        top: auto;
        width: 138.99px;
        height: auto
    }

    [care-and-cheers-flipout] p {
        font-size: 32px;
        line-height: 28px;
        letter-spacing: .96px
    }}

@media (min-width:1280px){[care-and-cheers-flipout] {
        position: relative;
        height: 330px;
        margin-right: 0;
        margin-left: 0
    }

    [care-and-cheers-flipout] .holder {
        position: absolute;
        left: 50%;
        top: 0;
        right: auto;
        bottom: auto;
        transform: translateX(-50%);
        width: 1920px;
        padding-left: 470px;
        background: linear-gradient(266deg, #060020 -1.26%, #180076 31.46%, #301059 68.56%, #14121d 105.23%)
    }

    [care-and-cheers-flipout] h4 {
        font-size: 70px;
        line-height: 80px;
        letter-spacing: 2.1px
    }

    [care-and-cheers-flipout] h4 img {
        left: calc(100% - 35px);
        bottom: 28%;
        right: auto;
        top: auto;
        width: 163.185px;
        height: auto
    }

    [dir=rtl] [care-and-cheers-flipout] .holder {
        padding-left: 0;
        padding-right: 470px
    }}

@media (min-width:1280px){[battle-royale-com] [section-container].primary h2 br {
        display: none
    }}

[battle-royale-overview] [responsive-table] table{border-bottom: 0}

[battle-royale-overview] [responsive-table] td,
[battle-royale-overview] [responsive-table] th{width: 33.33333333%;
    border-bottom: 1px solid #24242a}

[battle-royale-overview] [responsive-table] tbody td{color: #fff}

[battle-royale-action]{display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 144px;
    padding-bottom: 18px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_action_bg.webp) 50% 100% no-repeat}

[battle-royale-action] h4{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    text-align: center}

@media (min-width:768px){[battle-royale-action] h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[battle-royale-action] h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

@media (min-width:768px){[battle-royale-action] {
        height: 240px;
        padding-bottom: 21px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_action_bg_t.webp)
    }}

@media (min-width:1280px){[battle-royale-action] {
        height: 280px;
        padding-bottom: 16px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_action_bg_d.webp)
    }}

[battle-royale-hit] [grid]{row-gap: 102px;
    margin-top: 32px}

[battle-royale-hit] .item figure{margin-bottom: 20px}

[battle-royale-hit] .item figure img{display: block;
    width: 100%;
    height: auto;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px}

[battle-royale-hit] .item h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 24px}

@media (min-width:768px){[battle-royale-hit] .item h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[battle-royale-hit] .item h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[battle-royale-hit] .item h5{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[battle-royale-hit] .item h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[battle-royale-hit] .item h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[battle-royale-hit] .item h5+h5,
[battle-royale-hit] .item ul{margin-top: 8px}

[battle-royale-hit] .item ul>li{position: relative;
    padding-left: 22px}

[battle-royale-hit] .item ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){[battle-royale-hit] .item ul>li {
        padding-left: 24px
    }}

[lang=ar] [battle-royale-hit] .item ul>li{padding-right: 22px}

[lang=ar] [battle-royale-hit] .item ul>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] [battle-royale-hit] .item ul>li {
        padding-right: 24px
    }}

[battle-royale-hit] .item ul+h5{margin-top: 24px}

[battle-royale-hit] .item [html-container]{row-gap: 0}

[battle-royale-hit] .item+.item{position: relative;
    z-index: 1}

[battle-royale-hit] .item+.item:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -90px;
    right: auto;
    bottom: auto;
    width: 54px;
    height: 80px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_win_chevron-right_24.webp) 50% 50%/cover no-repeat;
    z-index: 2;
    pointer-events: none;
    transform: translateX(-50%) rotate(90deg)}

@media (min-width:768px){[battle-royale-hit] [grid] {
        row-gap: 128px;
        margin-top: 40px
    }

    [battle-royale-hit] .item figure {
        margin-bottom: 28px
    }

    [battle-royale-hit] .item+.item:before {
        top: -115px;
        width: 80px;
        height: 116px
    }}

@media (min-width:1024px){[battle-royale-hit] [grid] {
        gap: 128px;
        margin-top: 104px
    }

    [battle-royale-hit] .item+.item {
        margin-top: 0
    }

    [battle-royale-hit] .item+.item:before {
        left: 0;
        top: 105px;
        right: auto;
        bottom: auto;
        transform: translate(calc(-100% - 24px)) rotate(0)
    }}

@media (min-width:1280px){[battle-royale-hit] [grid] {
        gap: 128px
    }

    [battle-royale-hit] .item+.item {
        margin-top: 0
    }}

[battle-royale-fts]{display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 144px;
    padding-bottom: 18px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_fts_bg.webp) 50% 100% no-repeat}

[battle-royale-fts] h4{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    text-align: center}

@media (min-width:768px){[battle-royale-fts] h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[battle-royale-fts] h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[battle-royale-fts].simple{background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_fts_bg_GGPNL.webp) 50% 100% no-repeat}

@media (min-width:768px){[battle-royale-fts] {
        height: 240px;
        padding-bottom: 21px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_fts_bg_t.webp)
    }

    [battle-royale-fts].simple {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_fts_bg_GGPNL_t.webp)
    }}

@media (min-width:1280px){[battle-royale-fts] {
        height: 280px;
        padding-bottom: 16px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_fts_bg_d.webp)
    }

    [battle-royale-fts].simple {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/battle_royale_fts_bg_GGPNL_d.webp)
    }}

[battle-royale-prize]>.content{row-gap: 20px}

[battle-royale-prize] [responsive-table] table{border-bottom: 0}

[battle-royale-prize] [responsive-table] tbody td,
[battle-royale-prize] [responsive-table] tbody th{width: 16.67%;
    border-bottom: 1px solid #24242a;
    color: #fff}

[battle-royale-bounty] [responsive-table] td,
[battle-royale-bounty] [responsive-table] th{width: 33.33333333%}

[battle-royale-bounty] [responsive-table] tbody td{color: #fff}

[battle-royale-bounty] [grid]{row-gap: 20px}

@media (min-width:768px){[battle-royale-bounty] [grid] {
        -moz-column-gap: 16px;
        column-gap: 16px
    }}

@media (min-width:1280px){[battle-royale-bounty] [grid] {
        -moz-column-gap: 24px;
        column-gap: 24px
    }}

[real-money-poker] ._text-content.article-content h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[real-money-poker] ._text-content.article-content h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[real-money-poker] ._text-content.article-content h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[real-money-poker] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[real-money-poker] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[real-money-poker] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[real-money-poker] p strong{color: #fff}

[real-money-poker] .wi-images{margin-top: 24px}

[real-money-poker] .wi-images img{display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px}

[real-money-poker] .group p{margin-top: 8px}

[real-money-poker] .container{display: flex;
    flex-direction: column;
    gap: 24px}

[real-money-poker] .title-line [article-content]>h4{position: relative;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    color: #fff;
    font-style: italic}

[real-money-poker] [rmp-how]{margin-top: -32px}

@media (min-width:768px){[real-money-poker] .title-line [article-content]>h4 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .9px
    }

    [real-money-poker] [rmp-how] {
        margin-top: -32px
    }}

@media (min-width:1280px){[real-money-poker] [rmp-how] {
        margin-top: -72px
    }

    [real-money-poker] .title-line {
        position: relative;
        display: flex
    }

    [real-money-poker] .title-line [article-content]>h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }

    [real-money-poker] .image-right ._text-content {
        align-items: flex-start;
        gap: 72px;
        padding-top: 24px
    }

    [real-money-poker] .image-right .image,
    [real-money-poker] .image-right .wi-images {
        flex: none
    }

    [real-money-poker] .image-left ._text-content {
        flex-direction: row-reverse
    }

    [real-money-poker] .image-right ._text-content {
        display: flex;
        flex-flow: row
    }}

[dlb-rush-cash-easy]{text-align: center}

[dlb-rush-cash-easy] h4{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[dlb-rush-cash-easy] h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[dlb-rush-cash-easy] h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[dlb-rush-cash-easy] h5{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 24px}

@media (min-width:768px){[dlb-rush-cash-easy] h5 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[dlb-rush-cash-easy] h5 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[dlb-rush-cash-easy] figcaption,
[dlb-rush-cash-easy] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[dlb-rush-cash-easy] figcaption,
    [dlb-rush-cash-easy] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[dlb-rush-cash-easy] figcaption,
    [dlb-rush-cash-easy] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[dlb-rush-cash-easy] figcaption{margin-top: 17px;
    position: relative}

[dlb-rush-cash-easy] p{margin-top: 8px}

[dlb-rush-cash-easy] figure{position: relative;
    display: block;
    padding-top: 32px;
    padding-bottom: 32px}

[dlb-rush-cash-easy] figure:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
    width: 373px;
    height: 106px;
    border-radius: 100%}

[dlb-rush-cash-easy] figure img{position: relative;
    width: 302px;
    height: 80px}

@media (min-width:768px){[dlb-rush-cash-easy] figure:before {
        width: 704px;
        height: 259px
    }

    [dlb-rush-cash-easy] figure img {
        width: 650px;
        height: 179px
    }

    [dlb-rush-cash-easy] figcaption {
        margin-top: 37px
    }}

@media (min-width:1280px){[dlb-rush-cash-easy] figure {
        text-align: center
    }

    [dlb-rush-cash-easy] figure:before {
        width: 862px;
        height: 259px
    }

    [dlb-rush-cash-easy] figure img {
        width: 682px;
        height: 179px
    }}

[rush-cash-friday-can]{display: flex;
    flex-direction: column;
    row-gap: 4px;
    text-align: center}

[rush-cash-friday-can] h3{position: relative;
    z-index: 1;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    color: #fff;
    font-style: italic}

[rush-cash-friday-can] figure{position: relative}

[rush-cash-friday-can] figure img{position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto}

[rush-cash-friday-can] figure:after{content: "";
    display: block;
    position: absolute;
    top: 40px;
    right: -75px;
    bottom: 33px;
    left: -75px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/rush_cash_friday_can_bg.webp) 50% 50%/cover no-repeat;
    pointer-events: none}

@media (min-width:768px){[rush-cash-friday-can] {
        row-gap: 8px
    }

    [rush-cash-friday-can] h3 {
        font-size: 30px;
        line-height: 32px;
        letter-spacing: .9px
    }

    [rush-cash-friday-can] figure img {
        max-width: 704px
    }

    [rush-cash-friday-can] figure:after {
        top: 110px;
        right: -32px;
        bottom: 0;
        left: -32px
    }}

@media (min-width:1280px){[rush-cash-friday-can] {
        row-gap: 0;
        padding-top: 47px;
        min-height: 1024px
    }

    [rush-cash-friday-can] h3 {
        font-size: 46px;
        line-height: 48px;
        letter-spacing: .46px
    }

    [rush-cash-friday-can] figure img {
        max-width: 1000px
    }

    [rush-cash-friday-can] figure:after {
        width: 1920px;
        top: -95px;
        right: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }}

[rush-cash-friday-how] [grid]{z-index: 1}

[rush-cash-friday-how] [grid] [card-num]{box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)}

@media (min-width:1280px){[rush-cash-friday-how] .objects .obj {
        opacity: .15;
        background: radial-gradient(50% 50% at 50% 50%, #aa5300 0, rgba(0, 148, 255, 0) 30%);
        filter: blur(1px)
    }

    [rush-cash-friday-how] .objects .obj:first-of-type {
        right: calc(100% - 271px);
        bottom: -87px;
        left: auto;
        top: auto
    }

    [rush-cash-friday-how] .objects .obj:nth-of-type(2) {
        left: calc(100% - 214px);
        bottom: -456px;
        right: auto;
        top: auto
    }

    [rush-cash-friday-how] .objects img {
        position: absolute;
        pointer-events: none
    }

    [rush-cash-friday-how] .objects img:first-of-type {
        right: calc(100% + 8px);
        bottom: 70px;
        left: auto;
        top: auto;
        max-width: 527px;
        transform: rotate(15deg)
    }}

[rush-cash-friday-play]{text-align: center}

[rush-cash-friday-play] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[rush-cash-friday-play] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[rush-cash-friday-play] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[rush-cash-friday-play] p a{text-decoration: underline;
    color: #fff}

[rush-cash-friday-play] p>em{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[rush-cash-friday-play] p>em {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[rush-cash-friday-play] p>em {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[rush-cash-friday-play] p>strong{font-weight: 500;
    color: #fee78a}

[rush-cash-friday-play] p{font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    font-style: italic;
    color: #fff}

@media (min-width:768px){[rush-cash-friday-play] p {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[rush-cash-friday-play] p {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[rush-cash-friday-play] p>strong{font-weight: inherit}

[rush-and-cash-in] [text-content].article-content{row-gap: 20px}

[rush-and-cash-in] .container p+ul{margin-top: 8px}

@media (min-width:1280px){[rush-and-cash-in] [text-content].article-content {
        row-gap: 24px
    }}

[responsive-video] video{width: 100%;
    height: 100%;
    vertical-align: top}

[responsive-video].br{border-radius: 16px;
    overflow: hidden}

@media (min-width:768px){[responsive-video] video {
        max-width: 704px
    }}

@media (min-width:1280px){[responsive-video] video {
        max-width: none
    }}

[responsive-video].responsive{position: relative;
    width: 100%;
    overflow: hidden}

[responsive-video].responsive video{vertical-align: top}

[rush-and-cash-how]{position: relative}

[rush-and-cash-how] [article-content].no-line>.content{padding-top: calc(72% + 20px)}

[rush-and-cash-how].img-left>figure{position: absolute;
    left: 0;
    top: 58px;
    right: auto;
    bottom: auto;
    right: 0;
    margin-top: 0}

@media (min-width:768px){[rush-and-cash-how] [article-content].no-line>.content {
        padding-top: 528px
    }

    [rush-and-cash-how].img-left>figure {
        top: 64px
    }}

@media (min-width:1280px){[rush-and-cash-how] [article-content].no-line>.content {
        padding-top: 0
    }

    [rush-and-cash-how].img-left>figure {
        position: static;
        top: 0
    }}

[rush-and-cash-information] [responsive-table] td,
[rush-and-cash-information] [responsive-table] th{width: 16.66666667%}

@media (min-width:1280px){[spin-gold-challenge-com] [key-visual-promotions].primary h3 sup {
        white-space: nowrap
    }}

[spin-gold-challenge-try]{display: flex;
    flex-direction: column;
    row-gap: 56px}

[spin-gold-challenge-try] .visual{position: relative;
    width: 327px;
    height: 148px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1}

[spin-gold-challenge-try] .visual figure img{width: 100%;
    height: auto}

[spin-gold-challenge-try] .visual p{position: absolute;
    font-size: 11px;
    line-height: 12.085px;
    letter-spacing: .164px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    word-break: break-word}

[spin-gold-challenge-try] .visual p:first-of-type{left: 20px;
    bottom: 55px;
    right: auto;
    top: auto;
    transform: scale(.65);
    max-width: 110px;
    height: 40px}

[spin-gold-challenge-try] .visual p:nth-of-type(2){right: 28px;
    top: 10px;
    left: auto;
    bottom: auto;
    transform: rotate(-9.287deg) scale(.65);
    max-width: 120px}

[spin-gold-challenge-try] .visual p:nth-of-type(3){right: 0;
    bottom: 26px;
    left: auto;
    top: auto;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: .493px;
    font-weight: 500;
    transform: rotate(1.81deg) scale(.65);
    height: 60px;
    max-width: 160px}

[spin-gold-challenge-try] [grid] [card-num]{z-index: 1}

@media (min-width:768px){[spin-gold-challenge-try] {
        row-gap: 64px
    }

    [spin-gold-challenge-try] .visual {
        width: 704px;
        height: 320px
    }

    [spin-gold-challenge-try] .visual p {
        font-size: 11.733px;
        line-height: 15.253px;
        letter-spacing: .352px;
        transform: scale(1)
    }

    [spin-gold-challenge-try] .visual p:first-of-type {
        left: 94.46px;
        bottom: 135.03px;
        right: auto;
        top: auto;
        transform: scale(1);
        max-width: 140px;
        height: 60px
    }

    [spin-gold-challenge-try] .visual p:nth-of-type(2) {
        right: 123.44px;
        top: 22px;
        left: auto;
        bottom: auto;
        max-width: 140px;
        height: 70px;
        transform: rotate(-9.287deg) scale(1)
    }

    [spin-gold-challenge-try] .visual p:nth-of-type(3) {
        right: 73.33px;
        bottom: 78.9px;
        left: auto;
        top: auto;
        font-size: 16px;
        line-height: 21.12px;
        letter-spacing: .493px;
        transform: rotate(1.81deg) scale(1);
        max-width: 220px;
        height: 80px
    }}

@media (min-width:1280px){[spin-gold-challenge-try] {
        gap: 0;
        min-height: 1262px
    }

    [spin-gold-challenge-try] .visual {
        width: 100%;
        height: 544px
    }

    [spin-gold-challenge-try] .visual p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px;
        font-weight: 500;
        font-weight: 400
    }

    [spin-gold-challenge-try] .visual p:first-of-type {
        left: 161px;
        bottom: 235px;
        right: auto;
        top: auto;
        max-width: 220px;
        height: 80px
    }

    [spin-gold-challenge-try] .visual p:nth-of-type(2) {
        right: 190.26px;
        top: 45.57px;
        left: auto;
        bottom: auto;
        max-width: 250px;
        transform: rotate(-9.287deg);
        height: 100px
    }

    [spin-gold-challenge-try] .visual p:nth-of-type(3) {
        right: 100px;
        bottom: 155px;
        left: auto;
        top: auto;
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500;
        transform: rotate(1.81deg);
        max-width: 420px;
        height: 100px
    }

    [spin-gold-challenge-try] [grid] {
        margin-top: 128px
    }

    [spin-gold-challenge-try] [grid] [card-num] img {
        height: 360px
    }

    [spin-gold-challenge-try] .objects .obj {
        opacity: .15;
        background: radial-gradient(50% 50% at 50% 50%, #c2761d 0, rgba(189, 0, 0, 0) 100%)
    }

    [spin-gold-challenge-try] .objects .obj:first-of-type {
        left: calc(100% - 263px);
        bottom: 678px;
        right: auto;
        top: auto
    }

    [spin-gold-challenge-try] .objects .obj:nth-of-type(2) {
        left: -727px;
        bottom: 80px;
        right: auto;
        top: auto
    }

    [spin-gold-challenge-try] .objects img {
        position: absolute;
        pointer-events: none
    }

    [spin-gold-challenge-try] .objects img:first-of-type {
        left: calc(100% - 35px);
        bottom: 1041px;
        right: auto;
        top: auto
    }

    [spin-gold-challenge-try] .objects img:nth-of-type(2) {
        right: calc(100% + 129px);
        bottom: 539px;
        left: auto;
        top: auto
    }}

@media (min-width:1280px) and (min-width:768px){[spin-gold-challenge-try] .visual p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px) and (min-width:1280px){[spin-gold-challenge-try] .visual p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

@media (min-width:1280px) and (min-width:768px){[spin-gold-challenge-try] .visual p:nth-of-type(3) {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px) and (min-width:1280px){[spin-gold-challenge-try] .visual p:nth-of-type(3) {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[spin-gold-challenge-get]>.content{row-gap: 20px}

[spin-gold-challenge-get]>.content h6{color: #fee78a}

[spin-gold-challenge-get] [responsive-table].scroll-color thead th{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[spin-gold-challenge-get] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[spin-gold-challenge-get] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[spin-gold-challenge-get] [responsive-table]:first-of-type td,
[spin-gold-challenge-get] [responsive-table]:first-of-type th{width: 25%}

[spin-gold-challenge-get] [responsive-table]:nth-of-type(2) td,
[spin-gold-challenge-get] [responsive-table]:nth-of-type(2) th{width: 16.66666667px}

@media (min-width:768px){[spin-gold-challenge-get]>.content h6 {
        margin-bottom: -8px
    }}

@media (min-width:1280px){[spin-gold-challenge-get] {
        min-height: 1191px
    }

    [spin-gold-challenge-get]>.content {
        row-gap: 24px
    }

    [spin-gold-challenge-get]>.content p {
        padding-top: 8px;
        padding-bottom: 8px
    }}

[spin-gold-challenge-prize] [responsive-table].scroll-color thead th{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[spin-gold-challenge-prize] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[spin-gold-challenge-prize] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[spin-gold-challenge-prize] [responsive-table] td,
[spin-gold-challenge-prize] [responsive-table] th{width: 16.66666667%}

@media (min-width:1280px){[spin-gold-challenge-prize] {
        min-height: 464px
    }}

[dlb-spin-gold-points]>h4{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4;
    padding-bottom: 20px}

@media (min-width:768px){[dlb-spin-gold-points]>h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[dlb-spin-gold-points]>h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[dlb-spin-gold-points]>.content{row-gap: 20px}

[dlb-spin-gold-points] [slider] .swiper-slide{width: auto;
    max-width: none}

[dlb-spin-gold-points] [responsive-table] table{border-bottom: 0}

[dlb-spin-gold-points] [responsive-table] tbody td{border-bottom: 1px solid #24242a}

[dlb-spin-gold-points] [responsive-table].max3 td,
[dlb-spin-gold-points] [responsive-table].max3 th{width: 25%}

[dlb-spin-gold-points] [responsive-table].max6 td,
[dlb-spin-gold-points] [responsive-table].max6 th{width: 14.28571429%}

@media (min-width:768px){[dlb-spin-gold-points] [slider] .swiper-wrapper {
        transform: none !important
    }}

@media (min-width:1280px){[spin-gold-free] {
        display: flex;
        gap: 72px
    }

    [spin-gold-free] h4 {
        flex: none;
        max-width: 470px
    }

    [spin-gold-free] .content {
        flex: 1
    }}

[thumbnail-desc]{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[thumbnail-desc] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[thumbnail-desc] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[thumbnail-desc] .img-outer{text-align: center}

[thumbnail-desc] .img-outer img{max-width: 704px;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto}

[thumbnail-desc] h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[thumbnail-desc] h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[thumbnail-desc] h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[thumbnail-desc] ul{margin-top: 12px}

[thumbnail-desc] ul>li{position: relative;
    padding-left: 22px}

[thumbnail-desc] ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){[thumbnail-desc] ul>li {
        padding-left: 24px
    }}

[lang=ar] [thumbnail-desc] ul>li{padding-right: 22px}

[lang=ar] [thumbnail-desc] ul>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] [thumbnail-desc] ul>li {
        padding-right: 24px
    }}

[thumbnail-desc] h4+p{margin-top: 8px}

[thumbnail-desc] .img-outer+p{margin-top: 20px}

[thumbnail-desc] .img-outer+[html-container],
[thumbnail-desc] .img-outer+h4{margin-top: 28px}

@media (min-width:768px){[thumbnail-desc] .img-outer+h4,
    [thumbnail-desc] ul {
        margin-top: 20px
    }}

@media (min-width:1280px){[thumbnail-desc] .img-outer img {
        border-radius: 16px
    }

    [thumbnail-desc] .img-outer+[html-container],
    [thumbnail-desc] .img-outer+h4 {
        margin-top: 20px
    }}

[spin-gold-prizes] .table-header [slider]{margin-top: 12px;
    margin-bottom: 12px}

[spin-gold-prizes] .table-header [slider] .swiper-slide{width: auto;
    max-width: none}

[spin-gold-prizes]>.article-content{gap: 0}

[spin-gold-prizes]>.article-content h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[spin-gold-prizes]>.article-content h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[spin-gold-prizes]>.article-content h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[spin-gold-prizes]>.article-content p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[spin-gold-prizes]>.article-content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[spin-gold-prizes]>.article-content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[spin-gold-prizes] [responsive-table] table{border-bottom: 0}

[spin-gold-prizes] [responsive-table] tbody td{border-bottom: 1px solid #24242a}

[spin-gold-prizes] [responsive-table]+.table-header{margin-top: 24px}

[spin-gold-prizes] [responsive-table].max3 td,
[spin-gold-prizes] [responsive-table].max3 th{width: 19%}

[spin-gold-prizes] [responsive-table].max3 td:last-child,
[spin-gold-prizes] [responsive-table].max3 th:last-child{width: 24%}

[spin-gold-prizes] [responsive-table].max6 td,
[spin-gold-prizes] [responsive-table].max6 th{width: 10.85714286%}

[spin-gold-prizes] [responsive-table].max6 td:last-child,
[spin-gold-prizes] [responsive-table].max6 th:last-child{width: 24%}

@media (min-width:768px){[spin-gold-prizes]>.article-content p {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500;
        font-weight: 400;
        color: #d4d4d4
    }}

@media (min-width:768px) and (min-width:768px){[spin-gold-prizes]>.article-content p {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:768px) and (min-width:1280px){[spin-gold-prizes]>.article-content p {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[spin-gold-prizes] .table-header {
        display: flex;
        align-items: center;
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    [spin-gold-prizes] .table-header h4 {
        flex: none;
        padding-left: 13px
    }

    [spin-gold-prizes] .table-header [slider] {
        flex: 1
    }

    [spin-gold-prizes] .table-header [slider] .swiper-wrapper {
        transform: none !important
    }

    [spin-gold-prizes]>.article-content p {
        margin-top: 40px
    }}

@media (min-width:1280px){[card-squeeze] [how-to-play-header] .title {
        max-width: 760px
    }}

[card-squeeze-how] .responsive{max-width: 704px;
    margin-left: auto;
    margin-right: auto}

@media (min-width:1280px){[card-squeeze-preferences].img-right [article-content]>.content figure {
        margin-top: -120px
    }}

[ev-cashout-beats]{position: relative;
    z-index: 1}

[ev-cashout-60-percent] p{font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    color: #fff;
    font-style: italic}

@media (min-width:768px){[ev-cashout-60-percent] {
        margin-top: -36px
    }

    [ev-cashout-60-percent] p {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[ev-cashout-60-percent] {
        min-height: 496px;
        position: relative;
        margin-top: 0;
        margin-bottom: -128px;
        padding-bottom: 95px;
        display: flex;
        justify-content: flex-end
    }

    [ev-cashout-60-percent]:after,
    [ev-cashout-60-percent]:before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        pointer-events: none
    }

    [ev-cashout-60-percent]:before {
        left: -357px;
        top: calc(-100% - 23px);
        right: auto;
        bottom: auto;
        width: 1480px;
        height: 1760px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/ev_cashout_obj_1_1.webp) 0 0/cover no-repeat;
        z-index: 0
    }

    [ev-cashout-60-percent]:after {
        left: calc(100% - 274px);
        top: calc(100% - 253px);
        right: auto;
        bottom: auto;
        width: 634px;
        height: 350px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/ev_cashout_obj_2.webp) 0 0/cover no-repeat;
        z-index: 0
    }

    [ev-cashout-60-percent] p {
        position: relative;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: .72px;
        font-weight: 300;
        font-style: italic;
        color: #fff;
        text-align: right;
        z-index: 2;
        max-width: 680px;
        margin-top: -45px
    }}

@media (min-width:1280px) and (min-width:768px){[ev-cashout-60-percent] p {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .9px
    }}

@media (min-width:1280px) and (min-width:1280px){[ev-cashout-60-percent] p {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[ev-cashout-work] ._grid img{width: 100%;
    height: auto}

@media (min-width:1280px){[ev-cashout-work] .container {
        padding-right: 400px
    }}

[express-satellites] .game-logo{text-align: center;
    padding-bottom: 28px}

@media (min-width:1280px){[express-satellites] .game-logo {
        text-align: center;
        padding-bottom: 32px
    }}

[exs-what-uniqueness] .group{align-content: center}

[exs-what-uniqueness] figure{text-align: center;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto}

[exs-what-uniqueness] figure img{width: 100%;
    height: auto}

[exs-what-uniqueness] .container>figure{display: block;
    width: 248px;
    pointer-events: none}

[exs-what-uniqueness] .container h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[exs-what-uniqueness] .container h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[exs-what-uniqueness] .container h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[exs-what-uniqueness] .container h3+p{margin-top: 24px}

[exs-what-uniqueness] .container p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[exs-what-uniqueness] .container p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[exs-what-uniqueness] .container p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[exs-what-uniqueness] .container p strong{font-weight: 400;
    color: #fee78a}

[exs-what-uniqueness] .container p+h3{margin-top: 56px}

@media (min-width:768px){[exs-what-uniqueness] .container>figure {
        width: 400px
    }}

@media (min-width:1280px){[exs-what-uniqueness] .container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 24px
    }

    [exs-what-uniqueness] .container>figure {
        width: 514px;
        margin: 0;
        position: relative;
        flex: 1 0 514px
    }}

[exs-features] figure img{width: 100%;
    max-width: 704px}

[exs-features] [Grid]>[thumbnail-desc] .img-outer+p{text-align: center;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500}

@media (min-width:768px){[exs-features] [Grid]>[thumbnail-desc] .img-outer+p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[exs-features] [Grid]>[thumbnail-desc] .img-outer+p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[exs-roshambo] .game-logo img{width: 100%;
    height: auto;
    max-width: 240px}

@media (min-width:768px){[exs-roshambo] .game-logo img {
        max-width: 480px
    }}

@media (min-width:1280px){[exs-roshambo] .game-logo img {
        max-width: 766px
    }}

[exs-ayatar-race] .game-logo img{width: 100%;
    height: auto;
    max-width: 280px}

[exs-ayatar-race] [card-num]:first-of-type img{margin-left: -2px}

@media (min-width:768px){[exs-ayatar-race] .game-logo img {
        max-width: 520px
    }}

@media (min-width:1280px){[exs-ayatar-race] .game-logo img {
        max-width: 858px
    }}

[exs-flip-go] .game-logo img{width: 100%;
    height: auto;
    max-width: 240px}

@media (min-width:768px){[exs-flip-go] .game-logo img {
        max-width: 400px
    }}

@media (min-width:1280px){[exs-flip-go] .game-logo img {
        max-width: 574px
    }}

[exs-all-in-fold] .game-logo img{width: 100%;
    height: auto;
    max-width: 240px}

@media (min-width:768px){[exs-all-in-fold] .game-logo img {
        max-width: 400px
    }}

@media (min-width:1280px){[exs-all-in-fold] .game-logo img {
        max-width: 664px
    }}

@media (min-width:1280px){[final-table-betting] [how-to-play-header] .title {
        max-width: 678px
    }}

[final-table-betting-try]{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    text-align: center}

@media (min-width:768px){[final-table-betting-try] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[final-table-betting-try] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[final-table-betting-try] h3{font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    color: #fff;
    font-style: italic}

[final-table-betting-try] p{margin-top: 28px}

@media (min-width:768px){[final-table-betting-try] {
        padding-top: 64px;
        padding-bottom: 64px
    }

    [final-table-betting-try] h3 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }

    [final-table-betting-try] p {
        margin-top: 24px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500;
        font-weight: 400
    }}

@media (min-width:768px) and (min-width:768px){[final-table-betting-try] p {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:768px) and (min-width:1280px){[final-table-betting-try] p {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[final-table-betting-try] {
        min-height: 136px;
        padding-top: 0;
        padding-bottom: 0
    }

    [final-table-betting-try] h3 {
        font-size: 46px;
        line-height: 48px;
        letter-spacing: .46px
    }

    [final-table-betting-try] p {
        max-width: 792px;
        margin-left: auto;
        margin-right: auto
    }}

@media (min-width:1280px){[final-table-betting-any] {
        min-height: 160px
    }

    [final-table-betting-any] [please-click-here] button {
        width: auto;
        max-width: none
    }}

@media (min-width:1280px){[final-table-features] [how-to-play-header] .title {
        max-width: 700px
    }}

@media (min-width:1280px){[final-table-features-seats] {
        min-height: 360px
    }}

[final-table-features-choose] figure{text-align: center}

[final-table-features-choose] figure img{width: 100%;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto}

[final-table-features-choose]>h3{font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    font-style: italic;
    color: #fff}

@media (min-width:768px){[final-table-features-choose]>h3 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[final-table-features-choose]>h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px;
        padding-bottom: 40px;
        padding-right: 408px
    }}

[final-table-features-how]>h3{padding-bottom: 56px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    font-style: italic;
    color: #fff}

@media (min-width:768px){[final-table-features-how]>h3 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[final-table-features-how]>h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

@media (min-width:768px){[final-table-features-how]>h3 {
        padding-bottom: 64px
    }}

@media (min-width:1280px){[final-table-features-how]>h3 {
        padding-bottom: 128px;
        text-align: center;
        max-width: 792px;
        margin-left: auto;
        margin-right: auto
    }}

@media (min-width:1280px){[final-table-features-complete] [grid]+ul {
        max-width: 690px
    }}

[final-table-features-clock] [article-content].no-line>.content{position: relative;
    padding-top: 62px}

[final-table-features-clock] .container{order: 2}

[final-table-features-clock] p{position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto}

@media (min-width:768px){[final-table-features-clock] [article-content].no-line>.content {
        padding-top: 42px
    }}

@media (min-width:1280px){[final-table-features-clock] [article-content].no-line>.content {
        padding-top: 0
    }

    [final-table-features-clock] .container {
        order: 0
    }

    [final-table-features-clock] p {
        position: static
    }

    [final-table-features-clock] p+ul {
        margin-top: 24px
    }}

[final-table-features-rollback]{position: relative}

[final-table-features-rollback] ul{padding-top: 83%}

[final-table-features-rollback] figure{position: absolute;
    left: 0;
    top: 80px;
    right: auto;
    bottom: auto;
    right: 0}

[final-table-features-rollback] figure img{width: 100%;
    height: auto}

[final-table-features-rollback] ._img-content-template.img-left>figure{margin-top: 44px}

@media (min-width:768px){[final-table-features-rollback] ul {
        padding-top: 550px
    }

    [final-table-features-rollback] ._img-content-template.img-left>figure {
        margin-top: 0
    }}

@media (min-width:1280px){[final-table-features-rollback] ul {
        padding-top: 0
    }

    [final-table-features-rollback] figure {
        position: static
    }

    [final-table-features-rollback] p+ul {
        margin-top: 24px
    }}

[final-table-features-blind] .container li strong{color: #fee78a;
    font-weight: 400}

@media (min-width:1280px){[final-table-features-blind].img-right [article-content]>.content figure {
        margin-top: -114px
    }}

[mystery-bounty-slider]{display: flex;
    flex-direction: column;
    align-items: center}

[mystery-bounty-slider] .logo{display: block;
    width: 134%;
    max-width: 702px}

[mystery-bounty-slider] [grid]{gap: 8px}

[mystery-bounty-slider] [card-key-visual-circle].lg{width: 100%;
    padding-top: 150px}

[mystery-bounty-slider] [card-key-visual-circle].lg:before{width: 100%;
    max-width: 160px;
    height: 160px}

[mystery-bounty-slider] [card-key-visual-circle].lg figure img{width: 134px}

@media (min-width:768px){[mystery-bounty-slider] [grid] {
        gap: 16px
    }}

@media (min-width:1280px){[mystery-bounty-slider] .logo {
        display: block;
        max-width: 926px;
        margin: 0 auto -33px
    }

    [mystery-bounty-slider] [grid] {
        gap: 24px
    }

    [mystery-bounty-slider] [card-key-visual-circle].lg {
        width: 280px;
        height: auto;
        padding-top: 200px
    }

    [mystery-bounty-slider] [card-key-visual-circle].lg:before {
        max-width: 280px;
        height: 280px
    }

    [mystery-bounty-slider] [card-key-visual-circle].lg figure img {
        width: 200px
    }}

[card-key-visual-circle].base{position: relative;
    text-align: center;
    width: 168px;
    height: 240px;
    padding-top: 102px}

[card-key-visual-circle].base:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 26px;
    right: auto;
    bottom: auto;
    z-index: 0;
    width: 168px;
    height: 168px;
    opacity: .8;
    border-radius: 100%;
    transform: translateX(-50%) skew(-5deg);
    pointer-events: none;
    background: linear-gradient(194deg, #7c5b1a 6.02%, #513a17 18.81%, #18181b 68.98%)}

[card-key-visual-circle].base figure{position: absolute;
    left: 50%;
    top: 11px;
    right: auto;
    bottom: auto;
    transform: translateX(-50%)}

[card-key-visual-circle].base figure img{width: 158px;
    height: auto;
    margin-left: auto;
    margin-right: auto}

[card-key-visual-circle].base p{position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[card-key-visual-circle].base p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[card-key-visual-circle].base p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

@media (min-width:768px){[card-key-visual-circle].base figure img {
        width: 158px;
        height: auto
    }

    [card-key-visual-circle].base p strong {
        font-weight: 400
    }}

@media (min-width:1280px){[card-key-visual-circle].base {
        position: relative;
        text-align: center;
        width: 280px;
        height: 300px;
        padding-top: 160px
    }

    [card-key-visual-circle].base:before {
        top: 35.5px;
        width: 280px;
        height: 280px
    }

    [card-key-visual-circle].base figure {
        top: 5px
    }

    [card-key-visual-circle].base figure img {
        width: 280px;
        height: auto;
        margin-left: auto;
        margin-right: auto
    }

    [card-key-visual-circle].base p {
        position: relative;
        padding-right: 30px;
        padding-left: 30px
    }}

[card-key-visual-circle].lg{position: relative;
    width: 200px;
    padding-top: 168px;
    text-align: center}

[card-key-visual-circle].lg:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 31px;
    right: auto;
    bottom: auto;
    z-index: 0;
    width: 200px;
    height: 200px;
    opacity: .8;
    border-radius: 100%;
    transform: translateX(-50%) skew(-10deg);
    pointer-events: none;
    background: linear-gradient(194deg, #79410e 6.02%, #592c13 0, #4b3021 18.81%, #18181b 68.98%)}

[card-key-visual-circle].lg figure{position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    transform: translateX(-50%)}

[card-key-visual-circle].lg figure img{width: 168px;
    height: auto}

[card-key-visual-circle].lg p{position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[card-key-visual-circle].lg p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[card-key-visual-circle].lg p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[card-key-visual-circle].lg p span{display: block}

[card-key-visual-circle].lg p strong{font-weight: 400}

[card-key-visual-circle].lg.blue:before{background: linear-gradient(195deg, #79410e 4.9%, #324986 4.91%, #2a3e71 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.blue-light:before{background: linear-gradient(195deg, #5a95d0 4.9%, #2d70b2 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.blue-dark:before{background: linear-gradient(195deg, #235887 4.9%, #236987 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.blue-green:before{background: linear-gradient(195deg, #327286 4.91%, #2a7171 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.purple:before{background: linear-gradient(195deg, #4348af 4.91%, #412088 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.brown-dark:before{background: linear-gradient(195deg, #7c3f24 4.91%, #472207 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.brown-dark2:before{background: linear-gradient(195deg, #6f2310 4.91%, #75301f 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.brown-light:before{background: linear-gradient(195deg, #79410e 4.9%, #814b3a 4.91%, #4b2421 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.brown-light-star:before{background: linear-gradient(195deg, #7c5b1a 4.9%, #513a17 18.02%, #18181b 69.46%)}

[card-key-visual-circle].lg.brown-light-base:before{background: linear-gradient(196deg, #7c5b1a 3.3%, #513a17 16.88%, #18181b 70.15%)}

[card-key-visual-circle].lg.green:before{background: linear-gradient(196deg, #2f4033 3.3%, #253329 16.88%, #18181b 70.15%)}

[card-key-visual-circle].lg.green-light:before{background: linear-gradient(196deg, #2b5c32 3.3%, #214732 16.88%, #18181b 70.15%)}

[card-key-visual-circle].lg.gray-light:before{background: linear-gradient(196deg, #76767d 3.3%, #45454c 16.88%, #18181b 70.15%)}

[card-key-visual-circle].lg.col-4{width: 168px;
    padding-top: 150px}

[card-key-visual-circle].lg.col-4:before{top: 24px;
    width: 160px;
    height: 160px}

[card-key-visual-circle].lg.col-4 figure{top: 4px}

[card-key-visual-circle].lg.col-4 figure img{width: 134px;
    height: auto}

@media (min-width:1280px){[card-key-visual-circle].lg {
        width: 280px;
        height: 300px;
        padding-top: 200px
    }

    [card-key-visual-circle].lg:before {
        width: 280px;
        height: 280px
    }

    [card-key-visual-circle].lg figure img {
        width: 200px;
        height: auto
    }

    [card-key-visual-circle].lg p {
        padding-right: 10px;
        padding-left: 10px
    }

    [card-key-visual-circle].lg.col-4 {
        width: 280px;
        height: 300px;
        padding-top: 256px
    }

    [card-key-visual-circle].lg.col-4:before {
        top: 32px;
        width: 280px;
        height: 280px
    }

    [card-key-visual-circle].lg.col-4 figure {
        top: 8px
    }

    [card-key-visual-circle].lg.col-4 figure img {
        width: 240px;
        height: auto
    }}

[card-key-visual-circle].title-message:before{top: 34px}

[card-key-visual-circle].title-message h5{position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[card-key-visual-circle].title-message h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[card-key-visual-circle].title-message h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[card-key-visual-circle].title-message p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    margin-top: 8px}

@media (min-width:768px){[card-key-visual-circle].title-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[card-key-visual-circle].title-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[card-key-visual-circle].title-message p span{display: inline}

[mystery-bounty-initial]{display: flex;
    flex-direction: column;
    row-gap: 20px}

[mystery-bounty-initial] [article-content]{order: 2}

[mystery-bounty-initial] [article-content] ul{margin-top: 8px}

@media (min-width:768px){[mystery-bounty-initial] {
        position: relative;
        display: flex;
        flex-flow: row;
        padding-left: 296px
    }

    [mystery-bounty-initial] [article-content] {
        order: 1
    }

    [mystery-bounty-initial].img-left>figure {
        position: absolute;
        left: 0;
        top: 50%;
        right: auto;
        bottom: auto;
        transform: translateY(-50%);
        order: 2;
        width: 258px;
        margin-top: 0
    }}

@media (min-width:1280px){[mystery-bounty-initial] {
        position: relative;
        display: flex;
        flex-flow: row;
        -moz-column-gap: 40px;
        column-gap: 40px;
        padding-left: 612px;
        min-height: 440px
    }

    [mystery-bounty-initial] [article-content] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 16px
    }

    [mystery-bounty-initial].img-left>figure {
        width: 512px
    }}

[mystery-bounty-final] p+p{margin-top: 22px}

@media (min-width:768px){[mystery-bounty-final] [responsive-video].responsive {
        max-width: 704px;
        margin: 0 auto
    }}

@media (min-width:1280px){[mystery-bounty-final].img-right [article-content]>.content figure {
        width: 588px
    }

    [mystery-bounty-final].img-right [article-content]>.content figure [responsive-video] {
        width: 100%;
        height: auto;
        max-width: inherit
    }}

[nft-avatars-why] figure img{max-width: 704px}

@media (min-width:1280px){[nft-avatars-why] figure img {
        width: 588px;
        height: 400px
    }}

@media (min-width:1280px){[poker-craft] .title-icon {
        min-height: 360px
    }

    [poker-craft] .title-icon [article-content] {
        padding-top: 0
    }

    [poker-craft] .title-icon [article-content]:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 167px;
        left: auto;
        bottom: auto;
        width: 191px;
        height: 191px;
        background-position-x: 0;
        background-position-y: 0;
        background-size: cover
    }}

@media (min-width:1280px){[poker-craft-timeline] [article-content] .container {
        padding-right: 72px
    }}

[poker-craft-type] [text-content].article-content{row-gap: 20px}

[poker-craft-type] img{width: 100%;
    height: 100%;
    border-radius: 16px}

@media (min-width:768px){[poker-craft-type] figure {
        max-width: 704px;
        margin: 0 auto
    }}

@media (min-width:1280px){[poker-craft-type] [html-container] {
        max-width: 790px
    }

    [poker-craft-type] figure {
        max-width: none
    }}

[poker-craft-history] [article-content]:after{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/poker_craft_3_icon.webp)}

[poker-craft-win-loss] [article-content]:after{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/poker_craft_4_icon.webp)}

[poker-craft-matrix] [article-content]:after{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/poker_craft_5_icon.webp)}

[poker-craft-position] [article-content]:after{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/poker_craft_6_icon.webp)}

[poker-craft-opponents] [text-content].article-content{row-gap: 20px}

[poker-craft-opponents] img{width: 100%;
    height: 100%;
    border-radius: 16px}

@media (min-width:768px){[poker-craft-opponents] figure {
        max-width: 704px;
        margin: 0 auto
    }}

@media (min-width:1280px){[poker-craft-opponents] [html-container] {
        max-width: 790px
    }

    [poker-craft-opponents] figure {
        max-width: none
    }}

@media (min-width:1280px){[prop-bet] [how-to-play-header] .title {
        max-width: 680px
    }}

@media (min-width:1280px){[prop-bet-com] [how-to-play-header] .title {
        max-width: 680px
    }}

[prop-bet-what-uniqueness] figure{text-align: center;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto}

[prop-bet-what-uniqueness] figure img{width: 100%;
    height: auto}

[prop-bet-what-uniqueness] .container>figure{display: block;
    width: 248px;
    pointer-events: none}

[prop-bet-what-uniqueness] .container h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[prop-bet-what-uniqueness] .container h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[prop-bet-what-uniqueness] .container h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[prop-bet-what-uniqueness] .container h3+p{margin-top: 24px}

[prop-bet-what-uniqueness] .container p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[prop-bet-what-uniqueness] .container p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[prop-bet-what-uniqueness] .container p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[prop-bet-what-uniqueness] .container p strong{font-weight: 400;
    color: #fee78a}

[prop-bet-what-uniqueness] .container p+h3{margin-top: 56px}

[prop-bet-what-uniqueness] .badge-slider{margin-top: 56px;
    overflow: visible}

[prop-bet-what-uniqueness] .badge-slider li{text-align: center;
    min-width: 200px;
    width: 33%}

[prop-bet-what-uniqueness] .badge-slider li img{width: 160px;
    height: 160px}

[prop-bet-what-uniqueness] .badge-slider span{display: block;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[prop-bet-what-uniqueness] .badge-slider span {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[prop-bet-what-uniqueness] .badge-slider span {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

@media (min-width:768px){[prop-bet-what-uniqueness] .container>figure {
        width: 400px
    }

    [prop-bet-what-uniqueness] .badge-slider {
        margin-top: 64px
    }

    [prop-bet-what-uniqueness] .badge-slider .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px
    }

    [prop-bet-what-uniqueness] .badge-slider li {
        min-width: auto;
        width: auto
    }

    [prop-bet-what-uniqueness] .badge-slider li img {
        width: 200px;
        height: 200px
    }

    [prop-bet-what-uniqueness] .badge-slider li span {
        margin-top: 8px;
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500;
        font-weight: 400
    }}

@media (min-width:768px) and (min-width:768px){[prop-bet-what-uniqueness] .badge-slider li span {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:768px) and (min-width:1280px){[prop-bet-what-uniqueness] .badge-slider li span {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

@media (min-width:1280px){[prop-bet-what-uniqueness] .container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 24px
    }

    [prop-bet-what-uniqueness] .container>figure {
        width: 514px;
        margin: 0;
        position: relative;
        flex: 1 0 409px
    }

    [prop-bet-what-uniqueness] .badge-slider {
        -moz-column-gap: 28px;
        column-gap: 28px;
        margin-top: 128px
    }

    [prop-bet-what-uniqueness] .badge-slider .swiper-wrapper {
        -moz-column-gap: 28px;
        column-gap: 28px
    }

    [prop-bet-what-uniqueness] .badge-slider li {
        position: relative;
        width: auto !important
    }

    [prop-bet-what-uniqueness] .badge-slider li img,
    [prop-bet-what-uniqueness] .badge-slider li span {
        position: relative;
        z-index: 1
    }

    [prop-bet-what-uniqueness] .badge-slider li img {
        width: 208px;
        height: 208px
    }

    [prop-bet-what-uniqueness] .badge-slider li span {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500;
        font-weight: 400
    }

    [prop-bet-what-uniqueness] .badge-slider li:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 380px;
        height: 294px;
        background-position-x: 50%;
        background-position-y: 0;
        background-repeat: no-repeat;
        pointer-events: none
    }

    [prop-bet-what-uniqueness] .badge-slider li:first-child:before {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/prop_bet_what_uniqueness_icon_1_bg.webp)
    }

    [prop-bet-what-uniqueness] .badge-slider li:nth-child(2):before {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/prop_bet_what_uniqueness_icon_2_bg.webp)
    }

    [prop-bet-what-uniqueness] .badge-slider li:nth-child(3):before {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/prop_bet_what_uniqueness_icon_3_bg.webp)
    }}

@media (min-width:1280px) and (min-width:768px){[prop-bet-what-uniqueness] .badge-slider li span {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px) and (min-width:1280px){[prop-bet-what-uniqueness] .badge-slider li span {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[card-detail-slider]{--card-detail-line-start: #743999;
    --card-detail-line-end: #27272b;
    --card-detail-color-start: #442258;
    --card-detail-color-end: #1f1f20;
    --card-detail-bg-start: #29232c;
    --card-detail-bg-end: #1c1c21;
    border: 1px solid transparent;
    border-radius: 16px;
    box-shadow: 0 3px 14px -12px rgba(0, 0, 0, .3);
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(transparent, transparent), linear-gradient(131deg, var(--card-detail-line-start) 0, var(--card-detail-line-end) 100%)}

[card-detail-slider] .card-header{position: relative;
    height: 64px;
    padding-right: 16px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(102deg, var(--card-detail-color-start) 12.22%, var(--card-detail-color-end) 93.84%)}

[card-detail-slider] .card-header .icon{width: 40px;
    height: 40px}

[card-detail-slider] .card-header h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[card-detail-slider] .card-header h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[card-detail-slider] .card-header h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[card-detail-slider] .card-header:before{content: "";
    display: block;
    position: absolute;
    left: 1px;
    bottom: 0;
    right: auto;
    top: auto;
    right: 1px;
    height: 1px;
    background: linear-gradient(90deg, var(--card-detail-line-start) 12.22%, var(--card-detail-line-end) 93.84%)}

[card-detail-slider] .card-container{flex: 1;
    border-radius: 0 0 16px 16px;
    background: linear-gradient(131deg, var(--card-detail-bg-start) 11.09%, var(--card-detail-bg-end) 47.19%)}

[card-detail-slider] .card-item{display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 52px;
    padding-left: 20px;
    border-radius: 0 0 16px 16px}

[card-detail-slider] .card-item figure{position: relative;
    flex: none;
    border-radius: 16px;
    margin-left: auto;
    margin-right: auto}

[card-detail-slider] .card-item figure img{display: block;
    width: 100%;
    height: auto;
    border-radius: inherit}

[card-detail-slider] .card-item figure:after{content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 4px solid #24242a;
    border-radius: 16px;
    z-index: 1;
    pointer-events: none}

[card-detail-slider] .card-item [article-content]{flex: none;
    margin-top: 20px;
    height: 357px;
    overflow: hidden}

[card-detail-slider] .card-item [article-content] [text-content]{overflow-y: auto;
    max-height: 100%;
    padding-bottom: 72px}

[card-detail-slider] .card-item [article-content] [text-content]::-webkit-scrollbar{width: 1px}

[card-detail-slider] .card-item [article-content] [text-content]::-webkit-scrollbar-thumb,
[card-detail-slider] .card-item [article-content] [text-content]::-webkit-scrollbar-track{background-color: transparent}

[card-detail-slider] .card-item [article-content] [text-content]::-webkit-scrollbar-thumb:hover{background-color: transparent}

[card-detail-slider] .card-item [article-content] [text-content].article-content li+li{margin-top: 0}

[card-detail-slider] .card-item [article-content]:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 52px;
    right: auto;
    top: auto;
    right: 0;
    height: 80px;
    background: linear-gradient(180deg, rgba(28, 28, 34, .19) -13.13%, #1c1c22 63.13%);
    pointer-events: none}

[card-detail-slider] .swiper-container{border-radius: 0 0 16px 16px}

[card-detail-slider] .swiper-button,
[card-detail-slider] .swiper-navigation{display: none}

[card-detail-slider] .swiper-pagination{bottom: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 16px}

[card-detail-slider] .swiper-pagination-bullet{width: 12px;
    height: 12px;
    background-color: hsla(0, 0%, 100%, .3)}

[card-detail-slider] .swiper-pagination-bullet-active{background-color: #fff}

[card-detail-slider].green{--card-detail-line-start: #44532c;
    --card-detail-line-end: #1c1c21;
    --card-detail-color-start: #333c25;
    --card-detail-bg-start: #1c211c}

[card-detail-slider].brown{--card-detail-line-start: #5a4735;
    --card-detail-line-end: #1c1c21;
    --card-detail-color-start: #433221;
    --card-detail-bg-start: #211e1c}

@media (min-width:768px){[card-detail-slider] .card-header {
        height: 96px;
        padding-right: 30px;
        padding-left: 30px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    [card-detail-slider] .card-header .icon {
        width: 60px;
        height: 60px
    }

    [card-detail-slider] .card-header h4 {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: .78px;
        font-weight: 500
    }

    [card-detail-slider] .card-item {
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 52px;
        padding-left: 40px
    }

    [card-detail-slider] .card-item figure {
        width: 624px;
        height: 624px
    }

    [card-detail-slider] .card-item figure img {
        width: 100%
    }

    [card-detail-slider] .card-item figure:after {
        border-width: 5px
    }

    [card-detail-slider] .card-item [article-content] {
        margin-top: 40px;
        height: 308px
    }

    [card-detail-slider] .card-item .grid-group {
        display: flex
    }

    [card-detail-slider] .card-item .grid-group .item {
        flex: 1
    }

    [card-detail-slider] ._slider .swiper-pagination-circle .pagination-list {
        gap: 12px
    }

    [card-detail-slider] ._slider .swiper-pagination-circle .pagination-item {
        width: 12px;
        height: 12px
    }}

@media (min-width:768px) and (min-width:768px){[card-detail-slider] .card-header h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:768px) and (min-width:1280px){[card-detail-slider] .card-header h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[card-detail-slider] .card-header {
        height: 96px;
        padding-right: 48px;
        padding-left: 48px
    }

    [card-detail-slider] .card-header .icon {
        width: 56px;
        height: 56px
    }

    [card-detail-slider] .card-item {
        display: flex;
        flex-direction: row-reverse;
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 72px;
        padding-left: 40px;
        gap: 72px
    }

    [card-detail-slider] .card-item figure {
        position: relative;
        z-index: 1;
        width: 352px;
        height: 352px
    }

    [card-detail-slider] .card-item figure:after {
        border-width: 4px
    }

    [card-detail-slider] .card-item [article-content] {
        flex: 1;
        margin-top: 0;
        height: 352px
    }

    [card-detail-slider] .card-item [article-content]:after {
        height: 118px;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, transparent, #1d1d22 43%)
    }

    [card-detail-slider] ._slider .swiper-navigation {
        display: block
    }

    [card-detail-slider] ._slider .swiper-navigation a {
        width: 80px;
        height: 80px
    }

    [card-detail-slider] ._slider .swiper-navigation svg {
        width: 35px;
        height: 35px
    }

    [card-detail-slider] ._slider .swiper-button {
        display: block;
        width: 75px;
        height: 75px
    }

    [card-detail-slider] ._slider .swiper-button-prev {
        transform: translateX(calc(-100% - 16px)) translateY(-50%)
    }

    [card-detail-slider] ._slider .swiper-button-next {
        transform: translateX(calc(100% + 16px)) translateY(-50%)
    }}

@media (min-width:1280px){[smart-betting-guide] {
        min-height: 360px
    }}

[smart-hud-detail] [thumbnail-desc]{display: flex;
    flex-direction: column}

[smart-hud-detail] [thumbnail-desc] h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400}

@media (min-width:768px){[smart-hud-detail] [thumbnail-desc] h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[smart-hud-detail] [thumbnail-desc] h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[smart-hud-detail] [thumbnail-desc] picture{order: 2;
    margin-top: 12px}

[smart-hud-detail] [thumbnail-desc] [html-container]{order: 1;
    margin-top: 20px}

@media (min-width:1280px){[smart-hud-detail] [thumbnail-desc] {
        display: block;
        margin-top: 0
    }

    [smart-hud-detail] [thumbnail-desc] picture {
        order: 1;
        margin-top: 0
    }

    [smart-hud-detail] [thumbnail-desc] [html-container] {
        order: 2;
        margin-top: 20px
    }}

[social-features] .img-r [article-content]>.content{row-gap: 20px}

[social-features] .img-r figure{text-align: center;
    margin-top: 0}

[social-features] .img-r figure img{width: 100%}

[social-features] .thumbnail-group .group>h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[social-features] .thumbnail-group .group>h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[social-features] .thumbnail-group .group>h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[social-features] .thumbnail-group .group>div{margin-top: 24px}

[social-features] .show-more{margin-top: 36px}

[social-features] .show-more .label{display: block;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    padding-bottom: 24px}

@media (min-width:768px){[social-features] .show-more .label {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[social-features] .show-more .label {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[social-features] .show-more .show-content>ul+.thumbnails{margin-top: 24px}

[social-features] .show-more .thumbnails [thumbnail-desc] ul{margin-top: 20px}

@media (min-width:768px){[social-features] .img-r [article-content]>.content {
        row-gap: 28px
    }

    [social-features] .img-r figure img {
        max-width: 704px
    }

    [social-features] .thumbnail-group .group>div [thumbnail-desc] {
        flex: 1
    }}

@media (min-width:1280px){[social-features] [how-to-play-header] .title span {
        max-width: 680px
    }

    [social-features] .img-r [article-content]>.content {
        display: flex;
        flex-flow: row;
        row-gap: 0;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [social-features] .img-r [article-content]>.content figure {
        flex: none;
        display: block;
        margin-top: -72px
    }

    [social-features] .img-r [article-content]>.content figure img {
        max-width: 496px
    }}

[social-features-emoji] img{max-width: 704px;
    margin-left: auto;
    margin-right: auto}

[social-features-message] img{max-width: 704px;
    margin-left: auto;
    margin-right: auto}

[social-features-message] .group>div{margin-top: 0 !important}

@media (min-width:768px){[splash-rules] [responsive-video] {
        max-width: 704px;
        margin: 0 auto
    }}

@media (min-width:1280px){[splash-rules] [responsive-video] {
        max-width: none
    }}

[splash-throw] .swiper-container{overflow: visible}

[splash-throw] .swiper-slide{width: auto;
    min-width: 150px}

[splash-throw] .card-item>figure img{width: 100%;
    height: auto}

[splash-throw] .card-item .labels{position: relative;
    display: flex;
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin-top: 20px}

[splash-throw] .card-item .labels:before{content: "";
    display: block;
    position: absolute;
    left: -94px;
    bottom: -50px;
    right: auto;
    top: auto;
    width: 190px;
    height: 190px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/splash_3_bg.webp) 0 0/cover no-repeat;
    z-index: -1;
    pointer-events: none}

[splash-throw] .card-item .labels .icon{width: 62px;
    height: 62px}

[splash-throw] .card-item .labels span{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #d4d4d4}

@media (min-width:768px){[splash-throw] .card-item .labels span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[splash-throw] .card-item .labels span {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

@media (min-width:768px){[splash-throw] .swiper-slide {
        width: 282px
    }

    [splash-throw] .card-item .labels:before {
        left: -110px;
        bottom: -63px;
        right: auto;
        top: auto;
        width: 218px;
        height: 218px
    }

    [splash-throw] .card-item .labels .icon {
        width: 62px;
        height: 62px
    }}

@media (min-width:1280px){[splash-throw] .swiper-wrapper {
        transform: none !important
    }

    [splash-throw] .card-item figure img {
        width: 282px;
        height: 360px
    }

    [splash-throw] .card-item .labels:before {
        left: -110px;
        bottom: -63px;
        right: auto;
        top: auto;
        width: 218px;
        height: 218px
    }}

[splash-likes]{position: relative;
    margin-right: -24px;
    margin-left: -24px}

[splash-likes] p{position: absolute;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .48px;
    color: #a3a3a3;
    font-weight: 400;
    font-style: italic;
    z-index: 1}

[splash-likes] p:first-child{left: 24px;
    top: 25px;
    right: auto;
    bottom: auto;
    max-width: 200px}

[splash-likes] p:nth-child(2){right: 24px;
    bottom: 25px;
    left: auto;
    top: auto;
    max-width: 270px;
    text-align: right}

[splash-likes] .img-outer img{width: 100%}

@media (min-width:768px){[splash-likes] {
        margin-right: -32px;
        margin-left: -32px
    }

    [splash-likes] p {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: .6px
    }

    [splash-likes] p:first-child {
        left: 65px;
        top: 40px;
        right: auto;
        bottom: auto;
        max-width: 260px
    }

    [splash-likes] p:nth-child(2) {
        right: 75px;
        bottom: 16px;
        left: auto;
        top: auto;
        max-width: 350px
    }}

@media (min-width:1280px){[splash-likes] {
        position: relative;
        height: 681px;
        margin-top: -48px;
        margin-bottom: -88px
    }

    [splash-likes] p {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: .6px
    }

    [splash-likes] p:first-child {
        left: 56px;
        top: 178px;
        right: auto;
        bottom: auto
    }

    [splash-likes] p:nth-child(2) {
        right: 40px;
        bottom: 170px;
        left: auto;
        top: auto
    }

    [splash-likes] .img-outer {
        position: absolute;
        left: 50%;
        top: 0;
        right: auto;
        bottom: auto;
        transform: translateX(-50%)
    }

    [splash-likes] .img-outer img {
        width: auto
    }}

@media (min-width:768px){[splash-reactions] [responsive-video] {
        max-width: 704px;
        margin: 0 auto
    }}

@media (min-width:1280px){[splash-reactions] [responsive-video] {
        max-width: none
    }}

input:checked[type=checkbox]{background-color: #666;
    appearance: checkbox;
    -webkit-appearance: checkbox;}

[staking-platform-what] .img-outer{text-align: center}

[staking-platform-what] .img-outer img{width: 100%;
    height: auto}

[staking-platform-what] [article-content]>.content li strong{color: #fee78a;
    font-weight: 400}

@media (min-width:768px){[staking-platform-what] [article-content]>.content {
        gap: 24px
    }}

@media (min-width:1280px){[staking-platform-what] [article-content]>.content ul:nth-of-type(2) {
        padding-left: 409px
    }}

[staking-platform-example] .card-item{display: flex;
    flex-direction: column}

[staking-platform-example] .card-item .img-outer{border-radius: 16px 16px 0 0;
    background-color: #07090c;
    text-align: center;
    overflow: hidden}

[staking-platform-example] .card-item .img-outer img{width: auto;
    max-width: none;
    max-width: 100%}

[staking-platform-example] .card-item .info{padding: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    border-radius: 0 0 16px 16px;
    flex: 1;
    background: linear-gradient(180deg, #252528, #1d1d20 94.74%);
    box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .15)}

@media (min-width:768px){[staking-platform-example] .card-item .info {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[staking-platform-example] .card-item .info {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[staking-platform-example] .card-item .info h4{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[staking-platform-example] .card-item .info h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[staking-platform-example] .card-item .info h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[staking-platform-example] .card-item .info ul{margin-top: 16px}

[staking-platform-example] .card-item .info strong{color: #fee78a;
    font-weight: 400}

@media (min-width:768px){[staking-platform-example] [article-content] {
        grid-column: 1/3
    }

    [staking-platform-example] .card-item {
        margin-top: 0
    }

    [staking-platform-example] .card-item .img-outer img {
        border-radius: 16px
    }

    [staking-platform-example] .card-item .info {
        padding: 32px;
        min-height: 180px
    }

    [staking-platform-example] .card-item:first-of-type {
        grid-column: 1/3
    }

    [staking-platform-example] .card-item:first-of-type .info {
        min-height: inherit
    }}

@media (min-width:1280px){[staking-platform-example].gap-24 {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    [staking-platform-example] [article-content] {
        grid-column: inherit;
        padding-right: 42px
    }

    [staking-platform-example] .card-item {
        display: flex;
        flex-direction: row-reverse
    }

    [staking-platform-example] .card-item .img-outer {
        flex: none;
        width: 280px;
        height: 385px;
        margin-top: 60px;
        margin-left: -24px;
        background-color: transparent;
        border-radius: 0
    }

    [staking-platform-example] .card-item .img-outer img {
        width: 100%;
        height: 100%;
        border-radius: 16px
    }

    [staking-platform-example] .card-item .info {
        display: flex;
        flex-direction: column;
        height: 364px;
        padding-top: 40px;
        padding-right: 42px;
        padding-bottom: 74px;
        padding-left: 42px;
        border-radius: 16px 16px 8px 16px;
        background: linear-gradient(180deg, rgba(67, 67, 72, .35) -14.56%, rgba(43, 41, 41, .35))
    }

    [staking-platform-example] .card-item .info h4 {
        flex: none
    }

    [staking-platform-example] .card-item .info ul {
        flex: 1;
        display: flex;
        align-items: flex-end
    }

    [staking-platform-example] .card-item:first-of-type {
        grid-column: inherit
    }

    [staking-platform-example] .card-item:nth-of-type(2) .info {
        padding-bottom: 48px
    }}

[staking-platform-day2]{position: relative}

[staking-platform-day2] [article-content].no-line>.content{padding-top: 76.6%}

[staking-platform-day2].img-left>figure{position: absolute;
    left: 0;
    top: 68px;
    right: auto;
    bottom: auto;
    width: 100%}

@media (min-width:768px){[staking-platform-day2] [article-content].no-line>.content {
        padding-top: 534px
    }

    [staking-platform-day2].img-left>figure {
        top: 40px
    }}

@media (min-width:1280px){[staking-platform-day2] [article-content].no-line>.content {
        padding-top: 0
    }

    [staking-platform-day2].img-left>figure {
        position: static;
        width: auto;
        max-width: none;
        top: 0
    }}

[staking-platform-auto]{position: relative}

[staking-platform-auto] [article-content].no-line>.content{padding-top: 76.6%}

[staking-platform-auto].img-right figure{position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%}

@media (min-width:768px){[staking-platform-auto] [article-content].no-line>.content {
        padding-top: 534px
    }

    [staking-platform-auto].img-right figure {
        top: 0
    }}

@media (min-width:1280px){[staking-platform-auto] {
        min-height: 360px
    }

    [staking-platform-auto] [article-content].no-line>.content {
        padding-top: 0
    }

    [staking-platform-auto].img-right figure {
        position: static;
        width: auto;
        max-width: none;
        top: 0
    }}

body{-webkit-text-size-adjust: none;
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6{color: #FFF;}

[accordion-view].line.open .icon:before{content: "卯陇鈥�"}

@media (min-width:1280px){[accordion-view].label-desc .svg-icon {
        width: 40px;
        height: 40px
    }

    [accordion-view].label-desc .svg-icon.m {
        display: none
    }

    [accordion-view].label-desc .svg-icon.ds {
        display: inline-block
    }

    [accordion-view].label-desc .svg-icon:before {
        content: "卯陇沤"
    }}

[lang=zh],
[lang=zh] body{font-family: Helvetica, Noto Sans CJK, SimSun, PingFang SC, Microsoft YaHei, 氓戮庐猫陆炉茅鈥衡€γ┞烩€�, sans-serif}

[lang=ja],
[lang=ja] body{font-family: Hiragino Kaku Gothic Pro, 茫茠鈥櫭Ｆ捖┟ｂ€毬Ｆ捙矫р€櫭ｂ€毬� Pro W3, Osaka, Meiryo, 茫茠隆茫鈥毬っＦ捖ｂ€毬�, MS PGothic, 茂录颅茂录鲁 茂录掳茫鈥毬疵ｂ€毬访Ｆ捚捗ｂ€毬�, sans-serif}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new:after{content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat}

._app-nav-util.collapse>li.AboutUs a:before{background-image: url("https://ssl.gg-global-cdn.com/bd/front/img/web/icon-alert-circle-24.png")}

[blog-list] .grid{gap: 24px}

[blog-list] .blog-key-visual{padding-top: 40px;
    padding-bottom: 24px}

[blog-list] .blog-key-visual h2{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700}

@media (min-width:768px){[blog-list] .blog-key-visual h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){[blog-list] .blog-key-visual h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

[blog-list] .nav-container{margin-right: -24px;
    margin-left: -24px}

[blog-list] .blog-nav{margin-right: 6px;
    margin-left: 6px}

[blog-list] .container{margin-top: 32px;
    padding-right: 24px;
    padding-left: 24px}

[blog-list] .no-post{text-align: center;
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    color: #737373;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px}

@media (min-width:768px){[blog-list] .no-post {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[blog-list] .no-post {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[blog-list] [drop-select]{margin-bottom: 24px;
    display: none}

@media (min-width:768px){[blog-list] .grid {
        gap: 40px 24px
    }

    [blog-list] .blog-nav,
    [blog-list] .nav-container {
        margin-right: 0;
        margin-left: 0
    }

    [blog-list] .container {
        padding-right: 0;
        padding-left: 0;
        margin-top: 56px
    }

    [blog-list] [drop-select] {
        margin-bottom: 32px
    }}

@media (min-width:1280px){[blog-list] .blog-key-visual {
        padding-top: 72px;
        padding-bottom: 40px
    }

    [blog-list] .blog-key-visual h2 {
        font-size: 48px;
        line-height: 50px
    }

    [blog-list] .nav {
        flex: none
    }

    [blog-list] .container {
        flex: 1;
        min-height: calc(100vh - 820px)
    }

    [blog-list] .no-post {
        height: 366px
    }

    [blog-list] [drop-select] {
        display: none;
        max-width: 588px;
        margin-left: auto
    }

    [blog-list] [card-blog] .blog-content [article-content] {
        max-width: 458px
    }}

[about-us-content]{display: flex;
    flex-direction: column;
    row-gap: 56px}

@media (min-width:768px){[about-us-content] {
        row-gap: 64px
    }}

@media (min-width:1280px){[about-us-content] {
        row-gap: 128px
    }

    [about-us-content] [article-content]:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 336px;
        height: 264px;
        background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 50%;
        background-size: cover
    }

    [about-us-content] [article-content]:nth-child(odd):after {
        right: 0
    }

    [about-us-content] [article-content]:nth-child(2n):after {
        left: 0
    }

    [about-us-content] [article-content]:first-of-type:after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_1.png)
    }

    [about-us-content] [article-content]:nth-of-type(2):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_2.png)
    }

    [about-us-content] [article-content]:nth-of-type(3):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_3.png)
    }

    [about-us-content] [article-content]:nth-of-type(4):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_4.png)
    }

    [about-us-content] [article-content]:nth-of-type(5):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_5.png)
    }

    [about-us-content] [article-content]:nth-of-type(6):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_6.png)
    }}

[about-us-ggpoker-history]{margin-top: 56px}

[about-us-ggpoker-history] [article-content]>.content{padding-top: 32px}

@media (min-width:768px){[about-us-ggpoker-history] {
        margin-top: 64px
    }

    [about-us-ggpoker-history] [article-content]>.content {
        padding-top: 40px
    }}

@media (min-width:1280px){[about-us-ggpoker-history] {
        margin-top: 128px
    }

    [about-us-ggpoker-history] [article-content]>.content {
        padding-top: 80px
    }}

._accordion-view.open .title .angle-holder [svg-icon]{transform: rotate(180deg)}

._accordion-view input.accord-inp{display: none}

._accordion-view input.accord-inp:checked~.view-wrapper .context{max-height: 2000px;
    transition: max-height .3s}

._accordion-view input.accord-inp:checked~.view-wrapper .title .default-angle{transform: rotate(-180deg)}

._accordion-view .view-wrapper{background-color: transparent}

._accordion-view .view-wrapper>label{display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    gap: 4px}

._accordion-view .title{position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%}

._accordion-view .title .angle-holder{position: absolute;
    right: 40px;
    top: 0;
    left: auto;
    bottom: auto;
    z-index: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0}

._accordion-view .title .angle-holder [font-icon]{width: 12px;
    height: 12px;
    transform: translateY(0);
    margin-top: -6px}

._accordion-view .title .angle-holder.black [font-icon]{width: 10px;
    height: 10px;
    margin-top: 0;
    color: #333}

._accordion-view .title .default-angle{width: 12px;
    height: 12px;
    transition: transform .3s}

._accordion-view .context{overflow: hidden;
    max-height: 0;
    transition: max-height .3s}

._accordion-view .context .context-box .child>label{cursor: pointer}

._social{display: flex;
    align-items: center;
    gap: 24px;
    color: #fff}

._social a{display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    transition: background-color .25s ease-in-out}

.no-touch ._social a:hover:not(.hover-disable){background-color: #24242a}

.no-touch ._social a:active:not(.hover-disable){background-color: #000}

._social a.disabled .label{color: #525252}

._social a.disabled svg path{fill: #525252}

._social .label{display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-top: 2px;
    padding-right: 20px}

@media (min-width:768px){._social {
        gap: 16px
    }}

._app-footer-nav .inner{padding-top: 28px;
    padding-right: 24px;
    padding-bottom: 28px;
    padding-left: 24px}

._app-footer-nav .inner>ul>li+li{margin-top: 24px}

._app-footer-nav .inner>ul>li>a,
._app-footer-nav .inner>ul>li>strong{font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase}

._app-footer-nav .inner>ul>li>ul{padding-top: 12px}

._app-footer-nav .inner>ul>li>ul li{display: flex;
    align-items: center;
    margin-top: 12px}

._app-footer-nav .inner>ul>li>ul a{position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #d4d4d4}

.no-touch ._app-footer-nav .inner>ul>li>ul a:hover:not(.hover-disable){color: #fff}

.no-touch ._app-footer-nav .inner>ul>li>ul a:hover:not(.hover-disable):after{background-color: #d4d4d4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: ""}

._app-footer-nav .inner ._app-region-selector+ul{margin-top: 56px}

._app-footer-nav .inner ._app-region-selector+ul>li+li{margin-top: 32px}

@media (min-width:768px){._app-footer-nav .inner {
        padding-top: 28px;
        padding-right: 56px;
        padding-bottom: 28px;
        padding-left: 56px
    }

    ._app-footer-nav .inner>ul>li>a,
    ._app-footer-nav .inner>ul>li>strong {
        position: relative;
        padding-bottom: 4px
    }

    ._app-footer-nav .inner>ul>li>a:not(strong):after,
    ._app-footer-nav .inner>ul>li>strong:not(strong):after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 100%;
        bottom: 0;
        height: 1px;
        background-color: #fff;
        transition: right .25s ease-in-out
    }

    ._app-footer-nav .inner>ul>li>a:not(strong):hover:after,
    ._app-footer-nav .inner>ul>li>strong:not(strong):hover:after {
        right: 0
    }

    ._app-footer-nav .inner>ul>li>ul {
        padding-top: 12px
    }

    ._app-footer-nav .inner>ul>li>ul a {
        line-height: 22px
    }

    ._app-footer-nav .inner ._app-region-selector+ul {
        margin-top: 0
    }}

@media (min-width:1280px){._app-footer-nav .inner {
        position: relative;
        display: block;
        padding-top: 28px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        min-height: 192px
    }

    ._app-footer-nav .inner>ul {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 96px
    }

    ._app-footer-nav .inner>ul>li+li {
        margin-top: 0
    }

    ._app-footer-nav .inner>ul>li>ul {
        padding-top: 16px
    }

    ._app-footer-nav .inner>ul>li>ul li {
        margin-top: 16px
    }

    ._app-footer-nav .inner>ul:first-of-type>li:first-child {
        min-width: 170px
    }

    ._app-footer-nav .inner ._app-region-selector+ul {
        align-items: flex-start
    }

    ._app-footer-nav .inner ._app-region-selector+ul>li+li {
        margin-top: 0
    }}

div._app-region-selector .language-item{display: flex;
    align-items: center;
    padding-top: 9px;
    padding-right: 8px;
    padding-bottom: 9px;
    padding-left: 8px;
    border-radius: 8px;
    width: 100%}

div._app-region-selector .language-item img{width: 16px;
    height: 16px;
    margin-bottom: 0}

div._app-region-selector .language-item>strong{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    margin-left: 8px;
    white-space: nowrap}

@media (min-width:768px){div._app-region-selector .language-item>strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){div._app-region-selector .language-item>strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

div._app-region-selector .language-item>em{font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    margin-left: 4px}

@media (min-width:768px){div._app-region-selector .language-item>em {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){div._app-region-selector .language-item>em {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

div._app-region-selector .language-item>span{position: relative;
    padding-left: 8px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400}

@media (min-width:768px){div._app-region-selector .language-item>span {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){div._app-region-selector .language-item>span {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

div._app-region-selector .language-item>span:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
    width: 1px;
    height: 12px}

div._app-region-selector .language-container{position: relative}

div._app-region-selector .language-container .language-current{display: flex;
    align-items: center;
    height: 40px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    width: 100%}

@media (min-width:768px){div._app-region-selector .language-container .language-current {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){div._app-region-selector .language-container .language-current {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

div._app-region-selector .language-container .language-list{position: absolute;
    padding-right: 8px;
    padding-left: 8px;
    z-index: 1;
    padding-top: 8px;
    padding-bottom: 20px;
    overflow-y: scroll}

div._app-region-selector .language-container .language-list::-webkit-scrollbar{width: 4px}

div._app-region-selector .language-container .language-list::-webkit-scrollbar-thumb:hover,
div._app-region-selector .language-container .language-list::-webkit-scrollbar-track{background-color: transparent}

div._app-region-selector .language-container .language-list::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 100%, .5);
    border-radius: 2px}

div._app-region-selector.footer .language-item>strong{color: #fff}

div._app-region-selector.footer .language-item>em,
div._app-region-selector.footer .language-item>span{color: #a3a3a3}

div._app-region-selector.footer .language-item>span:before{background-color: #525252}

div._app-region-selector.footer .language-container .language-current{border: 1px solid #3c3c44;
    background-color: #0e0e0e;
    color: #fff}

.no-touch div._app-region-selector.footer .language-container .language-current:hover:not(.hover-disable){background-color: #24242a;
    border: 1px solid #24242a}

div._app-region-selector.footer .language-container .language-list{left: 0;
    top: 100%;
    right: auto;
    bottom: auto;
    right: 0;
    border-radius: 0 0 8px 8px;
    max-height: 415px;
    border: 1px solid #3c3c44;
    border-top: 0;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
    background-color: #0e0e0e}

.no-touch div._app-region-selector.footer .language-container .language-list .language-item:hover:not(.hover-disable){background-color: #24242a}

.no-touch div._app-region-selector.footer .language-container .language-list .language-item:active:not(.hover-disable){background-color: #000}

div._app-region-selector.footer.active .language-current{background-color: #24242a;
    border: 1px solid #24242a;
    border-radius: 8px 8px 0 0;
    border-bottom-color: transparent}

@media (min-width:768px){div._app-region-selector.footer {
        position: absolute;
        right: 56px;
        top: 104px;
        left: auto;
        bottom: auto;
        width: 280px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0
    }}

@media (min-width:1280px){div._app-region-selector.footer {
        right: 0;
        top: 28px;
        left: auto;
        bottom: auto
    }}

div._app-region-selector.sideMenu .language-item>strong{color: #000}

div._app-region-selector.sideMenu .language-item>em,
div._app-region-selector.sideMenu .language-item>span{color: #525252}

div._app-region-selector.sideMenu .language-item>span:before{background-color: #a3a3a3}

div._app-region-selector.sideMenu .language-container .language-current{border: 1px solid #f1f1f4;
    background-color: #fff}

.no-touch div._app-region-selector.sideMenu .language-container .language-current:hover:not(.hover-disable){background-color: #fff;
    border: 1px solid #d5d5dc}

div._app-region-selector.sideMenu .language-container .language-current svg path{fill: #000}

div._app-region-selector.sideMenu .language-container .language-list{left: 0;
    bottom: 100%;
    right: auto;
    top: auto;
    right: 0;
    border-radius: 8px 8px 0 0;
    border: 1px solid #d5d5dc;
    background-color: #fafafa;
    border-bottom: 0;
    max-height: 295px}

div._app-region-selector.sideMenu .language-container .language-list::-webkit-scrollbar-thumb{background-color: #d5d5dc}

.no-touch div._app-region-selector.sideMenu .language-container .language-list .language-item:hover:not(.hover-disable){background-color: rgba(0, 0, 0, .03)}

.no-touch div._app-region-selector.sideMenu .language-container .language-list .language-item:active:not(.hover-disable){background-color: #fff}

div._app-region-selector.sideMenu.active{box-shadow: 0 7px 22px -4px rgba(154, 164, 184, .15), 0 1px 4px -2px rgba(154, 164, 184, .04)}

div._app-region-selector.sideMenu.active .language-current{background-color: #fff;
    border-color: #d5d5dc;
    border-radius: 0 0 8px 8px;
    border-top-color: transparent}

.no-touch div._app-region-selector.sideMenu.active .language-current:hover:not(.hover-disable){border-top-color: transparent}

._app-footer-banners .inner{padding-top: 28px;
    padding-right: 24px;
    padding-bottom: 28px;
    padding-left: 24px;
    text-align: center}

._app-footer-banners .licenses{display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px}

._app-footer-banners .site{display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px}

._app-footer-banners .awards{margin-top: 24px}

._app-footer-banners .awards ul{display: flex;
    justify-content: center;
    gap: 24px}

._app-footer-banners .awards ul img{width: 68px;
    height: 68px}

._app-footer-banners .egr-operator,
._app-footer-banners .guinness{margin-top: 16px;
    cursor: pointer}

._app-footer-banners .egr-operator img,
._app-footer-banners .guinness img{width: 100%;
    height: auto;
    max-width: 280px;
    border-radius: 8px}

._app-footer-banners .egr-operator{cursor: auto}

@media (min-width:768px){._app-footer-banners {
        position: relative;
        margin-top: 72px
    }

    ._app-footer-banners .inner {
        padding-top: 28px;
        padding-right: 56px;
        padding-bottom: 28px;
        padding-left: 56px
    }

    ._app-footer-banners .awards {
        margin-top: 56px
    }}

@media (min-width:1280px){._app-footer-banners {
        margin-top: 0
    }

    ._app-footer-banners .inner {
        position: relative;
        display: block
    }

    ._app-footer-banners .inner:has(.awards-guinness) {
        padding-top: 150px;
        padding-right: 0;
        padding-bottom: 28px;
        padding-left: 0
    }

    ._app-footer-banners .awards {
        margin-top: 0
    }

    ._app-footer-banners .awards ul li {
        flex: none
    }

    ._app-footer-banners .links {
        display: flex;
        align-items: center;
        gap: 8px
    }

    ._app-footer-banners .site {
        flex-direction: row;
        margin-top: 0
    }

    ._app-footer-banners .awards-guinness {
        position: absolute;
        right: 0;
        bottom: 28px;
        left: auto;
        top: auto
    }

    ._app-footer-banners .guinness img {
        width: 280px;
        height: 120px;
        max-width: inherit
    }}

._app-nav-util.collapse>li.AboutUs a:before{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-alert-circle-24.png)}

[partners-header]{text-align: center;
    padding-bottom: 56px}

[partners-header] h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    color: #fff;
    font-weight: 500}

@media (min-width:768px){[partners-header] h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[partners-header] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[partners-header] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    margin-top: 12px}

@media (min-width:768px){[partners-header] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[partners-header] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[partners-header] p a{font-weight: 500;
    text-decoration: underline;
    color: #fff}

[partners-header] .eyebrow{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    font-weight: 400}

@media (min-width:768px){[partners-header] .eyebrow {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[partners-header] .eyebrow {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:768px){[partners-header] {
        padding-bottom: 64px
    }}

@media (min-width:1280px){[partners-header] {
        padding-bottom: 128px
    }

    [partners-header] p {
        margin-top: 24px
    }}

[affiliate-program-with-us] .message{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[affiliate-program-with-us] .message {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[affiliate-program-with-us] .message {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

.blog-nav ._slider{margin-bottom: 24px;
    padding-left: 40px;
    padding-right: 40px}

.blog-nav ._slider .swiper-slide{width: auto;
    max-width: none}

.blog-nav ._slider .swiper-button.swiper-button-next:before,
.blog-nav ._slider .swiper-button.swiper-button-prev:before{content: "";
    width: 12px;
    height: 40px;
    position: absolute}

.blog-nav ._slider .swiper-button.swiper-button-prev:before{left: 38px;
    background: linear-gradient(90deg, #18181b, rgba(24, 24, 27, 0))}

.blog-nav ._slider .swiper-button.swiper-button-next:before{right: 40px;
    background: linear-gradient(90deg, rgba(24, 24, 27, 0), #18181b)}

.blog-nav ._slider .swiper-button.swiper-button-disabled{background: none}

.blog-nav ._slider .swiper-button-next,
.blog-nav ._slider .swiper-button-prev{background: linear-gradient(90deg, transparent, #181818);
    height: 40px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    top: 55%}

.blog-nav ._slider .swiper-button-next i,
.blog-nav ._slider .swiper-button-prev i{position: absolute;
    width: 40px;
    height: 40px}

.blog-nav ._slider .swiper-button-next i{right: 0}

.blog-nav ._slider .swiper-button-prev i{left: 0}

.blog-nav ._slider .swiper-button-next.swiper-button-disabled,
.blog-nav ._slider .swiper-button-prev.swiper-button-disabled{opacity: 1}

.blog-nav ._slider .swiper-button-next.swiper-button-disabled i:after,
.blog-nav ._slider .swiper-button-next.swiper-button-disabled i:before,
.blog-nav ._slider .swiper-button-prev.swiper-button-disabled i:after,
.blog-nav ._slider .swiper-button-prev.swiper-button-disabled i:before{background-color: #404040}

.blog-nav ._slider .swiper-button-next i:before,
.blog-nav ._slider .swiper-button-prev i:before{transform-origin: 1px 100%;
    width: 2px;
    height: 10px}

.blog-nav ._slider .swiper-button-next i:after,
.blog-nav ._slider .swiper-button-prev i:after{width: 2px;
    height: 10px;
    top: calc(50% - 1px);
    transform-origin: 1px 100%}

.blog-nav ._slider a{display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 12px;
    height: 48px;
    color: #8b8b8d;
    transition: color .25s ease-out}

.blog-nav ._slider a:active,
.no-touch .blog-nav ._slider a:hover:not(.hover-disable){background-color: transparent;
    color: #fff}

.blog-nav ._slider a:active:after,
.no-touch .blog-nav ._slider a:hover:not(.hover-disable):after{right: 12px;
    height: 1px}

.blog-nav ._slider a:after{content: "";
    display: block;
    position: absolute;
    height: 0;
    background-color: #fff;
    left: 12px;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    transition: right .25s ease-in-out}

.blog-nav ._slider a.active{color: #fff}

.blog-nav ._slider a.active:active:after,
.blog-nav ._slider a.active:after,
.no-touch .blog-nav ._slider a.active:hover:not(.hover-disable):after{right: 12px;
    height: 2px}

@media (min-width:768px){.blog-nav ._slider {
        margin-bottom: 12px
    }}

[card-blog]{overflow: hidden;
    background-color: #18181b}

[card-blog] .content-wrap{border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)}

[card-blog] .blog-content{display: flex;
    flex-flow: row}

[card-blog] .blog-content .blog-title{flex: 1.2;
    padding: 16px;
    overflow: hidden;
    background-color: #24242a}

[card-blog] .blog-content .blog-title>h3{position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2}

@media (min-width:768px){[card-blog] .blog-content .blog-title>h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[card-blog] .blog-content .blog-title>h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[card-blog] .blog-content .blog-title .category{font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 4px;
    color: #a3a3a3;
    line-height: 16px}

@media (min-width:768px){[card-blog] .blog-content .blog-title .category {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){[card-blog] .blog-content .blog-title .category {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

[card-blog] .blog-content figure{flex: 1;
    position: relative;
    width: auto;
    height: auto;
    background-color: #24242a}

[card-blog] .blog-content figure a{display: block;
    padding-top: 52%}

[card-blog] .blog-content figure img{position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

[card-blog] .blog-content .date{font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    color: #737373;
    display: none}

@media (min-width:768px){[card-blog] .blog-content .date {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){[card-blog] .blog-content .date {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

[card-blog] .blog-content .desc{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: none}

[card-blog] .blog-content .desc *{font-weight: 400 !important;
    display: inline}

[card-blog] .blog-content .desc iframe{width: 100% !important}

[card-blog] .tags{display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    background-color: rgba(36, 36, 42, .8)}

[card-blog] .tags a{padding-top: 7px;
    padding-bottom: 7px;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3;
    transition: color .25s ease-out}

@media (min-width:768px){[card-blog] .tags a {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){[card-blog] .tags a {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

.no-touch [card-blog] .tags a:hover:not(.hover-disable),
[card-blog] .tags a:active{color: #fff}

@media (min-width:768px){[card-blog] .content-wrap {
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .3);
        border-radius: 16px
    }

    [card-blog] .content-wrap .blog-content {
        display: block
    }

    [card-blog] .content-wrap .blog-content>figure {
        width: auto;
        height: auto
    }

    [card-blog] .content-wrap .blog-content .blog-title {
        padding-top: 24px;
        padding-right: 32px;
        padding-bottom: 24px;
        padding-left: 32px
    }

    [card-blog] .content-wrap .blog-content .blog-title h3 {
        min-height: 78px
    }

    [card-blog] .content-wrap .date {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: .36px;
        display: block;
        padding-top: 16px
    }}

@media (min-width:768px) and (min-width:768px){[card-blog] .content-wrap .date {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:768px) and (min-width:1280px){[card-blog] .content-wrap .date {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

[pagination]{position: relative;
    display: flex;
    align-items: center}

[pagination] span.next-button{margin-left: 12px;
    padding-right: 0;
    padding-left: 0}

[pagination] span.prev-button{margin-right: 12px;
    padding-right: 0;
    padding-left: 0}

[pagination] button{height: 24px;
    min-width: 24px;
    vertical-align: middle;
    padding-right: 4px;
    padding-left: 4px}

[pagination] button[disabled]{pointer-events: none}

[pagination] .first-button,
[pagination] .last-button{display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    color: #a3a3a3;
    font-size: 14px}

[pagination] .end-and-end{display: flex}

[pagination] a{display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: auto;
    min-width: 24px;
    padding-right: 4px;
    padding-left: 4px;
    color: #a3a3a3;
    font-size: 14px}

[pagination] a.active{background-color: #24242a}

[pagination] a.active:after{width: 24px;
    height: 24px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%)}

@media (min-width:1280px){[pagination] {
        margin-top: 40px
    }}

[card-icon]{padding: 24px;
    border-radius: 16px;
    background: linear-gradient(180deg, #29292f, #232529 94.74%);
    box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)}

[card-icon]>.bg-icon path{stroke: hsla(0, 0%, 100%, .1)}

[card-icon] .holder .icon{width: 56px;
    height: 56px}

[card-icon] .holder .title{margin-top: 16px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[card-icon] .holder .title {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[card-icon] .holder .title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[card-icon] .holder h4{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[card-icon] .holder h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[card-icon] .holder h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[card-icon] .holder h4+p{margin-top: 8px}

[card-icon] .content{position: relative;
    z-index: 1;
    margin-top: 16px;
    padding-top: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[card-icon] .content {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[card-icon] .content {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[card-icon] .content:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 80px;
    height: 2px;
    background-color: #54545f}

[card-icon] .content>ul>li{position: relative;
    padding-left: 16px}

[card-icon] .content>ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px}

[lang=ar] [card-icon] .content>ul>li{padding-right: 16px}

[lang=ar] [card-icon] .content>ul>li:before{right: 5px;
    top: 10px;
    left: auto;
    bottom: auto}

[card-icon].contact .holder .title{display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 400;
    min-height: 48px;
    margin-top: 0}

[card-icon].contact .content{margin-top: 24px;
    display: flex;
    padding-top: 0}

[card-icon].contact .content:before{display: none}

[card-icon].contact .content>[color-button]{flex: 1}

[card-icon].thumbnail{padding: 0;
    border: 1px solid #033f13;
    background: linear-gradient(180deg, #151515 34.5%, #02230b)}

[card-icon].thumbnail>figure img{width: 100%;
    height: auto;
    border-radius: 16px 16px 0 0}

[card-icon].thumbnail .holder{padding: 24px}

[card-icon].thumbnail .holder .title{margin-top: 0}

[card-icon].thumbnail.blue{border: 1px solid #042751;
    background: linear-gradient(180deg, #151515 44.5%, #011d39)}

[card-icon].left .holder .title{justify-content: left;
    text-align: left}

@media (min-width:768px){[card-icon],
    [card-icon].thumbnail .holder {
        padding: 32px
    }}

[affiliate-program-join]{display: flex;
    flex-direction: column;
    row-gap: 56px;
    margin-top: 56px}

@media (min-width:768px){[affiliate-program-join] {
        row-gap: 64px;
        margin-top: 64px
    }}

@media (min-width:1280px){[affiliate-program-join] {
        row-gap: 128px;
        margin-top: 128px
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 336px;
        height: 264px;
        background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 50%;
        background-size: cover
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-child(odd):after {
        right: 0
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-child(2n):after {
        left: 0
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-of-type(3):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/affiliate_program_join_1.png)
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-of-type(4):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/affiliate_program_join_2.png)
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-of-type(5):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/affiliate_program_join_3.png)
    }}

[affiliate-program-signup]{margin-top: 56px}

[affiliate-program-signup] .article-content{row-gap: 16px}

[affiliate-program-signup] [card-icon].contact .title{color: #d4d4d4;
    align-items: flex-start}

[affiliate-program-signup] [card-icon].contact .content{align-items: flex-end;
    justify-content: space-between;
    gap: 8px}

[affiliate-program-signup] [card-icon].contact .content p{font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    text-decoration: underline}

[affiliate-program-signup] [card-icon].contact .content .icon{flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #dc3333;
    border-radius: 50%}

@media (min-width:768px){[affiliate-program-signup] {
        margin-top: 64px
    }

    [affiliate-program-signup] .article-content {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px
    }

    [affiliate-program-signup] .article-content [color-button] {
        max-width: 248px;
        margin-left: auto;
        margin-right: auto
    }}

@media (min-width:1280px){[affiliate-program-signup] {
        margin-top: 128px
    }

    [affiliate-program-signup] .article-content {
        grid-template-columns: repeat(4, 1fr) !important;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    [affiliate-program-signup] .article-content [card-icon] .title {
        min-height: 78px
    }}

[all-in-fortune] [key-visual-promotions].primary h2 sup{display: flex;
    color: #fff}

[all-in-fortune] [article-content]>.content h6{margin-bottom: 8px}

[all-in-fortune] [article-content]>.content ul{margin-bottom: 20px}

@media (min-width:768px){[all-in-fortune] [article-content]>.content h6 {
        margin-bottom: 12px
    }}

@media (min-width:1280px){[all-in-fortune] [article-content]>.content h6 {
        margin-bottom: 8px
    }

    [all-in-fortune] [article-content]>.content ul {
        margin-bottom: 24px
    }}

[all-in-fortune-thumbnails]{text-align: center}

[all-in-fortune-thumbnails] [grid]{row-gap: 8px}

[all-in-fortune-thumbnails] .item{display: flex;
    flex-direction: column;
    row-gap: 8px}

[all-in-fortune-thumbnails] .item figure{position: relative;
    width: 104px;
    height: 78px;
    margin-left: auto;
    margin-right: auto}

[all-in-fortune-thumbnails] .item figure img{position: absolute;
    left: 50%;
    bottom: 0;
    right: auto;
    top: auto;
    transform: translateX(-50%);
    width: auto;
    height: 108px}

[all-in-fortune-thumbnails] .item figure.video{position: relative;
    padding-top: 74.8%}

[all-in-fortune-thumbnails] .item figure.video video{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0}

[all-in-fortune-thumbnails] .item p{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[all-in-fortune-thumbnails] .item p {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[all-in-fortune-thumbnails] .item p {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:768px){[all-in-fortune-thumbnails] [grid] {
        row-gap: 20px
    }

    [all-in-fortune-thumbnails] .item {
        row-gap: 12px
    }

    [all-in-fortune-thumbnails] .item figure {
        position: relative;
        width: 224px;
        height: 168px
    }

    [all-in-fortune-thumbnails] .item figure img {
        height: 100%
    }}

@media (min-width:1280px){[all-in-fortune-thumbnails] .item,
    [all-in-fortune-thumbnails] [grid] {
        row-gap: 24px
    }

    [all-in-fortune-thumbnails] .item figure {
        width: 384px;
        height: 288px
    }

    [all-in-fortune-thumbnails] .item figure img {
        height: 288px
    }}

[all-in-fortune-fortunes] [responsive-video].responsive{max-width: 704px;
    margin: 0 auto}

[all-in-fortune-fortunes] [responsive-video].responsive video{height: auto}

@media (min-width:1280px){[all-in-fortune-fortunes] [responsive-video].responsive {
        max-width: none
    }

    [all-in-fortune-fortunes] .objects .obj {
        opacity: .15
    }

    [all-in-fortune-fortunes] .objects .obj:first-of-type {
        left: calc(100% - 261px);
        bottom: -164px;
        right: auto;
        top: auto
    }

    [all-in-fortune-fortunes] .objects .obj:nth-of-type(2) {
        left: -727px;
        top: -220px;
        right: auto;
        bottom: auto
    }

    [all-in-fortune-fortunes] .objects img {
        position: absolute;
        pointer-events: none
    }

    [all-in-fortune-fortunes] .objects img:first-of-type {
        left: calc(100% + 114.86px);
        bottom: 270px;
        right: auto;
        top: auto
    }

    [all-in-fortune-fortunes] .objects img:nth-of-type(2) {
        right: calc(100% + 129px);
        top: 50px;
        left: auto;
        bottom: auto
    }}

._img-content-template.img-message .group .message{margin-top: -22px;
    width: 260px;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fee78a;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_img_message.png) 50% 0/cover no-repeat}

[all-in-fortune-massive] [responsive-video].responsive{max-width: 704px;
    margin: 0 auto}

[all-in-fortune-massive] [responsive-video].responsive video{height: auto}

@media (min-width:1280px){[all-in-fortune-massive] [responsive-video].responsive {
        max-width: none
    }}

@media (min-width:1280px){[all-in-fold-jackpot] .key-visual-group h2 {
        width: 789px
    }}

[all-in-fold-holdem-omaha] article h4{margin-top: 12px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[all-in-fold-holdem-omaha] article h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[all-in-fold-holdem-omaha] article h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[all-in-fold-holdem-omaha] article p{margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[all-in-fold-holdem-omaha] article p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[all-in-fold-holdem-omaha] article p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[all-in-fold-holdem-omaha] article figure img{display: block;
    width: 100%;
    height: auto;
    max-width: 704px;
    border-radius: 16px;
    margin-left: auto;
    margin-right: auto}

@media (min-width:1280px){[all-in-fold-holdem-omaha] article h4 {
        margin-top: 20px
    }}

[bad-beat-jackpot] [key-visual-promotions].primary .title-image{display: block;
    margin-top: 8px;
    width: 281px;
    height: auto}

@media (min-width:768px){[bad-beat-jackpot] [key-visual-promotions].primary .title-image {
        width: 562px
    }}

@media (min-width:1280px){[bad-beat-jackpot] [key-visual-promotions].primary h3:after {
        content: "";
        display: block;
        position: absolute;
        left: -50px;
        bottom: -230px;
        right: auto;
        top: auto;
        width: 771px;
        height: 250px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/key_visual_BadBeatJackpot_board.png) 0 0/cover no-repeat;
        pointer-events: none
    }

    [bad-beat-jackpot] [key-visual-promotions].primary .title-image {
        width: 750px;
        margin-top: 28px
    }}

[bad-beat-jackpot-trigger] .item{padding-top: 20px;
    padding-right: 24px;
    padding-bottom: 22px;
    padding-left: 24px;
    text-align: center;
    width: 100%;
    height: auto;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bad_beat_jackpot_trigger_card.png) 50% 50%/cover no-repeat;
    border-radius: 16px}

[bad-beat-jackpot-trigger] .item strong{display: block;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[bad-beat-jackpot-trigger] .item strong {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[bad-beat-jackpot-trigger] .item strong {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[bad-beat-jackpot-trigger] .item figure{padding-top: 20px;
    padding-bottom: 20px}

[bad-beat-jackpot-trigger] .item figure img{width: 100%;
    height: auto}

[bad-beat-jackpot-trigger] .item p{color: #fee78a}

[bad-beat-jackpot-trigger] .item p span{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400}

@media (min-width:768px){[bad-beat-jackpot-trigger] .item p span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[bad-beat-jackpot-trigger] .item p span {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[bad-beat-jackpot-trigger] .item p:first-of-type{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400}

@media (min-width:768px){[bad-beat-jackpot-trigger] .item p:first-of-type {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[bad-beat-jackpot-trigger] .item p:first-of-type {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[bad-beat-jackpot-trigger] .item p:nth-of-type(2){font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500}

@media (min-width:768px){[bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:768px){[bad-beat-jackpot-trigger] .item {
        margin-left: auto;
        margin-right: auto
    }

    [bad-beat-jackpot-trigger] .item strong {
        height: 56px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500;
        font-weight: 400
    }}

@media (min-width:768px) and (min-width:768px){[bad-beat-jackpot-trigger] .item strong {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:768px) and (min-width:1280px){[bad-beat-jackpot-trigger] .item strong {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[bad-beat-jackpot-trigger] .item strong {
        height: 54px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px;
        font-weight: 400;
        font-weight: 500
    }

    [bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px;
        font-weight: 500
    }}

@media (min-width:1280px) and (min-width:768px){[bad-beat-jackpot-trigger] .item strong {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px) and (min-width:1280px){[bad-beat-jackpot-trigger] .item strong {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px) and (min-width:768px){[bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px) and (min-width:1280px){[bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[bad-beat-jackpot-hitting] figure img{width: 100%;
    height: auto;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px}

[bad-beat-jackpot-hitting] ul{margin-top: -4px}

@media (min-width:768px){[bad-beat-jackpot-hitting] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }}

@media (min-width:1280px){[bad-beat-jackpot-hitting] .objects .obj {
        opacity: .1
    }

    [bad-beat-jackpot-hitting] .objects .obj:first-of-type {
        left: calc(100% - 270px);
        top: 22px;
        right: auto;
        bottom: auto
    }

    [bad-beat-jackpot-hitting] .objects img {
        position: absolute;
        pointer-events: none
    }

    [bad-beat-jackpot-hitting] .objects img:first-of-type {
        left: calc(100% + 106.6px);
        top: 485px;
        right: auto;
        bottom: auto;
        max-width: 234px
    }}

[bad-beat-jackpot-payout] [responsive-table] td,
[bad-beat-jackpot-payout] [responsive-table] th{width: 50%}

@media (min-width:1280px){[bad-beat-jackpot-payout] {
        min-height: 365px
    }

    [bad-beat-jackpot-payout] .objects .obj {
        opacity: .1
    }

    [bad-beat-jackpot-payout] .objects .obj:first-of-type {
        right: calc(100% - 253px);
        top: -140px;
        left: auto;
        bottom: auto
    }

    [bad-beat-jackpot-payout] .objects img {
        position: absolute;
        pointer-events: none
    }

    [bad-beat-jackpot-payout] .objects img:first-of-type {
        right: calc(100% + 44.55px);
        top: 32.89px;
        left: auto;
        bottom: auto;
        max-width: 282px
    }}

[bad-beat-jackpot-fund] img{width: 100%;
    height: auto}

@media (min-width:768px){[bad-beat-jackpot-fund] figure {
        margin: 0 auto
    }

    [bad-beat-jackpot-fund] figure img {
        max-width: 704px
    }}

@media (min-width:1280px){[bad-beat-jackpot-fund] {
        min-height: 724px
    }

    [bad-beat-jackpot-fund] figure img {
        max-width: none
    }

    [bad-beat-jackpot-fund]>.content {
        row-gap: 24px
    }

    [bad-beat-jackpot-fund] .objects .obj {
        opacity: .1
    }

    [bad-beat-jackpot-fund] .objects .obj:first-of-type {
        left: calc(100% - 292px);
        top: 202px;
        right: auto;
        bottom: auto
    }

    [bad-beat-jackpot-fund] .objects img {
        position: absolute;
        pointer-events: none
    }

    [bad-beat-jackpot-fund] .objects img:first-of-type {
        left: calc(100% - 139.4px);
        top: 446.4px;
        right: auto;
        bottom: auto;
        max-width: 417.193px
    }}

[bad-beat-jackpot-accumulation]>.content{gap: 20px}

[bad-beat-jackpot-accumulation]>.content ul{margin-top: -16px}

@media (min-width:768px){[bad-beat-jackpot-accumulation]>.content {
        gap: 20px
    }

    [bad-beat-jackpot-accumulation]>.content ul {
        margin-top: -16px
    }}

@media (min-width:1280px){[bad-beat-jackpot-accumulation] {
        min-height: 200px
    }

    [bad-beat-jackpot-accumulation]>.content {
        gap: 24px
    }

    [bad-beat-jackpot-accumulation]>.content ul {
        margin-top: -20px
    }}

[tournaments-template] [page-container]{padding-top: 0}

[tournaments-template] [page-container]>.inner{display: flex;
    flex-direction: column;
    gap: 56px}

[tournaments-template] [key-visual-tournaments] [slider]:not(.not) .swiper-slide{width: auto;
    max-width: none;
    margin-right: 16px}

@media (min-width:768px){[tournaments-template] [key-visual-tournaments] [slider]:not(.not) .swiper-wrapper {
        transform: none !important;
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(3, auto);
        gap: 24px
    }

    [tournaments-template] [key-visual-tournaments] [slider]:not(.not) .swiper-wrapper .swiper-slide {
        margin-right: 0
    }

    [tournaments-template] [key-visual-tournaments] [slider]:not(.not)[col="4"] .swiper-wrapper {
        grid-template-columns: repeat(4, auto)
    }

    [tournaments-template] [page-container]>.inner {
        gap: 64px
    }}

@media (min-width:1280px){[tournaments-template] [page-container]>.inner {
        gap: 128px
    }}

[tournaments-header] h2{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    font-weight: 900;
    color: #fff}

@media (min-width:768px){[tournaments-header] h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){[tournaments-header] h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

[tournaments-header] p{margin-top: 28px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    max-width: 790px}

@media (min-width:768px){[tournaments-header] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[tournaments-header] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[bounty-hunters-schedule] td:first-child,
[bounty-hunters-schedule] td:nth-child(2),
[bounty-hunters-schedule] th:first-child,
[bounty-hunters-schedule] th:nth-child(2){width: 15%}

[bounty-hunters-schedule] td:nth-child(3),
[bounty-hunters-schedule] th:nth-child(3){width: 40%}

[bounty-hunters-schedule] td:nth-child(4),
[bounty-hunters-schedule] td:nth-child(5),
[bounty-hunters-schedule] th:nth-child(4),
[bounty-hunters-schedule] th:nth-child(5){width: 15%}

[bounty-hunters-schedule] [responsive-table] table{min-width: 704px}

[bounty-hunters-schedule] [responsive-table] thead th{text-transform: uppercase}

[bounty-hunters-schedule] [responsive-table].in-sticky .holder{max-height: 768px}

[bounty-hunters-schedule] [responsive-table].in-scroll thead th:last-child{border-right: 10px solid transparent}

@media (min-width:768px){[bounty-hunters-schedule] [responsive-table].in-sticky .holder {
        max-height: 768px
    }}

@media (min-width:1280px){[bounty-hunters-schedule] [responsive-table].in-sticky .holder {
        max-height: 1104px
    }}

[bounty-hunters-series-com] [key-visual-tournaments][section-container].event .title h2 span{letter-spacing: -.03em}

[bounty-hunters-series-com] .bhs-description{text-align: center;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    color: #fff}

@media (min-width:768px){[bounty-hunters-series-com] .bhs-description {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[bounty-hunters-series-com] .bhs-description {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }}

[bounty-hunters-series-com] .bhs-highlight-events{width: 327px;
    height: 586px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 66px;
    padding-left: 20px;
    text-align: center;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_highlight_events_bg.webp) 50% 0 no-repeat}

[bounty-hunters-series-com] .bhs-highlight-events h4{align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    height: 56px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #ecd9ab}

@media (min-width:768px){[bounty-hunters-series-com] .bhs-highlight-events h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[bounty-hunters-series-com] .bhs-highlight-events h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[bounty-hunters-series-com] .bhs-highlight-events h5{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #000;
    margin-top: 20px}

@media (min-width:768px){[bounty-hunters-series-com] .bhs-highlight-events h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[bounty-hunters-series-com] .bhs-highlight-events h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[bounty-hunters-series-com] .bhs-highlight-events em{color: #fee78a;
    background-color: #764927;
    padding-right: 4px;
    padding-left: 4px}

[bounty-hunters-series-com] .bhs-highlight-events p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #54545f;
    margin-top: 4px}

@media (min-width:768px){[bounty-hunters-series-com] .bhs-highlight-events p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[bounty-hunters-series-com] .bhs-highlight-events p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[bounty-hunters-series-com] .bhs-tickets{margin-top: 16px}

[bounty-hunters-series-com] .bhs-ticket{position: relative;
    border-radius: 16px;
    border: 1px solid transparent;
    height: 352px;
    max-width: 327px;
    margin-left: auto;
    margin-right: auto;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(180deg, #f08b4d, rgba(29, 29, 36, .92) 50.8%)}

[bounty-hunters-series-com] .bhs-ticket .holder{display: block;
    border-radius: 14px;
    height: 100%;
    margin: 1px;
    background: radial-gradient(148.71% 50% at 50% 0, #72462d 0, #57321d 39%, #281e1d 100%);
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px}

[bounty-hunters-series-com] .bhs-ticket figure{width: 176px;
    height: 176px;
    margin-left: auto;
    margin-right: auto}

[bounty-hunters-series-com] .bhs-ticket figure img{width: inherit;
    height: inherit}

[bounty-hunters-series-com] .bhs-ticket .message{text-align: center;
    margin-top: 16px}

[bounty-hunters-series-com] .bhs-ticket .message p{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[bounty-hunters-series-com] .bhs-ticket .message p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[bounty-hunters-series-com] .bhs-ticket .message p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[bounty-hunters-series-com] .bhs-ticket .message p strong{margin-top: 8px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fee78a}

@media (min-width:768px){[bounty-hunters-series-com] .bhs-ticket .message p strong {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[bounty-hunters-series-com] .bhs-ticket .message p strong {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[bounty-hunters-series-com] .bhs-ticket+.bhs-ticket{margin-top: 8px}

@media (min-width:768px){[bounty-hunters-series-com] [key-visual-tournaments][section-container].event .title h2 span {
        letter-spacing: 0
    }

    [bounty-hunters-series-com] .bhs-highlight-events {
        width: 704px;
        height: 434px;
        padding-top: 42.5px;
        padding-right: 80px;
        padding-bottom: 56px;
        padding-left: 80px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_highlight_events_bg_t.webp)
    }

    [bounty-hunters-series-com] .bhs-highlight-events h5 br,
    [bounty-hunters-series-com] .bhs-highlight-events p br {
        display: none
    }

    [bounty-hunters-series-com] .bhs-tickets {
        margin-top: 24px
    }

    [bounty-hunters-series-com] .bhs-ticket {
        height: 192px;
        max-width: 704px
    }

    [bounty-hunters-series-com] .bhs-ticket .holder {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 24px;
        padding-top: 8px;
        padding-right: 40px;
        padding-bottom: 8px;
        padding-left: 40px
    }

    [bounty-hunters-series-com] .bhs-ticket .message {
        flex: 1;
        text-align: left
    }

    [bounty-hunters-series-com] .bhs-ticket figure {
        flex: none
    }

    [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket {
        margin-top: 16px
    }}

@media (min-width:1280px){[bounty-hunters-series-com] .bhs-highlight-events {
        padding-top: 53.5px;
        padding-right: 40px;
        padding-bottom: 64px;
        padding-left: 40px;
        width: 100%;
        height: 494px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_highlight_events_bg_d.webp) 0 0 no-repeat
    }

    [bounty-hunters-series-com] .bhs-highlight-events h4+h5 {
        margin-top: 22px
    }

    [bounty-hunters-series-com] .bhs-highlight-events p {
        margin-top: 8px
    }

    [bounty-hunters-series-com] .bhs-tickets {
        display: flex;
        align-items: flex-start;
        gap: 24px
    }

    [bounty-hunters-series-com] .bhs-ticket {
        flex: 1;
        height: 216px
    }

    [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket {
        margin-top: 0
    }

    [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket img {
        transform: scale(1);
        transition: transform 1s ease-out
    }

    .no-touch [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket:hover:not(.hover-disable) img,
    [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket:active img {
        transform: scale(1.1);
        transition-duration: .35s;
        transition-timing-function: ease-in-out
    }}

[bounty-hunters-series-leaderboard]>.content h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    margin-bottom: -4px}

@media (min-width:768px){[bounty-hunters-series-leaderboard]>.content h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[bounty-hunters-series-leaderboard]>.content h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[bounty-hunters-series-leaderboard] .responsive-iframe{position: relative;
    padding: 16px;
    border-radius: 16px;
    background-color: #202022}

[bounty-hunters-series-leaderboard] .responsive-iframe iframe{width: 100%;
    height: 613px}

[bounty-hunters-series-leaderboard] .buy-in{margin-top: 8px;
    color: #fff}

[bounty-hunters-series-leaderboard] .buy-in p{display: flex;
    flex-direction: column}

[bounty-hunters-series-leaderboard] .buy-in p strong{font-weight: 500}

@media (min-width:768px){[bounty-hunters-series-leaderboard] .responsive-iframe {
        padding: 32px
    }

    [bounty-hunters-series-leaderboard] .buy-in p {
        flex-direction: row;
        gap: 8px
    }}

[bounty-hunters-series-in-paradise]{margin-bottom: 12px;
    width: 327px;
    height: 328px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-right: 48.5px;
    padding-bottom: 40px;
    padding-left: 48.5px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_in_paradise.webp) 50% 0 no-repeat}

[bounty-hunters-series-in-paradise] h4{height: 56px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #ecd9ab;
    text-align: center}

@media (min-width:768px){[bounty-hunters-series-in-paradise] h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[bounty-hunters-series-in-paradise] h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[bounty-hunters-series-in-paradise] figure.today{display: block;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18.5px;
    border: 1px solid #755b45}

[bounty-hunters-series-in-paradise] .list{display: none}

@media (min-width:768px){[bounty-hunters-series-in-paradise] {
        width: 704px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        padding-top: 42.5px;
        padding-right: 40px;
        padding-bottom: 56px;
        padding-left: 40px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_in_paradise_t.webp) 50% 0 no-repeat;
        margin-bottom: 8px
    }

    [bounty-hunters-series-in-paradise] h4 {
        height: 58px
    }

    [bounty-hunters-series-in-paradise] figure.today {
        display: none
    }

    [bounty-hunters-series-in-paradise] .list {
        max-width: 625px;
        margin-top: 17.5px;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        border: 1px solid #755b45;
        border-bottom: 0
    }

    [bounty-hunters-series-in-paradise] .list figure {
        position: relative;
        display: block;
        width: 104px;
        height: 104px;
        border-bottom: 1px solid #755b45;
        background-color: rgba(0, 0, 0, .03);
        overflow: hidden
    }

    [bounty-hunters-series-in-paradise] .list figure:before {
        content: attr(data-date);
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 64px;
        height: 40px;
        font-family: Roboto, San Francisco, Arial, sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        padding-top: 4px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 4px;
        background: linear-gradient(180deg, rgba(78, 39, 17, .8), rgba(147, 100, 70, .8));
        clip-path: polygon(0 0, 0 100%, 100% 0)
    }

    [bounty-hunters-series-in-paradise] .list figure img {
        width: inherit;
        height: inherit
    }

    [bounty-hunters-series-in-paradise] .list figure+figure {
        border-left: 1px solid #755b45
    }

    [bounty-hunters-series-in-paradise] .list figure:nth-child(6n


        +1) {
        border-left: 0
    }

    [bounty-hunters-series-in-paradise] .list figure.none:before {
        display: none
    }}

@media (min-width:1280px){[bounty-hunters-series-in-paradise] {
        width: auto;
        height: auto;
        padding-top: 53.5px;
        padding-right: 0;
        padding-bottom: 76px;
        padding-left: 0;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_in_paradise_d.webp)
    }

    [bounty-hunters-series-in-paradise] .list {
        max-width: 960px;
        margin-top: 20.5px
    }

    [bounty-hunters-series-in-paradise] .list figure {
        width: 160px;
        height: 160px
    }

    [bounty-hunters-series-in-paradise] .list figure:before {
        width: 92px;
        height: 48px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px;
        font-weight: 500;
        color: #fff
    }}

@media (min-width:1280px) and (min-width:768px){[bounty-hunters-series-in-paradise] .list figure:before {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px) and (min-width:1280px){[bounty-hunters-series-in-paradise] .list figure:before {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[bounty-hunters-series-schedule] [responsive-table].scroll-color.in-sticky .holder{max-height: 330px}

[bounty-hunters-series-schedule] [responsive-table].scroll-color table{min-width: 768px}

[bounty-hunters-series-schedule] [responsive-table].scroll-color thead th{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400}

@media (min-width:768px){[bounty-hunters-series-schedule] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[bounty-hunters-series-schedule] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[bounty-hunters-series-schedule] [responsive-table].scroll-color td:first-child,
[bounty-hunters-series-schedule] [responsive-table].scroll-color td:nth-child(2),
[bounty-hunters-series-schedule] [responsive-table].scroll-color td:nth-child(3),
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:first-child,
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:nth-child(2),
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:nth-child(3){width: 12.8%}

[bounty-hunters-series-schedule] [responsive-table].scroll-color td:nth-child(4),
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:nth-child(4){width: 36%}

[bounty-hunters-series-schedule] [responsive-table].scroll-color td:nth-child(5),
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:nth-child(5){width: 12.8%}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev td{border-bottom: 0}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev+tr{position: relative;
    transform: translate(0);
    clip-path: inset(0)}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev+tr td{position: relative;
    z-index: 2;
    padding-top: 0;
    padding-bottom: 0;
    height: 48px;
    border-bottom: 0}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev+tr td:last-child{color: #fee78a}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev+tr:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: calc(100% - 2px);
    height: 46px;
    border: 0;
    background: #362921;
    z-index: 1}

@media (min-width:768px){[bounty-hunters-series-schedule] [responsive-table].scroll-color.in-sticky .holder {
        max-height: 768px
    }}

[chinese-zodiac] [responsive-table] thead th{text-transform: uppercase}

[chinese-zodiac] [responsive-table].blue-gradient .holder:before{min-width: 704px}

[dir=rtl] [chinese-zodiac] [responsive-table].scroll-color.blue-gradient thead th{white-space: nowrap}

[dir=rtl] [chinese-zodiac] [czt-template] figure{left: auto;
    right: 0}

@media (min-width:768px){[dir=rtl] [chinese-zodiac] [czt-template] [responsive-table] tbody td:first-child,
    [dir=rtl] [chinese-zodiac] [czt-template] [responsive-table] thead th:first-child {
        padding-left: 8px;
        padding-right: 123px
    }}

@media (min-width:1280px){[dir=rtl] [chinese-zodiac] [czt-template] [responsive-table] tbody td:first-child,
    [dir=rtl] [chinese-zodiac] [czt-template] [responsive-table] thead th:first-child {
        padding-right: 306px
    }}

[chinese-zodiac-event]{position: relative}

[chinese-zodiac-event] figure{position: relative;
    overflow: hidden;
    padding-top: 26%}

[chinese-zodiac-event] figure img{position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 130%;
    height: auto}

[chinese-zodiac-event] td:first-child,
[chinese-zodiac-event] td:nth-child(2),
[chinese-zodiac-event] th:first-child,
[chinese-zodiac-event] th:nth-child(2){width: 15%}

[chinese-zodiac-event] td:nth-child(3),
[chinese-zodiac-event] th:nth-child(3){width: 40%}

[chinese-zodiac-event] td:nth-child(4),
[chinese-zodiac-event] td:nth-child(5),
[chinese-zodiac-event] th:nth-child(4),
[chinese-zodiac-event] th:nth-child(5){width: 15%}

[chinese-zodiac-event] [responsive-table]{margin-top: -30px}

[chinese-zodiac-event] [responsive-table] table{min-width: 704px}

@media (min-width:768px){[chinese-zodiac-event] [responsive-table] {
        margin-top: -50px
    }}

@media (min-width:1280px){[chinese-zodiac-event]>h3 {
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto
    }

    [chinese-zodiac-event] [responsive-table] {
        margin-top: -60px
    }}

[chinese-zodiac-tournaments]>.content{row-gap: 28px}

[czt-template]{position: relative}

[czt-template] figure{display: block;
    text-align: center;
    z-index: 1}

[czt-template] figure img{width: 100%;
    height: auto;
    max-width: 80px}

[czt-template] [responsive-table]{margin-top: -10px}

[czt-template] [responsive-table] .holder{overflow: auto}

[czt-template] [responsive-table] table{min-width: 704px}

[czt-template] [responsive-table].tournaments.blue-gradient thead tr{background-color: #253459}

@media (min-width:768px){[czt-template] {
        min-height: 125px
    }

    [czt-template] figure {
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        max-width: 112px
    }

    [czt-template] figure img {
        max-width: inherit
    }

    [czt-template] [responsive-table] {
        margin-top: 0
    }

    [czt-template] [responsive-table] td:first-child,
    [czt-template] [responsive-table] th:first-child {
        width: 35%
    }

    [czt-template] [responsive-table] td:nth-child(2),
    [czt-template] [responsive-table] th:nth-child(2) {
        width: 5%
    }

    [czt-template] [responsive-table] td:nth-child(3),
    [czt-template] [responsive-table] th:nth-child(3) {
        width: 30%
    }

    [czt-template] [responsive-table] td:nth-child(4),
    [czt-template] [responsive-table] td:nth-child(5),
    [czt-template] [responsive-table] th:nth-child(4),
    [czt-template] [responsive-table] th:nth-child(5) {
        width: 15%
    }

    [czt-template] [responsive-table] tbody td:first-child,
    [czt-template] [responsive-table] thead th:first-child {
        padding-left: 123px
    }

    [czt-template] [responsive-table].tournaments.blue-gradient thead tr {
        background: linear-gradient(270deg, #253358 1.2%, rgba(37, 51, 88, 0) 102.32%)
    }}

@media (min-width:1280px){[czt-template] {
        min-height: 219px
    }

    [czt-template] figure {
        max-width: 200px
    }

    [czt-template] [responsive-table] td:first-child,
    [czt-template] [responsive-table] th:first-child {
        width: 40%
    }

    [czt-template] [responsive-table] td:nth-child(2),
    [czt-template] [responsive-table] th:nth-child(2) {
        width: 10%
    }

    [czt-template] [responsive-table] td:nth-child(3),
    [czt-template] [responsive-table] th:nth-child(3) {
        width: 30%
    }

    [czt-template] [responsive-table] td:nth-child(4),
    [czt-template] [responsive-table] td:nth-child(5),
    [czt-template] [responsive-table] th:nth-child(4),
    [czt-template] [responsive-table] th:nth-child(5) {
        width: 10%
    }

    [czt-template] [responsive-table] tbody td:first-child,
    [czt-template] [responsive-table] thead th:first-child {
        padding-left: 306px
    }}

[contact] .article-list{display: flex;
    flex-direction: column;
    row-gap: 56px}

[contact] [article-content]:first-child .article-content p strong{display: block;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    margin-bottom: 24px}

@media (min-width:768px){[contact] [article-content]:first-child .article-content p strong {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[contact] [article-content]:first-child .article-content p strong {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[contact] .button-area{margin-top: 8px}

@media (min-width:768px){[contact] .article-list {
        row-gap: 64px
    }}

@media (min-width:1280px){[contact] .article-list {
        row-gap: 128px
    }

    [contact] .article-list [article-content]:first-of-type~[article-content]>.content {
        padding-right: 410px
    }}

._text-button{font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    display: flex;
    gap: 8px;
    align-items: flex-end;
    color: #fff;
    text-decoration: underline}

[daily-guarantees-com] [responsive-table] table{min-width: 704px}

[daily-guarantees-com] [responsive-table] thead th{text-transform: uppercase}

[daily-guarantees-com] [grid]{row-gap: 56px}

[daily-guarantees-com] [grid] [responsive-table] td:first-child,
[daily-guarantees-com] [grid] [responsive-table] th:first-child{width: 30%;
    padding-right: 8px;
    padding-left: 8px}

[daily-guarantees-com] [grid] [responsive-table] td:nth-child(2),
[daily-guarantees-com] [grid] [responsive-table] th:nth-child(2){width: 22.5%}

[daily-guarantees-com] [grid] [responsive-table] td:nth-child(3),
[daily-guarantees-com] [grid] [responsive-table] th:nth-child(3){width: 25%}

[daily-guarantees-com] [grid] [responsive-table] td:nth-child(4),
[daily-guarantees-com] [grid] [responsive-table] th:nth-child(4){width: 22.5%}

[daily-guarantees-com] [grid] [responsive-table].in-sticky .holder{max-height: 511px}

@media (min-width:768px){[daily-guarantees-com] [grid] {
        row-gap: 64px
    }}

@media (min-width:1280px){[daily-guarantees-com] [grid] {
        gap: 24px
    }

    [daily-guarantees-com] [grid] [responsive-table] table {
        min-width: 100%
    }

    [daily-guarantees-com] [grid] [responsive-table].in-sticky .holder {
        max-height: 336px
    }}

[daily-guarantees-majors] td:first-child,
[daily-guarantees-majors] td:nth-child(2),
[daily-guarantees-majors] th:first-child,
[daily-guarantees-majors] th:nth-child(2){width: 15%}

[daily-guarantees-majors] td:nth-child(3),
[daily-guarantees-majors] th:nth-child(3){width: 40%}

[daily-guarantees-majors] td:nth-child(4),
[daily-guarantees-majors] td:nth-child(5),
[daily-guarantees-majors] th:nth-child(4),
[daily-guarantees-majors] th:nth-child(5){width: 15%}

[daily-guarantees-majors] [responsive-table].in-sticky .holder{max-height: 864px}

@media (min-width:1280px){[daily-guarantees-majors] [responsive-table].in-sticky .holder {
        max-height: 624px
    }}

[daily-guarantees-header]{display: flex;
    align-items: center;
    padding-bottom: 20px;
    -moz-column-gap: 16px;
    column-gap: 16px}

[daily-guarantees-header] img{width: 72px;
    height: 72px}

[daily-guarantees-header] h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[daily-guarantees-header] h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[daily-guarantees-header] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[daily-guarantees-header] h3 small{display: block;
    margin-top: 8px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fee78a}

@media (min-width:768px){[daily-guarantees-header] h3 small {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[daily-guarantees-header] h3 small {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[daily-guarantees-header].lg img{width: 96px;
    height: 96px}

@media (min-width:768px){[daily-guarantees-header] {
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    [daily-guarantees-header] img {
        width: 80px;
        height: 80px
    }

    [daily-guarantees-header].lg {
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    [daily-guarantees-header].lg img {
        width: 128px;
        height: 128px
    }}

@media (min-width:1280px){[daily-guarantees-header] img {
        width: 100px;
        height: 100px
    }

    [daily-guarantees-header].lg img {
        width: 200px;
        height: 200px
    }}

[daily-guarantees-sundays]{position: relative;
    padding-bottom: 52%;
    border-radius: 16px;
    background: var(--img-daily-guarantees-sundays) 50% 50% /cover no-repeat}

[daily-guarantees-sundays] p{position: absolute;
    left: 0;
    top: 17px;
    right: auto;
    bottom: auto;
    right: 0;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    text-align: center}

@media (min-width:768px){[daily-guarantees-sundays] p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[daily-guarantees-sundays] p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[daily-guarantees-sundays] span{position: absolute;
    bottom: 1.5%;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fee78a;
    text-align: center}

@media (min-width:768px){[daily-guarantees-sundays] span {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[daily-guarantees-sundays] span {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[daily-guarantees-sundays] span:first-of-type{left: 0;
    right: 50%;
    padding-right: 15%}

[daily-guarantees-sundays] span:nth-of-type(2){left: 50%;
    right: 0}

@media (min-width:768px){[daily-guarantees-sundays] {
        width: 100%;
        height: auto;
        padding-bottom: 29.54%;
        margin-left: auto;
        margin-right: auto;
        max-width: 704px
    }

    [daily-guarantees-sundays] span:first-of-type {
        left: 22%;
        right: auto;
        padding-right: 0
    }

    [daily-guarantees-sundays] span:nth-of-type(2) {
        left: auto;
        right: 27%
    }}

@media (min-width:1280px){[daily-guarantees-sundays] {
        width: 100%;
        height: 315px;
        padding-bottom: 0;
        max-width: 100%
    }

    [daily-guarantees-sundays] p {
        top: 29px
    }

    [daily-guarantees-sundays] span {
        bottom: .5%
    }

    [daily-guarantees-sundays] span:first-of-type {
        left: 375px
    }

    [daily-guarantees-sundays] span:nth-of-type(2) {
        right: 395px
    }}

[fish-buffet] [article-content]>h4{font-weight: 400}

[fish-buffet] .thumbnails [text-content].article-content{gap: 20px}

[fish-buffet] .thumbnails img{width: 100%;
    height: auto;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto}

@media (min-width:1280px){[fish-buffet] .thumbnails [text-content].article-content {
        gap: 24px
    }}

[fish-buffet-tab]{margin-bottom: -45px}

[fish-buffet-tab] .title{height: auto;
    max-height: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    position: relative;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #737373;
    color: #fff}

@media (min-width:768px){[fish-buffet-tab] .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[fish-buffet-tab] .title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[fish-buffet-tab] .title:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 2px;
    background-color: #d30000;
    right: 0}

@media (min-width:1280px){[fish-buffet-tab] {
        margin-bottom: -70px
    }}

[fish-buffet-ranks] [responsive-table] table{min-width: 767px}

[fish-buffet-ranks] [responsive-table] tbody th{width: 128px}

[fish-buffet-ranks] [responsive-table] tbody th img{display: block;
    width: 72px;
    height: 72px;
    margin-left: auto;
    margin-right: auto}

[fish-buffet-ranks] [responsive-table] tbody td:first-of-type{text-align: left;
    width: 200px}

[fish-buffet-ranks] [responsive-table] tbody td:first-of-type img{width: 32px;
    height: 32px;
    float: left;
    margin-top: -5px;
    margin-right: 2px}

@media (min-width:768px){[fish-buffet-ranks] [responsive-table] tbody th {
        width: 114px
    }

    [fish-buffet-ranks] [responsive-table] tbody th img {
        display: block;
        width: 72px;
        height: 72px;
        margin-left: auto;
        margin-right: auto
    }}

@media (min-width:1280px){[fish-buffet-ranks] {
        min-height: 1886px
    }

    [fish-buffet-ranks] [responsive-table] tbody th {
        width: 200px
    }

    [fish-buffet-ranks] [responsive-table] tbody td:first-of-type {
        text-align: left;
        width: 202px
    }}

@media (min-width:768px){[fish-buffet-information] ._grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }}

[fish-buffet-collecting]>.content{row-gap: 32px}

[fish-buffet-collecting] dl{display: flex;
    flex-direction: column;
    gap: 20px}

[fish-buffet-collecting] dl:nth-of-type(2) dd:last-child{margin-top: -4px}

[fish-buffet-collecting] dt{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[fish-buffet-collecting] dt {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[fish-buffet-collecting] dt {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[fish-buffet-collecting] dd{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[fish-buffet-collecting] dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[fish-buffet-collecting] dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:768px){[fish-buffet-collecting] dl {
        align-items: center;
        display: flex;
        flex-flow: row;
        gap: 24px
    }

    [fish-buffet-collecting] dt {
        flex: none;
        width: 160px
    }}

@media (min-width:1280px){[fish-buffet-collecting]>h3 {
        padding-bottom: 40px
    }

    [fish-buffet-collecting] dt {
        width: 280px
    }

    [fish-buffet-collecting] .objects s {
        right: -840px;
        bottom: -420px;
        left: auto;
        top: auto
    }}

@media (min-width:1280px){[fish-buffet-platinum] {
        min-height: 182px
    }

    [fish-buffet-platinum]>h4 {
        padding-bottom: 8px
    }}

[fish-buffet-weekly]{row-gap: 20px}

@media (min-width:1280px){[fish-buffet-weekly] {
        gap: 72px;
        min-height: 337px
    }

    [fish-buffet-weekly] [article-content] {
        order: 2
    }

    [fish-buffet-weekly] [responsive-table] {
        order: 1
    }

    [fish-buffet-weekly] [responsive-table] td,
    [fish-buffet-weekly] [responsive-table] th {
        padding-right: 0;
        padding-left: 0
    }

    [fish-buffet-weekly] [responsive-table] td:first-of-type,
    [fish-buffet-weekly] [responsive-table] td:nth-of-type(2),
    [fish-buffet-weekly] [responsive-table] th:first-of-type,
    [fish-buffet-weekly] [responsive-table] th:nth-of-type(2) {
        width: 30%
    }

    [fish-buffet-weekly] [responsive-table] td:nth-of-type(3),
    [fish-buffet-weekly] [responsive-table] th:nth-of-type(3) {
        width: 40%
    }}

[fish-buffet-promoting]{row-gap: 20px}

@media (min-width:1280px){[fish-buffet-promoting] {
        gap: 72px;
        min-height: 337px
    }

    [fish-buffet-promoting] [article-content] {
        order: 2
    }

    [fish-buffet-promoting] [responsive-table] {
        order: 1
    }

    [fish-buffet-promoting] [responsive-table] td,
    [fish-buffet-promoting] [responsive-table] th {
        padding-right: 0;
        padding-left: 0
    }

    [fish-buffet-promoting] [responsive-table] td:first-of-type,
    [fish-buffet-promoting] [responsive-table] th:first-of-type {
        width: 27.5%
    }

    [fish-buffet-promoting] [responsive-table] td:nth-of-type(2),
    [fish-buffet-promoting] [responsive-table] th:nth-of-type(2) {
        width: 10%
    }

    [fish-buffet-promoting] [responsive-table] td:nth-of-type(3),
    [fish-buffet-promoting] [responsive-table] th:nth-of-type(3) {
        width: 27.5%
    }

    [fish-buffet-promoting] [responsive-table] td:nth-of-type(4),
    [fish-buffet-promoting] [responsive-table] th:nth-of-type(4) {
        width: 35%
    }

    [fish-buffet-promoting] [responsive-table] thead th {
        padding-right: 4px;
        padding-left: 4px
    }}

@media (min-width:1280px){[fish-buffet-switch] [grid],
    [fish-buffet-switch] ul {
        z-index: 1
    }

    [fish-buffet-switch] .objects s {
        left: -800px;
        bottom: -170px;
        right: auto;
        top: auto
    }}

[fish-buffet-probabilities]>.content{row-gap: 20px}

[fish-buffet-probabilities] .group>h3{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    padding-bottom: 8px}

@media (min-width:768px){[fish-buffet-probabilities] .group>h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[fish-buffet-probabilities] .group>h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[fish-buffet-probabilities] .group [responsive-table] table{min-width: 767px}

[fish-buffet-probabilities] .group [responsive-table] td,
[fish-buffet-probabilities] .group [responsive-table] th{width: 14.28571429%}

[fish-buffet-probabilities] .group [responsive-table] th img{width: 32px;
    height: 32px}

@media (min-width:768px){[fish-buffet-probabilities] .group>h3 {
        padding-bottom: 20px
    }}

@media (min-width:1280px){[fish-buffet-probabilities] {
        min-height: 2548px
    }

    [fish-buffet-probabilities]>.content {
        row-gap: 24px
    }

    [fish-buffet-probabilities] .group>h3 {
        padding-bottom: 24px
    }}

[gg-masters] .swiper-container{overflow: visible}

[gg-masters] .gg-master-group>h4{padding-top: 12px;
    padding-bottom: 0;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_masters_title.png) 50% 0/cover no-repeat}

@media (min-width:768px){[gg-masters] .gg-master-group>h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[gg-masters] .gg-master-group>h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[gg-masters] .group{display: flex;
    flex-direction: column;
    gap: 56px}

[gg-masters] .group [card-buy-guarantee]{margin-left: auto;
    margin-right: auto}

@media (min-width:768px){[gg-masters] .gg-master-group>h4 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    [gg-masters] .group {
        gap: 64px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }}

@media (min-width:1280px){[gg-masters]>h4 {
        padding-top: 32px;
        padding-bottom: 88px
    }

    [gg-masters] .group {
        min-height: 748px
    }

    [gg-masters] .group .gg-master-group {
        width: 588px
    }}

.ML [gg-masters] [page-container] .swiper-wrapper,
.MM [gg-masters] [page-container] .swiper-wrapper,
.MS [gg-masters] [page-container] .swiper-wrapper{display: grid;
    grid-template-columns: repeat(1, 1fr);
    transform: none !important}

.ML [gg-masters] [page-container] .swiper-wrapper .swiper-slide,
.MM [gg-masters] [page-container] .swiper-wrapper .swiper-slide,
.MS [gg-masters] [page-container] .swiper-wrapper .swiper-slide{margin-right: 0 !important;
    width: auto !important}

.ML [gg-masters] [page-container] .swiper-wrapper [card-buy-guarantee],
.MM [gg-masters] [page-container] .swiper-wrapper [card-buy-guarantee],
.MS [gg-masters] [page-container] .swiper-wrapper [card-buy-guarantee]{margin-left: auto;
    margin-right: auto;
    gap: 20px}

[card-key-visual-square]{width: 208px;
    height: 240px;
    padding-top: 32px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_keyvisual_card_square.png) 50% 0/100% auto no-repeat}

[card-key-visual-square] h5{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    background: linear-gradient(180deg, #ffd978 1.94%, #ffe195 30.96%, #ffd787 51.09%, #ffc25e 54.96%, #ffbc6e 74.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

@media (min-width:768px){[card-key-visual-square] h5 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[card-key-visual-square] h5 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[card-key-visual-square] h5+p{margin-top: 32px}

[card-key-visual-square] p{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[card-key-visual-square] p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[card-key-visual-square] p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[card-key-visual-square] p span{display: block}

[card-key-visual-square] p strong{color: #fee78a}

@media (min-width:768px){[card-key-visual-square] h5+p {
        margin-top: 32px
    }}

@media (min-width:1280px){[card-key-visual-square] {
        width: 280px;
        height: 300px;
        padding-top: 56px;
        padding-right: 32px;
        padding-bottom: 56px;
        padding-left: 32px
    }

    [card-key-visual-square] h5+p {
        margin-top: 40px
    }

    [card-key-visual-square] p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px;
        font-weight: 500;
        font-weight: 400
    }}

@media (min-width:1280px) and (min-width:768px){[card-key-visual-square] p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px) and (min-width:1280px){[card-key-visual-square] p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[gg-masters-every] .swiper-slide+.swiper-slide{margin-top: -80px}

[gg-masters-every] [data-idx="1"] [card-buy-guarantee]:before{background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_masters_card_bg_point.webp)}

@media (min-width:768px){[gg-masters-every] .swiper-wrapper {
        gap: 40px
    }

    [gg-masters-every] .swiper-wrapper .swiper-slide {
        width: auto
    }

    [gg-masters-every] .swiper-wrapper .swiper-slide+.swiper-slide {
        margin-top: 0
    }}

@media (min-width:1024px){[gg-masters-every] .swiper-wrapper {
        transform: none !important;
        display: flex;
        justify-content: center;
        align-items: center
    }}

.ML [gg-masters-every] .swiper-wrapper,
.MM [gg-masters-every] .swiper-wrapper,
.MS [gg-masters-every] .swiper-wrapper{transform: none !important}

[card-buy-guarantee]{position: relative;
    text-align: center;
    width: 240px;
    height: 538px;
    padding-top: 136px}

[card-buy-guarantee]:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 0;
    width: 400px;
    height: auto;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_masters_card_bg.png) 50% 0/400px auto no-repeat;
    pointer-events: none}

[card-buy-guarantee]>*{position: relative}

[card-buy-guarantee] figure img{display: block;
    width: 240px;
    height: 80px;
    max-width: 365px;
    margin-left: auto;
    margin-right: auto}

[card-buy-guarantee] p{margin-top: 16px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[card-buy-guarantee] p {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[card-buy-guarantee] p {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[card-buy-guarantee] dl{margin-top: 60px;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto}

[card-buy-guarantee] dl dt{position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #c79e6d;
    padding-bottom: 16px}

@media (min-width:768px){[card-buy-guarantee] dl dt {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[card-buy-guarantee] dl dt {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[card-buy-guarantee] dl dt:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 6px;
    right: auto;
    top: auto;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(68, 40, 25, 0), #644e39 50%, rgba(68, 40, 25, 0))}

[card-buy-guarantee] dl dd{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    white-space: nowrap}

@media (min-width:768px){[card-buy-guarantee] dl dd {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[card-buy-guarantee] dl dd {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[card-buy-guarantee] dl dd+dt{margin-top: 20px}

@media (min-width:768px){[card-buy-guarantee] {
        width: 288px;
        padding-top: 123px
    }

    [card-buy-guarantee] dl {
        margin-top: 64px
    }

    [card-buy-guarantee] figure img {
        width: 288px;
        height: 92px
    }}

@media (min-width:1280px){[card-buy-guarantee] {
        width: 344px;
        height: 688px;
        padding-top: 150px
    }

    [card-buy-guarantee]:before {
        width: 500px;
        height: 688px;
        background-size: 500px 688px
    }

    [card-buy-guarantee] figure img {
        width: 344px;
        height: 112px
    }

    [card-buy-guarantee] p {
        margin-top: 40px
    }

    [card-buy-guarantee] dl {
        margin-top: 80px;
        max-width: 268px
    }

    [card-buy-guarantee] dl+dt {
        margin-top: 40px
    }}

[gg-masters-monday-saturday] .swiper-slide+.swiper-slide{margin-top: -80px}

@media (min-width:768px){[gg-masters-monday-saturday] .swiper-wrapper {
        gap: 40px
    }

    [gg-masters-monday-saturday] .swiper-wrapper .swiper-slide {
        width: auto
    }

    [gg-masters-monday-saturday] .swiper-wrapper .swiper-slide+.swiper-slide {
        margin-top: 0
    }}

@media (min-width:1280px){[gg-masters-monday-saturday] .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        transform: none !important
    }

    [gg-masters-monday-saturday] .swiper-wrapper .swiper-slide {
        margin-right: 0 !important;
        width: auto !important
    }}

[gg-masters-info-messages]{display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center}

[gg-masters-info-messages] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[gg-masters-info-messages] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[gg-masters-info-messages] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[gg-masters-info-messages] h6{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fee78a}

@media (min-width:768px){[gg-masters-info-messages] h6 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[gg-masters-info-messages] h6 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }

    [gg-masters-info-messages] {
        min-height: 56px
    }}

[gg-millions-2024] [key-visual-tournaments].primary .bg-holder img.logo{top: 70px}

@media (min-width:768px){[gg-millions-2024] [key-visual-tournaments].primary .bg-holder img.logo {
        top: 77px
    }}

@media (min-width:1280px){[gg-millions-2024] [key-visual-tournaments].primary .bg-holder img.logo {
        top: 166px
    }}

[ggm2024-key-visual-content]{display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 56px;
    height: 260px;
    margin-right: -24px;
    margin-left: -24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/ggm2024_key_visual_content.webp) 50% 50%/auto 260px no-repeat}

[ggm2024-key-visual-content] h4{position: relative;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fee78a}

@media (min-width:768px){[ggm2024-key-visual-content] h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[ggm2024-key-visual-content] h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[ggm2024-key-visual-content] h4:after{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    right: auto;
    bottom: auto;
    width: 1024px;
    height: 18px;
    margin-top: 16px;
    transform: translateX(-50%);
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/ggm2024_key_visual_content_line.png) 50% 50% no-repeat}

[ggm2024-key-visual-content] p{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    margin-top: 46px}

@media (min-width:768px){[ggm2024-key-visual-content] p {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[ggm2024-key-visual-content] p {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[ggm2024-key-visual-content] p strong{margin-top: 4px;
    display: block;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #fee78a}

@media (min-width:768px){[ggm2024-key-visual-content] p strong {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[ggm2024-key-visual-content] p strong {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

@media (min-width:768px){[ggm2024-key-visual-content] {
        height: 240px;
        margin-bottom: 64px
    }}

@media (min-width:1280px){[ggm2024-key-visual-content] {
        height: 300px;
        margin-bottom: 178px;
        margin-right: 0;
        margin-left: 0
    }}

[gg-millions-2024-what] .holder{display: flex;
    flex-direction: column;
    row-gap: 56px}

[gg-millions-2024-what] [grid]{gap: 20px}

[gg-millions-2024-what] .item{width: 153px;
    text-align: center;
    margin-left: auto;
    margin-right: auto}

[gg-millions-2024-what] .item img{width: 136px;
    height: 118px}

[gg-millions-2024-what] .item p{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[gg-millions-2024-what] .item p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[gg-millions-2024-what] .item p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[gg-millions-2024-what] [text-content].article-content h5{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    color: #fff;
    max-width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto}

@media (min-width:768px){[gg-millions-2024-what] [text-content].article-content h5 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[gg-millions-2024-what] [text-content].article-content h5 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }}

@media (min-width:768px){[gg-millions-2024-what] .holder {
        display: flex;
        justify-content: center;
        align-items: center;
        row-gap: 64px
    }

    [gg-millions-2024-what] .item {
        width: 200px
    }

    [gg-millions-2024-what] .item img {
        width: 160px;
        height: 139px
    }

    [gg-millions-2024-what] [text-content].article-content h5 {
        max-width: inherit
    }}

@media (min-width:1280px){[gg-millions-2024-what] .holder {
        row-gap: 128px
    }

    [gg-millions-2024-what] [grid] {
        -moz-column-gap: 56px;
        column-gap: 56px
    }

    [gg-millions-2024-what] .item {
        width: 256px
    }

    [gg-millions-2024-what] .item img {
        width: 256px;
        height: 222px
    }

    [gg-millions-2024-what] .item:nth-of-type(5) p {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto
    }}

[ggmb-jeff-gross] .holder{position: relative;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    width: 327px;
    height: 706px;
    background-color: rgba(255, 0, 0, .5);
    margin-left: auto;
    margin-right: auto;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_jeff_gross.webp) 50% 0 no-repeat}

[ggmb-jeff-gross] .title:before{content: "";
    display: block;
    width: 40px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_icon_2.webp) 50% 50%/cover no-repeat}

[ggmb-jeff-gross] .title span{max-width: 210px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    background: linear-gradient(180deg, #ffd978 1.94%, #ffe195 30.96%, #ffd787 51.09%, #ffc25e 54.96%, #ffbc6e 74.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

[ggmb-jeff-gross] .title span+span{margin-top: 8px}

[ggmb-jeff-gross] .only-msg{text-align: center;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[ggmb-jeff-gross] .only-msg {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[ggmb-jeff-gross] .only-msg {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[ggmb-jeff-gross] .only-msg a{font-weight: 500;
    color: #fff}

[ggmb-jeff-gross] .jeff-gross-message{position: relative;
    margin-top: 16px;
    padding-top: 18px}

[ggmb-jeff-gross] .jeff-gross-message:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    height: 2px;
    opacity: .4;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50%, hsla(0, 0%, 100%, 0))}

[ggmb-jeff-gross] .jeff-gross-message p{position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px}

@media (min-width:768px){[ggmb-jeff-gross] .jeff-gross-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[ggmb-jeff-gross] .jeff-gross-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[ggmb-jeff-gross] .jeff-gross-message p:after,
[ggmb-jeff-gross] .jeff-gross-message p:before{content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 16px;
    top: 0;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_icon_blockquote.webp) 50% 50%/cover no-repeat}

[ggmb-jeff-gross] .jeff-gross-message p:before{left: 0}

[ggmb-jeff-gross] .jeff-gross-message p:after{right: 0;
    transform: rotate(180deg)}

[ggmb-jeff-gross] figure.jeff-gross-sign{display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px}

[ggmb-jeff-gross] figure.jeff-gross-sign:before{content: "";
    display: block;
    flex: 1;
    height: 2px;
    opacity: .4;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50%, hsla(0, 0%, 100%, 0))}

[ggmb-jeff-gross] figure.jeff-gross-sign img{flex: none;
    width: 74px;
    height: 24px}

[ggmb-jeff-gross] .profile{position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    color: #fff;
    padding: 16px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(35, 33, 96, .9))}

[ggmb-jeff-gross] .profile h4{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    text-align: center}

@media (min-width:768px){[ggmb-jeff-gross] .profile h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[ggmb-jeff-gross] .profile h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[ggmb-jeff-gross] .profile ul{margin-top: 8px}

[ggmb-jeff-gross] .profile ul>li{position: relative;
    padding-left: 16px}

[ggmb-jeff-gross] .profile ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px}

[lang=ar] [ggmb-jeff-gross] .profile ul>li{padding-right: 16px}

[lang=ar] [ggmb-jeff-gross] .profile ul>li:before{right: 5px;
    top: 10px;
    left: auto;
    bottom: auto}

[ggmb-jeff-gross] .profile ul li:before{border: 0 !important;
    top: 10px !important}

[ggmb-jeff-gross] .profile ul li:nth-child(2):before{background-color: #fee78a}

@media (min-width:768px){[ggmb-jeff-gross] .holder {
        width: 704px;
        height: 314px;
        padding-top: 30px;
        padding-right: 234px;
        padding-bottom: 0;
        padding-left: 32px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_jeff_gross_t.webp)
    }

    [ggmb-jeff-gross] .title span {
        max-width: inherit
    }

    [ggmb-jeff-gross] .jeff-gross-message p {
        padding-right: 34px;
        padding-left: 34px
    }

    [ggmb-jeff-gross] .profile {
        left: auto;
        width: 210px
    }}

@media (min-width:1280px){[ggmb-jeff-gross] .holder {
        width: auto;
        height: 512px;
        padding-top: 103px;
        padding-right: 494px;
        padding-bottom: 0;
        padding-left: 94px;
        margin-top: -24px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_jeff_gross_d.webp)
    }

    [ggmb-jeff-gross] .title:before {
        width: 58px;
        height: 54px
    }

    [ggmb-jeff-gross] .title span {
        font-size: 32px;
        line-height: 36px
    }

    [ggmb-jeff-gross] .title span+span {
        margin-top: 4px
    }

    [ggmb-jeff-gross] .jeff-gross-message {
        margin-top: 24px;
        padding-top: 26px
    }

    [ggmb-jeff-gross] .jeff-gross-message p {
        padding-right: 40px;
        padding-left: 40px
    }

    [ggmb-jeff-gross] .jeff-gross-message p:after,
    [ggmb-jeff-gross] .jeff-gross-message p:before {
        width: 28px;
        height: 20px
    }

    [ggmb-jeff-gross] figure.jeff-gross-sign {
        margin-top: 16px
    }

    [ggmb-jeff-gross] figure.jeff-gross-sign img {
        width: 88px;
        height: 28px
    }

    [ggmb-jeff-gross] .profile {
        padding: 24px;
        width: 322px;
        right: 71px;
        bottom: 68px
    }

    [ggmb-jeff-gross] .profile li {
        white-space: nowrap
    }}

[gg-millions-2024-live]>.content .message{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fee78a}

@media (min-width:768px){[gg-millions-2024-live]>.content .message {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[gg-millions-2024-live]>.content .message {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[gg-millions-2024-live] .items{display: flex;
    flex-direction: column}

[gg-millions-2024-live] .item{display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px}

[gg-millions-2024-live] .item figure{flex: none}

[gg-millions-2024-live] .item figure img{width: 100%;
    height: auto;
    max-width: 128px}

[gg-millions-2024-live] .item p{flex: 1}

@media (min-width:768px){[gg-millions-2024-live]>.content .message {
        font-weight: 500
    }

    [gg-millions-2024-live] .items {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-flow: row;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    [gg-millions-2024-live] .item {
        width: 224px;
        flex-direction: column;
        gap: 0;
        text-align: center
    }

    [gg-millions-2024-live] .item figure img {
        width: 160px;
        height: 100px;
        max-width: inherit
    }

    [gg-millions-2024-live] .item p span {
        display: block
    }}

@media (min-width:1280px){[gg-millions-2024-live] .items {
        -moz-column-gap: 56px;
        column-gap: 56px
    }

    [gg-millions-2024-live] .item {
        width: 288px
    }

    [gg-millions-2024-live] .item figure img {
        width: 256px;
        height: 160px
    }}

.ggw-ranking [responsive-table].scroll-color.in-sticky .holder{max-height: 404px}

.ggw-ranking [responsive-table-sorting] table{min-width: 680px}

.ggw-ranking [responsive-table-sorting] thead th{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){.ggw-ranking [responsive-table-sorting] thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){.ggw-ranking [responsive-table-sorting] thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

.ggw-ranking [responsive-table-sorting] tbody td:nth-child(2),
.ggw-ranking [responsive-table-sorting] thead th:nth-child(2){text-align: left}

.ggw-ranking [responsive-table-sorting] tbody td:nth-child(3){color: #fee78a}

@media (min-width:768px){.ggw-ranking [responsive-table].scroll-color.in-sticky .holder {
        max-height: 768px
    }}

[responsive-table-sorting] .pointer{cursor: pointer}

[responsive-table-sorting] .filter{display: inline-flex;
    flex-direction: column;
    row-gap: 4px;
    vertical-align: middle;
    margin-left: 4px}

[responsive-table-sorting] .filter:after,
[responsive-table-sorting] .filter:before{content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    opacity: .15}

[responsive-table-sorting] .filter:before{border-bottom: 5px solid #fff;
    border-top: 0}

[responsive-table-sorting] .filter:after{border-top: 6px solid #fff;
    border-bottom: 0}

[responsive-table-sorting] .filter.ascending:before,
[responsive-table-sorting] .filter.descending:after{opacity: .8}

[responsive-table-sorting] [responsive-table] td,
[responsive-table-sorting] [responsive-table] th{width: 14%}

[responsive-table-sorting] [responsive-table] td:nth-of-type(2),
[responsive-table-sorting] [responsive-table] th:nth-of-type(2){text-align: left}

[responsive-table-sorting] [responsive-table] thead th{white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14px}

[responsive-table-sorting] [responsive-table] tbody td:nth-of-type(2){width: 30%}

[responsive-table-sorting] [responsive-table] tbody td:nth-of-type(3){color: #fee78a}

[responsive-table-sorting] [responsive-table] tbody td:nth-of-type(3) img{margin-left: 8px}

@media (min-width:1280px){[responsive-table-sorting] [responsive-table] thead th {
        font-size: 18px
    }}

[high-rollers-monday-saturday] td:first-child,
[high-rollers-monday-saturday] td:nth-child(2),
[high-rollers-monday-saturday] th:first-child,
[high-rollers-monday-saturday] th:nth-child(2){width: 15%}

[high-rollers-monday-saturday] td:nth-child(3),
[high-rollers-monday-saturday] th:nth-child(3){width: 40%}

[high-rollers-monday-saturday] td:nth-child(4),
[high-rollers-monday-saturday] td:nth-child(5),
[high-rollers-monday-saturday] th:nth-child(4),
[high-rollers-monday-saturday] th:nth-child(5){width: 15%}

[high-rollers-monday-saturday] [responsive-table] table{min-width: 704px}

@media (min-width:1280px){[high-rollers-monday-saturday] {
        min-height: 684px
    }}

[high-rollers-sunday] td:first-child,
[high-rollers-sunday] td:nth-child(2),
[high-rollers-sunday] th:first-child,
[high-rollers-sunday] th:nth-child(2){width: 15%}

[high-rollers-sunday] td:nth-child(3),
[high-rollers-sunday] th:nth-child(3){width: 40%}

[high-rollers-sunday] td:nth-child(4),
[high-rollers-sunday] td:nth-child(5),
[high-rollers-sunday] th:nth-child(4),
[high-rollers-sunday] th:nth-child(5){width: 15%}

[high-rollers-sunday] [responsive-table] table{min-width: 704px}

img{-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -ms-user-drag: none;

    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center}

._app-nav-gnb .mega-wrap{position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 104px;
    background-color: #f7f7f8;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .3s ease;}

._app-nav-gnb .mega-wrap.active{opacity: 1;
    visibility: visible;
    transform: translateY(0);}

._app-nav-gnb .mega-wrap .holder{display: flex;
    -moz-column-gap: 90px;
    column-gap: 90px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto}

._home{padding-bottom: 56px;
    color: #fff;
    background-color: #18181b}

._home ._page-container{padding: 0}

@media (min-width:768px){._home {
        padding-bottom: 72px
    }}

@media (min-width:1280px){._home {
        padding-bottom: 128px
    }}

._home-key-visual-section{position: relative;
    width: auto;
    height: 448px}

._home-key-visual-section:after,
._home-key-visual-section:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 128px;
    z-index: 2;
    pointer-events: none}

._home-key-visual-section:before{top: 0;
    background-blend-mode: multiply;
    background: linear-gradient(180deg, #4e4339, hsla(0, 0%, 100%, 0))}

._home-key-visual-section:after{bottom: 0;
    background: linear-gradient(0deg, #000 -62.5%, transparent 72.92%)}

._home-key-visual-section .swiper-container{height: inherit}

._home-key-visual-section .swiper-wrapper{white-space: nowrap}

._home-key-visual-section div.swiper-pagination{z-index: 10000;
    position: absolute;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 16px;
    width: 100%;
    display: flex;
    margin-top: 8px;
    gap: 12px;
    z-index: 4}

._home-key-visual-section .pagination-list{flex: 1;
    display: flex;
    align-items: center;
    gap: 12px}

._home-key-visual-section .swiper-pagination-bullet{width: 8px;
    height: 8px;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 4px;
    background-color: hsla(0, 0%, 100%, .3);
    cursor: pointer;
    border-radius: 100%}

._home-key-visual-section .swiper-pagination-bullet:active,
.no-touch ._home-key-visual-section .swiper-pagination-bullet:hover:not(.hover-disable){background-color: hsla(0, 0%, 100%, .6)}

._home-key-visual-section .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff}

._home-key-visual-section .swiper-button{width: 40px;
    height: 40px;
    transform: translateY(-50%);
    display: none;
    overflow: hidden}

._home-key-visual-section .swiper-button img{display: block;
    width: 100%;
    height: auto}

._home-key-visual-section .hero-item{position: relative;
    width: 100%;
    height: 100%}

._home-key-visual-section .hero-bg{display: block;
    width: inherit;
    height: inherit}

._home-key-visual-section .hero-bg img{width: inherit;
    height: inherit}

._home-key-visual-section .hero-content{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0}

._home-key-visual-section .hero-content .holder{position: relative;
    height: 100%}

._home-key-visual-section .btn-signup{font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    color: #d4d4d4;
    border: 1px solid #6c6c7a;
    padding-top: 4px;
    padding-right: 24px;
    padding-bottom: 4px;
    padding-left: 24px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center}

._home-key-visual-section .btn-signup:active,
.no-touch ._home-key-visual-section .btn-signup:hover:not(.hover-disable){color: #fff;
    transition: color .25s ease-in-out}

._home-key-visual-section .buttons{position: absolute;
    left: 24px;
    bottom: 56px;
    right: auto;
    top: auto;
    display: flex;
    align-items: center;
    gap: 16px}

._home-key-visual-section .buttons a{display: inline-block;
    padding-top: 5px;
    padding-right: 24px;
    padding-bottom: 5px;
    padding-left: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .56px;
    font-weight: 500;
    color: #fff;
    border-radius: 66px;
    background-color: hsla(0, 0%, 100%, .1);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    text-align: center;
    transition: background-color .25s ease-in-out;
    border: 1px solid hsla(0, 0%, 100%, .1)}

.no-touch ._home-key-visual-section .buttons a:hover:not(.hover-disable){background-color: hsla(0, 0%, 100%, .3)}

.no-touch ._home-key-visual-section .buttons a:active:not(.hover-disable){background-color: hsla(0, 0%, 100%, .1)}

@media (min-width:768px){._home-key-visual-section {
        width: auto;
        height: 640px
    }

    ._home-key-visual-section:after,
    ._home-key-visual-section:before {
        height: 200px
    }

    ._home-key-visual-section:before {
        background: linear-gradient(180deg, #000 -28.25%, hsla(0, 0%, 40%, 0))
    }

    ._home-key-visual-section:after {
        background: linear-gradient(0deg, #060606 -33.5%, transparent 68.25%)
    }

    ._home-key-visual-section .swiper-pagination {
        bottom: 24px
    }

    ._home-key-visual-section .swiper-button {
        display: flex
    }

    ._home-key-visual-section .swiper-button-next,
    ._home-key-visual-section .swiper-button-prev {
        width: 64px;
        height: 64px
    }

    ._home-key-visual-section .swiper-button-next:before,
    ._home-key-visual-section .swiper-button-prev:before {
        font-size: 64px
    }

    ._home-key-visual-section .buttons {
        left: 80px;
        bottom: 72px;
        right: auto;
        top: auto
    }}

@media (min-width:1280px){._home-key-visual-section {
        width: auto;
        height: 884px
    }

    ._home-key-visual-section:before {
        background: linear-gradient(180deg, #313131 -33.75%, transparent 96.52%)
    }

    ._home-key-visual-section:after {
        display: none;
        height: 268px;
        background: linear-gradient(180deg, transparent, #020202 83.85%)
    }

    ._home-key-visual-section div.swiper-pagination {
        bottom: 180px
    }

    ._home-key-visual-section div.swiper-pagination .swiper-pagination-bullet {
        gap: 16px;
        width: 12px;
        height: 12px
    }

    ._home-key-visual-section div.swiper-button-prev {
        left: 40px
    }

    ._home-key-visual-section div.swiper-button-next {
        right: 40px
    }

    ._home-key-visual-section .hero-bg {
        text-align: center;
        background-color: #010101
    }

    ._home-key-visual-section .hero-bg img {
        width: 100%;
        height: 100%;
        max-width: 1920px
    }

    ._home-key-visual-section .hero-content .holder {
        width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    ._home-key-visual-section .btn-signup {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 24px
    }

    ._home-key-visual-section .buttons {
        left: 0;
        bottom: 226px;
        right: auto;
        top: auto
    }}

._home-key-visual-section .hero-type-1 .holder{display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 96px 24px 0 24px}

._home-key-visual-section .hero-type-1 h2{font-size: 62px;
    line-height: 56px;
    letter-spacing: .62px;
    font-weight: 900;
    white-space: normal;
    background: linear-gradient(180deg, #ffd978 1.94%, #ffe195 30.96%, #ffd787 51.09%, #ffc25e 54.96%, #ffbc6e 74.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

@media (min-width:768px){._home-key-visual-section .hero-type-1 h2 {
        font-size: 82px;
        line-height: 76px;
        letter-spacing: .82px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-1 h2 {
        font-size: 100px;
        line-height: 82px;
        letter-spacing: 1px
    }}

._home-key-visual-section .hero-type-1 h3{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    width: 54%;
    margin-top: 8px;
    white-space: normal}

@media (min-width:768px){._home-key-visual-section .hero-type-1 h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-1 h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._home-key-visual-section .hero-type-1 h4{font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #fff;
    margin-top: 4px}

@media (min-width:768px){._home-key-visual-section .hero-type-1 h4 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-1 h4 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

._home-key-visual-section .hero-type-1 figure img{width: 64px;
    height: auto}

._home-key-visual-section .hero-type-1 ul{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff;
    display: none}

@media (min-width:768px){._home-key-visual-section .hero-type-1 ul {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-1 ul {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._home-key-visual-section .hero-type-1 article .btn-signup{position: absolute;
    left: 24px;
    bottom: 56px;
    right: auto;
    top: auto}

._home-key-visual-section .hero-type-1 article+article{margin-top: 20px}

@media (min-width:768px){._home-key-visual-section .hero-type-1 .holder {
        padding-left: 80px;
        padding-bottom: 72px
    }

    ._home-key-visual-section .hero-type-1 h3 {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: .78px;
        font-weight: 500;
        margin-top: 12px
    }

    ._home-key-visual-section .hero-type-1 h4 {
        margin-top: 8px
    }

    ._home-key-visual-section .hero-type-1 figure img {
        width: 128px;
        height: auto
    }

    ._home-key-visual-section .hero-type-1 article .btn-signup {
        left: 80px;
        bottom: 72px;
        right: auto;
        top: auto
    }

    ._home-key-visual-section .hero-type-1 article+article {
        margin-top: 24px
    }}

@media (min-width:768px) and (min-width:768px){._home-key-visual-section .hero-type-1 h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:768px) and (min-width:1280px){._home-key-visual-section .hero-type-1 h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-1 .hero-content {
        bottom: 154px
    }

    ._home-key-visual-section .hero-type-1 .holder {
        position: relative;
        padding: 0;
        justify-content: center
    }

    ._home-key-visual-section .hero-type-1 h3 {
        margin-top: 24px
    }

    ._home-key-visual-section .hero-type-1 h4 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500
    }

    ._home-key-visual-section .hero-type-1 figure img {
        width: 80px;
        height: auto
    }

    ._home-key-visual-section .hero-type-1 ul {
        display: block;
        margin-top: 16px
    }

    ._home-key-visual-section .hero-type-1 article .btn-signup {
        position: static
    }

    ._home-key-visual-section .hero-type-1 article+article {
        position: absolute;
        right: 0;
        bottom: 40px;
        left: auto;
        top: auto;
        margin-top: 0;
        text-align: right
    }}

@media (min-width:1280px) and (min-width:768px){._home-key-visual-section .hero-type-1 h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px) and (min-width:1280px){._home-key-visual-section .hero-type-1 h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._home-key-visual-section .hero-type-2 .holder{padding-top: 105px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px}

._home-key-visual-section .hero-type-2 h2{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3}

@media (min-width:768px){._home-key-visual-section .hero-type-2 h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-2 h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

._home-key-visual-section .hero-type-2 h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    margin-top: 16px}

@media (min-width:768px){._home-key-visual-section .hero-type-2 h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-2 h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

._home-key-visual-section .hero-type-2 p{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    line-clamp: 3;
    -webkit-line-clamp: 3;}

@media (min-width:768px){._home-key-visual-section .hero-type-2 p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-2 p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

@media (min-width:768px){._home-key-visual-section .hero-type-2 .holder {
        padding-top: 113px;
        padding-right: 208px;
        padding-bottom: 80px;
        padding-left: 72px
    }

    ._home-key-visual-section .hero-type-2 h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }

    ._home-key-visual-section .hero-type-2 h3 {
        margin-top: 24px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-2 .holder {
        padding-top: 288px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    ._home-key-visual-section .hero-type-2 article {
        max-width: 792px
    }

    ._home-key-visual-section .hero-type-2 h3 {
        margin-top: 32px
    }}

._home-key-visual-section .hero-type-3 .holder{padding-top: 93px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px}

._home-key-visual-section .hero-type-3 h2{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fee78a}

@media (min-width:768px){._home-key-visual-section .hero-type-3 h2 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-3 h2 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

._home-key-visual-section .hero-type-3 h3{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    max-width: 50%}

@media (min-width:768px){._home-key-visual-section .hero-type-3 h3 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-3 h3 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

._home-key-visual-section .hero-type-3 h4{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 8px}

@media (min-width:768px){._home-key-visual-section .hero-type-3 h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-3 h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:768px){._home-key-visual-section .hero-type-3 .holder {
        padding-top: 113px;
        padding-right: 160px;
        padding-bottom: 80px;
        padding-left: 80px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-3 .holder {
        padding-top: 288px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    ._home-key-visual-section .hero-type-3 article {
        max-width: 792px
    }

    ._home-key-visual-section .hero-type-3 h3 {
        margin-top: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2
    }

    ._home-key-visual-section .hero-type-3 h4 {
        margin-top: 16px
    }}

._home-key-visual-section .hero-type-4 .holder{padding-top: 97px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px}

._home-key-visual-section .hero-type-4 figure{position: absolute;
    right: 24px;
    top: 104px;
    left: auto;
    bottom: auto}

._home-key-visual-section .hero-type-4 figure img{width: 56px;
    height: 56px}

._home-key-visual-section .hero-type-4 h2{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    white-space: normal}

@media (min-width:768px){._home-key-visual-section .hero-type-4 h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-4 h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

._home-key-visual-section .hero-type-4 h3{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 8px;
    white-space: normal}

@media (min-width:768px){._home-key-visual-section .hero-type-4 h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-4 h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

@media (min-width:768px){._home-key-visual-section .hero-type-4 .holder {
        padding-top: 112px
    }

    ._home-key-visual-section .hero-type-4 figure {
        right: 40px;
        top: 112px;
        left: auto;
        bottom: auto
    }

    ._home-key-visual-section .hero-type-4 figure img {
        width: 80px;
        height: 80px
    }

    ._home-key-visual-section .hero-type-4 article {
        max-width: 792px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-4 .holder {
        padding-top: 288px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    ._home-key-visual-section .hero-type-4 figure {
        top: 176px;
        right: auto;
        left: calc(100% + 56px)
    }

    ._home-key-visual-section .hero-type-4 figure img {
        width: 120px;
        height: 120px
    }

    ._home-key-visual-section .hero-type-4 h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2
    }

    ._home-key-visual-section .hero-type-4 h3 {
        margin-top: 16px
    }}

._home-key-visual-section .hero-type-5 .holder{padding-top: 97px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px}

._home-key-visual-section .hero-type-5 h2{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    white-space: normal}

@media (min-width:768px){._home-key-visual-section .hero-type-5 h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-5 h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

._home-key-visual-section .hero-type-5 h3{font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #fff;
    margin-top: 8px;
    white-space: normal}

@media (min-width:768px){._home-key-visual-section .hero-type-5 h3 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-5 h3 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

._home-key-visual-section .hero-type-5 .h4,
._home-key-visual-section .hero-type-5 h4{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fee78a;
    margin-top: 8px;
    white-space: normal}

@media (min-width:768px){._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:768px){._home-key-visual-section .hero-type-5 .holder {
        padding-top: 113px;
        padding-right: 160px;
        padding-bottom: 80px;
        padding-left: 80px
    }

    ._home-key-visual-section .hero-type-5 h3 {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: .78px;
        font-weight: 500
    }

    ._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500
    }}

@media (min-width:768px) and (min-width:768px){._home-key-visual-section .hero-type-5 h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:768px) and (min-width:1280px){._home-key-visual-section .hero-type-5 h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

@media (min-width:768px) and (min-width:768px){._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:768px) and (min-width:1280px){._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

@media (min-width:1280px){._home-key-visual-section .hero-type-5 .holder {
        padding-top: 288px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    ._home-key-visual-section .hero-type-5 article {
        max-width: 792px
    }}

.ggmasters-freezeout{position: relative;
    padding-top: 41px}

.ggmasters-freezeout div{position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(90deg, #e5a643, #d89323 1.64%, #fab749 10.06%, #fde88f 50.22%, #f8c547 75.67%, #ce8019 100.9%);
    border-radius: 4px;
    clip-path: polygon(100% 0, calc(100% - 17px) 50%, 100% 100%, 0 100%, 0 0)}

.ggmasters-freezeout div span{display: block;
    padding-top: 4px;
    padding-right: 31px;
    padding-bottom: 5px;
    padding-left: 28px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #4f3511}

@media (min-width:768px){.ggmasters-freezeout div span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){.ggmasters-freezeout div span {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

.ggmasters-freezeout h2{min-width: 256px;
    max-width: 65%}

.hero-type-5 .ggmasters-freezeout h3.h4{color: #fff;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500}

@media (min-width:768px){.hero-type-5 .ggmasters-freezeout h3.h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){.hero-type-5 .ggmasters-freezeout h3.h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

@media (min-width:768px){.ggmasters-freezeout h2 {
        min-width: 543px
    }}

@media (min-width:1280px){.ggmasters-freezeout {
        margin-top: -41px
    }}

div ._home-reward-section.home-section{padding-top: 56px}

._home-reward-section .bg-holder{top: 0;
    height: 153px;
    background: linear-gradient(180deg, #190000 .52%, transparent);
    pointer-events: none}

._home-reward-section .bg-holder:after{display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, red, transparent);
    content: ""}

._home-reward-section .inner{position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none}

._home-reward-section .img-outer{border-radius: 16px;
    display: block}

._home-reward-section .img-outer:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    z-index: 1;
    height: 34px;
    background: linear-gradient(180deg, rgba(24, 24, 27, 0), rgba(24, 24, 27, .8));
    border-radius: 0 0 16px 16px}

._home-reward-section .img-outer:after{content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid transparent;
    z-index: 1;
    border-radius: inherit}

._home-reward-section .img-outer img{width: 100%;
    height: auto;
    border-radius: inherit}

._home-reward-section .item-message{position: absolute;
    left: 0;
    bottom: 4px;
    right: auto;
    top: auto;
    right: 0;
    z-index: 3;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.276px}

._home-reward-section a:active .img-outer:before,
.no-touch ._home-reward-section a:hover:not(.hover-disable) .img-outer:before{left: 1px;
    right: 1px;
    bottom: 1px;
    z-index: 2}

._home-reward-section a:active .img-outer:after,
.no-touch ._home-reward-section a:hover:not(.hover-disable) .img-outer:after{border-color: #d30000}

._home-reward-section .swiper-container-initialized .swiper-slide{margin-right: 0}

._home-reward-section ._slider{margin-top: 24px;
    overflow: visible}

._home-reward-section .swiper-slide{width: 35.4vw;
    margin-right: 8px}

._home-reward-section .swiper-button{top: calc(50% + 72px);
    width: 80px;
    height: 80px;
    overflow: hidden}

._home-reward-section .swiper-button:after{display: none}

._home-reward-section .swiper-button i{width: 100%;
    height: 100%}

._home-reward-section .swiper-button-prev{left: auto;
    right: calc(100% + 24px)}

._home-reward-section .swiper-button-prev i{position: relative;
    display: block;
    transform: scale(1.1875)}

._home-reward-section .swiper-button-prev i:before{transform-origin: 1.5px 100%;
    top: 50%;
    transform: translateY(-100%) rotate(45deg)}

._home-reward-section .swiper-button-prev i:after,
._home-reward-section .swiper-button-prev i:before{position: absolute;
    left: 35%;
    display: block;
    width: 4px;
    height: 22px;
    background: #d30000;
    border-radius: 3px;
    content: ""}

._home-reward-section .swiper-button-prev i:after{transform-origin: 1.5px 100%;
    top: calc(50% - 2px);
    transform: translateY(-100%) rotate(135deg)}

._home-reward-section .swiper-button-next{left: calc(100% + 24px);
    right: auto;
    transform: rotate(0deg)}

._home-reward-section .swiper-button-next i{position: relative;
    display: block;
    transform: scale(1.1875) rotate(180deg)}

._home-reward-section .swiper-button-next i:before{transform-origin: 1.5px 100%;
    top: 50%;
    transform: translateY(-100%) rotate(45deg)}

._home-reward-section .swiper-button-next i:after,
._home-reward-section .swiper-button-next i:before{position: absolute;
    left: 35%;
    display: block;
    width: 4px;
    height: 22px;
    background: #d30000;
    border-radius: 3px;
    content: ""}

._home-reward-section .swiper-button-next i:after{transform-origin: 1.5px 100%;
    top: calc(50% - 2px);
    transform: translateY(-100%) rotate(135deg)}

@media (min-width:768px){div ._home-reward-section.home-section {
        padding-top: 80px
    }

    ._home-reward-section .bg-holder {
        height: 240px
    }

    ._home-reward-section .inner>h2,
    ._home-reward-section .inner>h3 {
        height: auto;
        max-height: none
    }

    ._home-reward-section .img-outer:before {
        height: 46px
    }

    ._home-reward-section .img-outer img {
        width: 100%;
        height: auto;
        transform: scale(1);
        transition: transform .35s ease-out 0s
    }

    ._home-reward-section ._slider {
        margin-top: 32px
    }

    ._home-reward-section .swiper-slide {
        width: 25.3vw;
        margin-right: 16px
    }

    ._home-reward-section .swiper-container-initialized .swiper-slide {
        margin-right: 0
    }}

@media (min-width:1280px){._home-reward-section {
        min-height: 530px
    }

    div ._home-reward-section.home-section {
        padding-top: 96px;
        margin-top: -156px
    }

    ._home-reward-section:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 156px;
        right: auto;
        bottom: auto;
        right: 0;
        z-index: 1;
        height: 372px;
        background: linear-gradient(180deg, #010101, transparent 100%);
        pointer-events: none
    }

    ._home-reward-section div.bg-holder {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 1524px;
        z-index: 2;
        margin: 0 auto;
        height: 560px;
        border-radius: 24px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_reward.svg) 50% 0;
        backdrop-filter: blur(2.5px);
        -webkit-backdrop-filter: blur(2.5px);
        pointer-events: none
    }

    ._home-reward-section div.bg-holder+.contents {
        position: relative;
        z-index: 3
    }

    ._home-reward-section div.bg-holder:after {
        display: none
    }

    ._home-reward-section .img-outer {
        border-radius: 16px
    }

    ._home-reward-section .img-outer img {
        width: 282px;
        height: 352px
    }

    ._home-reward-section ._slider {
        margin-top: 72px;
        overflow: hidden
    }

    ._home-reward-section .swiper-slide {
        width: 282px;
        margin-right: 19px
    }

    ._home-reward-section .swiper-container {
        padding-right: 0;
        padding-left: 0
    }

    ._home-reward-section .swiper-container-initialized .swiper-slide {
        margin-right: 0
    }}

._section-container-static{position: relative;
    min-height: 352px}

._section-container-static .bg-holder{width: 100%;
    position: absolute;
    z-index: 0}

._section-container-static .contents{padding-right: 24px;
    padding-left: 24px}

@media (min-width:1280px){._section-container-static .contents {
        padding: 0;
        margin-left: auto;
        margin-right: auto
    }}

._section-container-static.no-margin{margin-top: 0 !important}

._section-container-static.primary{height: 352px}

._section-container-static.primary:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1;
    height: 2px;
    background-image: url(#d30000);
    background: linear-gradient(90deg, transparent 0, var(--line-color) 50%, transparent 100%)}

._section-container-static.primary .bg-holder{height: 100%;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    overflow: hidden}

._section-container-static.primary .bg-holder picture{width: 100%;
    height: 100%}

._section-container-static.primary .bg-holder img{width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

._section-container-static.primary .contents{height: 100%;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px}

@media (min-width:768px){._section-container-static.primary .contents {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._section-container-static.primary .contents {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._section-container-static.primary .contents:after,
._section-container-static.primary .contents:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 128px;
    pointer-events: none}

._section-container-static.primary .contents:before{top: 0;
    background-blend-mode: multiply}

._section-container-static.primary .contents:after{bottom: 0;
    background: linear-gradient(0deg, #000 -62.5%, transparent 72.92%)}

._section-container-static.primary .inner{position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px}

._section-container-static.primary h2{font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700}

@media (min-width:768px){._section-container-static.primary h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }}

@media (min-width:1280px){._section-container-static.primary h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }}

._section-container-static.primary h3{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500}

@media (min-width:768px){._section-container-static.primary h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){._section-container-static.primary h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

@media (min-width:768px){._section-container-static.primary {
        height: 528px
    }

    ._section-container-static.primary .contents:after,
    ._section-container-static.primary .contents:before {
        height: 200px
    }

    ._section-container-static.primary .contents:before {
        background: linear-gradient(180deg, #000 -28.25%, hsla(0, 0%, 40%, 0))
    }

    ._section-container-static.primary .contents:after {
        background: linear-gradient(0deg, #060606 -33.5%, transparent 68.25%)
    }

    ._section-container-static.primary .inner {
        padding-bottom: 72px
    }}

@media (min-width:1280px){._section-container-static.primary {
        height: 544px
    }

    ._section-container-static.primary .inner {
        padding-bottom: 112px
    }}

._section-container-static.home-section{padding-top: 56px}

._section-container-static.home-section .contents{position: relative}

._section-container-static.home-section .inner>h2,
._section-container-static.home-section .inner>h3{text-align: center}

._section-container-static.home-section .inner>h2{font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #fff}

@media (min-width:768px){._section-container-static.home-section .inner>h2 {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){._section-container-static.home-section .inner>h2 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

._section-container-static.home-section .inner>h3{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 300;
    color: #d4d4d4;
    margin-top: 4px}

@media (min-width:768px){._section-container-static.home-section .inner>h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._section-container-static.home-section .inner>h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:768px){._section-container-static.home-section {
        padding-top: 64px
    }

    ._section-container-static.home-section .inner>h3 {
        margin-top: 8px
    }}

@media (min-width:1280px){._section-container-static.home-section {
        padding-top: 128px
    }}

@media (min-width:768px){._section-container-static.home-key-visual .inner>h3 {
        margin-top: 16px
    }}

._home-play-section .contents{padding-right: 0;
    padding-left: 0}

._home-play-section .inner{max-width: inherit}

._home-play-section .inner h2,
._home-play-section .inner h3{position: relative;
    z-index: 1}

._home-play-section .swiper-button-next,
._home-play-section .swiper-button-prev{display: none}

._home-play-section .swiper-container{padding-right: 24px;
    padding-left: 24px;
    overflow: visible}

._home-play-section .objects{margin-top: 4px}

._home-play-section .objects picture{position: absolute;
    pointer-events: none}

._home-play-section .objects .objects-obj2,
._home-play-section .objects .objects-obj3,
._home-play-section .objects .objects-obj4,
._home-play-section .objects .objects-obj5{display: none}

._home-play-section .objects-obj1{right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 520px;
    height: 496px;
    transform: translateX(213px) translateY(-60%)}

._home-play-section .picture1{left: -81px;
    bottom: 100%;
    right: auto;
    top: auto}

._home-play-section .picture1 img{width: 134px;
    height: 90.33px}

._home-play-section .picture2{right: 20px;
    bottom: 26px;
    left: auto;
    top: auto}

._home-play-section .picture2 img{width: 66px;
    height: 84px}

._home-play-section .picture3{left: 61px;
    top: 447px;
    right: auto;
    bottom: auto}

._home-play-section .picture3 img{width: 82px;
    height: 80px}

._home-play-section .picture4{right: -101px;
    top: 387px;
    left: auto;
    bottom: auto}

._home-play-section .picture4 img{width: 202px;
    height: 203px}

@media (min-width:768px){._home-play-section .objects {
        margin-top: 24px
    }}

@media (min-width:1280px){._home-play-section {
        min-height: 1821px
    }

    ._home-play-section .inner {
        max-width: 1200px
    }

    ._home-play-section .swiper-container {
        padding-right: 0;
        padding-left: 0
    }

    ._home-play-section .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        transform: inherit !important
    }

    ._home-play-section .swiper-slide {
        margin-right: 0 !important
    }

    ._home-play-section ._card-play-new {
        width: 383px !important;
        height: 500px !important
    }

    ._home-play-section ._card-play-new .img-outer img {
        width: 256px;
        height: 256px
    }

    ._home-play-section .objects {
        margin-top: 39px
    }

    ._home-play-section .objects picture {
        position: absolute
    }

    ._home-play-section .objects-obj1 {
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 810px;
        height: 810px;
        transform: translateX(100%) translateY(-274px)
    }

    ._home-play-section .objects-obj2 {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 67px;
        height: 124px;
        transform: rotate(21.714deg) translateX(43px) translateY(-100%)
    }

    ._home-play-section .objects-obj3 {
        display: inline-block;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 76px;
        height: 150px;
        transform: rotate(-39.142deg) translateX(-210px) translateY(-60px);
        filter: blur(36.5px)
    }

    ._home-play-section .objects-obj4 {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 92px;
        height: 183px;
        transform: rotate(29.896deg) translateX(580px) translateY(700px);
        filter: blur(36.5px)
    }

    ._home-play-section .objects-obj5 {
        display: inline-block;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 67px;
        height: 124px;
        transform: rotate(27.714deg) translateX(510px) translateY(1350px);
        filter: blur(36.5px)
    }

    ._home-play-section .picture1 {
        right: calc(100% + 39px);
        top: 350px;
        left: auto;
        bottom: auto
    }

    ._home-play-section .picture1 img {
        width: 217px;
        height: 147px
    }

    ._home-play-section .picture2 {
        left: calc(100% + 37px);
        top: 653px;
        right: auto;
        bottom: auto
    }

    ._home-play-section .picture2 img {
        width: 194px;
        height: 190px
    }

    ._home-play-section .picture3 {
        left: -290px;
        top: 1590px;
        right: auto;
        bottom: auto
    }

    ._home-play-section .picture3 img {
        width: 121px;
        height: 118px
    }

    ._home-play-section .picture4 {
        left: calc(100% + 40px);
        top: 1590px;
        right: auto;
        bottom: auto
    }

    ._home-play-section .picture4 img {
        width: 315px;
        height: 319px
    }}

div._card-play-new{width: 240px;
    height: 332px;
    padding-top: 43.26px;
    padding-right: 7.87px;
    padding-bottom: 6.65px;
    padding-left: 7.87px}

div._card-play-new a{position: relative;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 24px;
    border: 2px solid transparent;
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #ca324f, rgba(102, 0, 0, .81) 32.81%, #262736);
    background-origin: border-box}

div._card-play-new a:before{content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background-color: rgba(134, 21, 21, .5);
    transform: rotate(-4.458deg)}

div._card-play-new .holder{width: inherit;
    height: inherit;
    border-radius: 24px;
    padding-top: 106px;
    padding-right: 28.52px;
    padding-bottom: 0;
    padding-left: 28.52px;
    background-size: cover}

div._card-play-new .img-bg{position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%}

div._card-play-new .img-bg img{width: 100%;
    height: 100%;
    border-radius: 24px}

div._card-play-new .img-outer{position: absolute;
    left: 50%;
    top: -46px;
    right: auto;
    bottom: auto;
    width: 168px;
    height: 168px;
    transform: translateX(-50%)}

div._card-play-new .img-outer img{position: relative;
    z-index: 1;
    width: inherit;
    height: inherit}

div._card-play-new .titles{position: relative;
    min-height: 76px;
    text-align: center;
    z-index: 1}

div._card-play-new h3{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){div._card-play-new h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){div._card-play-new h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

div._card-play-new h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fee78a;
    margin-top: 4px}

@media (min-width:768px){div._card-play-new h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){div._card-play-new h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

div._card-play-new p{position: absolute;
    left: 24px;
    bottom: 16px;
    right: auto;
    top: auto;
    right: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #e5e5e5;
    text-align: center;
    z-index: 1}

@media (min-width:768px){div._card-play-new p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){div._card-play-new p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:768px){div._card-play-new {
        width: 288px;
        height: 394px;
        padding-top: 44.71px;
        padding-right: 5.1px;
        padding-bottom: 11.88px;
        padding-left: 14.73px
    }

    div._card-play-new .holder {
        padding-top: 138px;
        padding-right: 29.11px;
        padding-bottom: 0;
        padding-left: 29.11px
    }

    div._card-play-new .img-outer {
        left: 50%;
        top: -60px;
        right: auto;
        bottom: auto;
        width: 196px;
        height: 196px
    }

    div._card-play-new .img-outer img {
        width: inherit;
        height: inherit
    }

    div._card-play-new p {
        left: 29.11px;
        bottom: 29.11px;
        right: auto;
        top: auto;
        right: 29.11px
    }}

@media (min-width:1280px){div._card-play-new {
        width: 384px;
        height: 500px;
        padding-top: 53px;
        padding-right: 17px;
        padding-bottom: 14px;
        padding-left: 26px
    }

    div._card-play-new .holder {
        padding-top: 168px;
        padding-right: 40px;
        padding-bottom: 0;
        padding-left: 40px
    }

    div._card-play-new .img-outer {
        left: 50%;
        top: -80px;
        right: auto;
        bottom: auto;
        width: 256px;
        height: 256px
    }

    div._card-play-new .img-outer img {
        width: inherit;
        height: inherit
    }

    div._card-play-new .titles {
        min-height: 102px
    }

    div._card-play-new h3 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500
    }

    div._card-play-new p {
        left: 40px;
        bottom: 40px;
        right: auto;
        top: auto;
        right: 40px
    }}

@media (min-width:1280px) and (min-width:768px){div._card-play-new h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px) and (min-width:1280px){div._card-play-new h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

.loaded div._card-play-new.color-1 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #ca324f, rgba(102, 0, 0, .81) 32.81%, #262736)}

.loaded div._card-play-new.color-1 a:before{background-color: rgba(134, 21, 21, .5)}

.loaded div._card-play-new.color-2 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #bb9d33, rgba(190, 183, 21, .31) 32.81%, #262736)}

.loaded div._card-play-new.color-2 a:before{background-color: rgba(134, 89, 21, .5)}

.loaded div._card-play-new.color-3 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #388962, rgba(11, 123, 90, .5) 32.81%, #262736)}

.loaded div._card-play-new.color-3 a:before{background-color: rgba(11, 123, 90, .5)}

.loaded div._card-play-new.color-4 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #a57938, rgba(134, 89, 21, .5) 32.81%, #262736)}

.loaded div._card-play-new.color-4 a:before{background-color: rgba(134, 89, 21, .5)}

.loaded div._card-play-new.color-5 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #2d7439, rgba(21, 190, 68, .31) 32.81%, #262736)}

.loaded div._card-play-new.color-5 a:before{background-color: rgba(21, 134, 53, .5)}

.loaded div._card-play-new.color-6 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #2d5274, rgba(21, 170, 190, .26) 32.81%, #262736)}

.loaded div._card-play-new.color-6 a:before{background-color: rgba(21, 80, 134, .5)}

.loaded div._card-play-new.color-7 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #a338a5, rgba(69, 0, 102, .81) 32.81%, #262736)}

.loaded div._card-play-new.color-7 a:before{background-color: rgba(134, 21, 129, .5)}

.loaded div._card-play-new.color-8 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #a53838, rgba(102, 37, 0, .81) 32.81%, #262736)}

.loaded div._card-play-new.color-8 a:before{background-color: rgba(134, 21, 21, .5)}

.loaded div._card-play-new.color-9 a{background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #bb9d33, rgba(126, 61, 0, .81) 32.81%, #262736)}

.loaded div._card-play-new.color-9 a:before{background-color: rgba(134, 89, 21, .5)}

._home-enjoy-section{position: relative;
    z-index: 1}

._home-enjoy-section ._grid{padding-top: 24px;
    padding-bottom: 24px;
    gap: 20px}

._home-enjoy-section a{display: flex;
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px}

._home-enjoy-section .img-outer{flex: none;
    position: relative;
    width: 72px;
    height: 72px}

._home-enjoy-section .img-outer img{position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    pointer-events: none}

._home-enjoy-section .content h3,
._home-enjoy-section .content p{position: relative;
    z-index: 1}

._home-enjoy-section .content h3{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._home-enjoy-section .content h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._home-enjoy-section .content h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._home-enjoy-section .content p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    margin-top: 8px}

@media (min-width:768px){._home-enjoy-section .content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._home-enjoy-section .content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._home-enjoy-section .objects .obj{display: none}

@media (min-width:768px){._home-enjoy-section ._grid {
        padding-top: 32px;
        padding-bottom: 0;
        -moz-column-gap: 32px;
        column-gap: 32px
    }}

@media (min-width:1280px){._home-enjoy-section {
        min-height: 842px
    }

    ._home-enjoy-section ._grid {
        padding-top: 64px;
        row-gap: 80px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    ._home-enjoy-section a {
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    ._home-enjoy-section .img-outer {
        width: 132px;
        height: 128px
    }

    ._home-enjoy-section .img-outer img {
        width: 200px;
        height: 200px
    }

    ._home-enjoy-section .content h3 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500
    }

    ._home-enjoy-section .content p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }

    ._home-enjoy-section .objects .obj {
        display: inline-block
    }

    ._home-enjoy-section .objects-obj1 {
        width: 845px;
        height: 811px;
        transform: translateX(calc(-50% - 132px)) translateY(-198px);
        width: 1025px;
        height: 984px;
        transform: translateX(-50%) translateY(-370px);
        left: 0;
        right: auto;
        width: 76px;
        height: 150px;
        transform: rotate(-39.142deg) translateX(-100%) translateY(-150%);
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 92px;
        height: 183px;
        transform: rotate(29.069deg) translateX(100px) translateY(-150px);
        filter: blur(36.5px)
    }}

@media (min-width:1280px) and (min-width:768px){._home-enjoy-section .content h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px) and (min-width:1280px){._home-enjoy-section .content h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

@media (min-width:1280px) and (min-width:768px){._home-enjoy-section .content p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px) and (min-width:1280px){._home-enjoy-section .content p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._home-community-section{min-height: inherit;
    padding-top: 112px !important}

._home-community-section .bg-holder{left: 0;
    bottom: 76px;
    right: auto;
    top: auto;
    right: 0;
    height: 100%}

._home-community-section .bg-holder .peoples-bg{display: block;
    width: 100%;
    height: 100%}

._home-community-section .bg-holder .peoples-bg img{width: 100%;
    height: 100%}

._home-community-section .contents{position: relative;
    z-index: 1}

._home-community-section .peoples{display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 24px}

._home-community-section .peoples img{width: 100%;
    height: auto}

._home-community-section .social{position: relative;
    padding: 16px}

._home-community-section .social:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background-image: url(#d30000);
    background: linear-gradient(90deg, transparent, #d30101 50%, transparent)}

._home-community-section .social ._social{gap: 12px;
    justify-content: center}

._home-community-section .social ._social .label{display: none}

@media (min-width:768px){._home-community-section {
        padding-top: 120px !important
    }

    ._home-community-section .bg-holder:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        top: 100%;
        height: 72px;
        z-index: 0;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(23, 25, 47, .85) 5%, transparent)
    }

    ._home-community-section .peoples {
        margin-top: 32px
    }

    ._home-community-section .peoples img {
        width: 100%;
        height: auto
    }

    ._home-community-section .social ._social {
        gap: 24px
    }}

@media (min-width:1280px){._home-community-section {
        padding-top: 208px !important;
        min-height: 615.38px
    }

    ._home-community-section .bg-holder {
        bottom: 116px
    }

    ._home-community-section .bg-holder:after {
        height: 112px
    }

    ._home-community-section .peoples {
        padding-top: 24px;
        margin-top: 48px
    }

    ._home-community-section .peoples img {
        width: 1200px;
        height: 196px
    }

    ._home-community-section .social {
        padding: 24px
    }

    ._home-community-section .social svg {
        width: 64px;
        height: 64px
    }

    ._home-community-section .social ._social .label {
        display: inline-block
    }}

._home-watch-section{min-height: auto}

._home-watch-section .contents{padding-right: 0;
    padding-left: 0}

._home-watch-section .inner{max-width: inherit}

._home-watch-section ._slider{margin-top: 24px}

._home-watch-section .swiper-container{padding-right: 24px;
    padding-left: 24px;
    overflow: visible}

._home-watch-section .objects-obj1{left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 632px;
    height: 602px;
    transform: translateX(-373px) translateY(83px)}

._home-watch-section .objects-obj2{display: none}

@media (min-width:768px){._home-watch-section ._slider {
        margin-top: 32px
    }}

@media (min-width:1280px){._home-watch-section {
        min-height: 548px
    }

    ._home-watch-section ._slider {
        margin-top: 48px
    }

    ._home-watch-section ._slider img {
        width: 100%;
        min-height: 208px
    }

    ._home-watch-section .swiper-container {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }

    ._home-watch-section .objects {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    ._home-watch-section .objects-obj1 {
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        width: 731px;
        height: 712px;
        transform: translateX(242px) translateY(258px)
    }

    ._home-watch-section .objects-obj2 {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 67px;
        height: 124px;
        transform: rotate(21.714deg) translateX(0) translateY(-660px)
    }}

._card-thumbnail{display: block;
    background-color: #24242a;
    border-radius: 8px;
    overflow: hidden}

._card-thumbnail:active img,
.no-touch ._card-thumbnail:hover:not(.hover-disable) img{transform: scale(1.1)}

._card-thumbnail .img-outer{display: block;
    overflow: hidden}

._card-thumbnail .img-outer img{width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: transform .65s ease-in-out}

._card-thumbnail .subject{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px}

@media (min-width:768px){._card-thumbnail .subject {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._card-thumbnail .subject {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 24px
    }}

._home-socialize-section .objects .obj:first-of-type{right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 450px;
    height: 435px;
    transform: translateX(0) translateY(0);
    --bg-object-color: #18213f !important}

._home-socialize-section .objects .obj:nth-of-type(2),
._home-socialize-section .objects .obj:nth-of-type(3),
._home-socialize-section .objects .obj:nth-of-type(4){display: none}

._home-socialize-section .swiper-container{overflow: visible}

._home-socialize-section .container{margin-top: 24px}

._home-socialize-section .swiper-button-next,
._home-socialize-section .swiper-button-prev{display: none}

@media (min-width:768px){._home-socialize-section .container {
        margin-top: 32px
    }}

@media (min-width:1280px){._home-socialize-section {
        min-height: 860px
    }

    ._home-socialize-section ._slider .swiper-wrapper {
        transform: none !important
    }

    ._home-socialize-section .objects .obj:first-of-type {
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 845px;
        height: 811px;
        transform: translateX(729px) translateY(-245px);
        --bg-object-color: #332413 !important
    }

    ._home-socialize-section .objects .obj:nth-of-type(2) {
        display: inline-block;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 76px;
        height: 150px;
        transform: rotate(-39.142deg) translateX(-30px) translateY(-300px);
        filter: blur(36.5px)
    }

    ._home-socialize-section .objects .obj:nth-of-type(3) {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 92px;
        height: 183px;
        transform: rotate(29.069deg) translateX(60px) translateY(-220px);
        filter: blur(36.5px)
    }

    ._home-socialize-section .objects .obj:nth-of-type(4) {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 67px;
        height: 124px;
        transform: rotate(21.714deg) translateX(400px) translateY(380px)
    }

    ._home-socialize-section .container {
        margin-top: 48px
    }}

._card-socialize{padding: 16px;
    background-color: #24242a;
    border-radius: 16px}

._card-socialize .users-header{position: relative;
    padding-left: 52px}

._card-socialize .users-header .user{display: flex;
    gap: 4px}

._card-socialize .users-header .user picture{position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #000}

._card-socialize .users-header .user .label{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._card-socialize .users-header .user .label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._card-socialize .users-header .user .label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._card-socialize .users-header .user .icon{width: 20px;
    height: 20px;
    margin-top: 1px}

._card-socialize .users-header .at{display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._card-socialize .message{position: relative;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    padding-bottom: 20px;
    font-weight: 400;
    color: #d4d4d4;
    max-height: 180px;
    overflow: hidden}

@media (min-width:768px){._card-socialize .message {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._card-socialize .message {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._card-socialize .message .btn-toggle{position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    color: #2e90fa;
    text-align: right;
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    border-radius: 0 0 8 8;
    background: linear-gradient(180deg, rgba(42, 42, 45, 0), #24242a 50%)}

@media (min-width:768px){._card-socialize .message .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._card-socialize .message .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._card-socialize .message.open{max-height: 2000px;
    padding-bottom: 40px}

._card-socialize .img-outer{margin-top: 16px;
    border-radius: 8px;
    overflow: hidden;
    display: block}

._card-socialize .img-outer img{width: 100%;
    height: auto;
    border-radius: 8px}

@media (min-width:1280px){._card-socialize {
        padding: 24px
    }

    ._card-socialize .users-header .user .label {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }

    ._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        font-weight: 400;
        color: #d4d4d4
    }

    ._card-socialize .message {
        padding-left: 52px;
        max-height: 242px
    }

    ._card-socialize .message.open {
        max-height: 2000px
    }

    ._card-socialize .img-outer {
        padding-left: 52px;
        margin-top: 20px
    }

    ._card-socialize .img-outer img {
        width: 284px;
        height: 168px
    }}

@media (min-width:1280px) and (min-width:768px){._card-socialize .users-header .user .label {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px) and (min-width:1280px){._card-socialize .users-header .user .label {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px) and (min-width:768px){._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px) and (min-width:1280px){._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._home-communicate-section .container{position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px}

._home-communicate-section .objects .obj:first-of-type{right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    width: 520px;
    height: 495px;
    transform: translateX(60%) translateY(-50%)}

._home-communicate-section .objects .obj:nth-of-type(2){left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 632px;
    height: 602px;
    transform: translateX(-65%) translateY(65%)}

._home-communicate-section .objects .obj:nth-of-type(3),
._home-communicate-section .objects .obj:nth-of-type(4){display: none}

@media (min-width:768px){._home-communicate-section .container {
        display: flex;
        flex-flow: row;
        gap: 16px;
        margin-top: 32px
    }

    ._home-communicate-section .container ._card-communicate-poster {
        flex: 1;
        align-self: start
    }

    ._home-communicate-section .container ._card-communicate-message {
        flex: 1
    }}

@media (min-width:1280px){._home-communicate-section {
        min-height: 680px
    }

    ._home-communicate-section .container {
        gap: 24px;
        margin-top: 48px
    }

    ._home-communicate-section ._card-communicate-message {
        gap: 24px;
        max-height: 430px
    }

    ._home-communicate-section ._card-communicate-message.open {
        max-height: 2000px
    }

    ._home-communicate-section .objects .obj:first-of-type {
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        width: 844px;
        height: 810px;
        transform: translateX(-100%) translateY(443px)
    }

    ._home-communicate-section .objects .obj:nth-of-type(2) {
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        width: 1025px;
        height: 984px;
        transform: translateX(-100%) translateY(405px)
    }

    ._home-communicate-section .objects .obj:nth-of-type(3) {
        display: inline-block;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 76px;
        height: 150px;
        transform: rotate(-39.142deg) translateX(-100px) translateY(-220px);
        filter: blur(36.5px)
    }

    ._home-communicate-section .objects .obj:nth-of-type(4) {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 92px;
        height: 183px;
        transform: rotate(29.069deg) translateX(100px) translateY(-125px);
        filter: blur(36.5px)
    }}

._card-communicate-poster{display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background-color: #24242a;
    border-radius: 16px}

._card-communicate-poster .user{display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #a3a3a3}

@media (min-width:768px){._card-communicate-poster .user {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._card-communicate-poster .user {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._card-communicate-poster .user img{width: 40px;
    height: 40px;
    border-radius: 100%}

._card-communicate-poster>p{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._card-communicate-poster>p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._card-communicate-poster>p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._card-communicate-poster>.img-outer{display: block;
    border-radius: 8px;
    overflow: hidden}

._card-communicate-poster>.img-outer img{width: 100%;
    height: auto}

._card-communicate-poster .control{display: flex;
    align-items: center;
    gap: 16px}

._card-communicate-poster .control .control-l{display: flex;
    align-items: center;
    gap: 16px;
    flex: 1}

._card-communicate-poster .control .control-l .btn-comment{pointer-events: none}

._card-communicate-poster .control .control-l button:nth-child(-n


    +1)~button{display: none}

._card-communicate-poster .control button{display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #a3a3a3}

@media (min-width:768px){._card-communicate-poster .control button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._card-communicate-poster .control button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._card-communicate-poster .control button .svg-icon{width: 17px;
    height: 17px}

._card-communicate-poster .control button .svg-icon path{stroke: #a3a3a3}

._card-communicate-poster .control button:disabled{pointer-events: none;
    cursor: none}

@media (min-width:768px){._card-communicate-poster {
        gap: 0;
        height: 430px
    }

    ._card-communicate-poster .user {
        margin-left: 8px
    }

    ._card-communicate-poster>p {
        margin-top: 14px;
        margin-left: 8px
    }

    ._card-communicate-poster>.img-outer {
        margin-top: 26px
    }

    ._card-communicate-poster>.img-outer img {
        width: auto;
        height: 100%;
        min-width: 100%
    }

    ._card-communicate-poster .control {
        margin-top: 25px
    }}

@media (min-width:1280px){._card-communicate-poster {
        padding: 24px
    }

    ._card-communicate-poster .user,
    ._card-communicate-poster>p {
        margin-left: 0
    }

    ._card-communicate-poster>.img-outer {
        margin-top: 16px
    }

    ._card-communicate-poster>.img-outer img {
        width: 540px;
        height: 244px;
        min-width: inherit
    }

    ._card-communicate-poster .control {
        margin-top: 16px
    }

    ._card-communicate-poster .control .control-l button:nth-child(-n


        +1)~button {
        display: inline-flex
    }}

._card-communicate-message{position: relative;
    max-height: 352px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
    padding-top: 24px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
    background-color: #24242a;
    border-radius: 16px}

._card-communicate-message .btn-toggle{position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    color: #2e90fa;
    text-align: right;
    padding-top: 30px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    border-radius: 0 0 8 8;
    background: linear-gradient(180deg, rgba(42, 42, 45, 0), #24242a 30%)}

@media (min-width:768px){._card-communicate-message .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._card-communicate-message .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._card-communicate-message.open{height: auto;
    max-height: 2000px;
    padding-bottom: 64px}

@media (min-width:768px){._card-communicate-message {
        height: 430px;
        max-height: inherit
    }

    ._card-communicate-message .btn-toggle {
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px;
        font-weight: 500
    }

    ._card-communicate-message.open {
        padding-bottom: 48px
    }}

@media (min-width:768px) and (min-width:768px){._card-communicate-message .btn-toggle {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:768px) and (min-width:1280px){._card-communicate-message .btn-toggle {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._card-communicate-message {
        padding: 24px
    }

    ._card-communicate-message .btn-toggle {
        padding-top: 32px;
        padding-right: 24px;
        padding-bottom: 24px;
        padding-left: 24px
    }

    ._card-communicate-message.open {
        padding-bottom: 72px
    }}

._card-communicate-message-item{display: flex;
    flex-direction: column;
    row-gap: 8px}

._card-communicate-message-item+dl{margin-top: 16px}

._card-communicate-message-item dt{display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._card-communicate-message-item dt img{width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #000}

._card-communicate-message-item dd{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #a3a3a3;
    padding-left: 40px}

@media (min-width:768px){._card-communicate-message-item dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._card-communicate-message-item dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:768px){._card-communicate-message-item dl {
        row-gap: 8px
    }

    ._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:768px) and (min-width:768px){._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:768px) and (min-width:1280px){._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._home-support-section{margin-bottom: -56px;
    padding-bottom: 56px;
    overflow: hidden}

._home-support-section ._chat-gpt-support{position: relative;
    z-index: 1;
    margin-top: 24px;
    overflow: hidden}

._home-support-section .obj:first-of-type{right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 520px;
    height: 495px;
    transform: translateX(30%) translateY(-20%)}

._home-support-section .obj:nth-of-type(2){right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 422px;
    height: 403px;
    transform: translateX(0) translateY(-50%)}

@media (min-width:768px){._home-support-section {
        margin-bottom: -72px;
        padding-bottom: 72px
    }

    ._home-support-section ._chat-gpt-support {
        margin-top: 32px
    }}

@media (min-width:1280px){._home-support-section {
        min-height: 1058px;
        margin-bottom: -128px;
        padding-bottom: 128px
    }

    ._home-support-section ._chat-gpt-support {
        margin-top: 48px
    }

    ._home-support-section .obj:first-of-type {
        width: 845px;
        height: 811px;
        transform: translateX(533px) translateY(-120px)
    }

    ._home-support-section .obj:nth-of-type(2) {
        width: 685px;
        height: 658px;
        transform: translateX(212px) translateY(-50%)
    }}

._chat-gpt-support{position: relative;
    padding: 16px;
    background-color: #24242a;
    border-radius: 16px}

._chat-gpt-support .control{display: none}

._chat-gpt-support dl{display: flex;
    flex-direction: column;
    gap: 16px}

._chat-gpt-support dl dd,
._chat-gpt-support dl dt{position: relative;
    padding-left: 48px}

._chat-gpt-support dl .icon{position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto}

._chat-gpt-support dl .icon img{width: 32px;
    height: 32px}

._chat-gpt-support dl dt{position: relative;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._chat-gpt-support dl dt {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._chat-gpt-support dl dt {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._chat-gpt-support dl dd{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    max-height: 204px;
    overflow: hidden;
    transition: max-height .25s ease-in-out}

@media (min-width:768px){._chat-gpt-support dl dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._chat-gpt-support dl dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._chat-gpt-support dl dd a{color: #fff;
    text-decoration: underline}

._chat-gpt-support .btn-toggle{position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    color: #2e90fa;
    text-align: right;
    padding-top: 30px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    border-radius: 0 0 8 8;
    background: linear-gradient(180deg, rgba(42, 42, 45, 0), #24242a 30%)}

@media (min-width:768px){._chat-gpt-support .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._chat-gpt-support .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._chat-gpt-support.open{padding-bottom: 64px}

._chat-gpt-support.open dl dd{max-height: 2000px}

@media (min-width:768px){._chat-gpt-support {
        border-radius: 16px;
        padding-top: 46px;
        padding-right: 50px;
        padding-bottom: 46px;
        padding-left: 40px
    }

    ._chat-gpt-support .control {
        position: absolute;
        right: 42px;
        top: 53px;
        left: auto;
        bottom: auto;
        display: flex;
        gap: 16px
    }

    ._chat-gpt-support .control .svg-clipboard path {
        stroke: #737373
    }

    ._chat-gpt-support .control .svg-thumbs-up-fill path {
        fill: #737373
    }

    ._chat-gpt-support .control .svg-thumbs-down path {
        stroke: #737373
    }

    ._chat-gpt-support dl {
        row-gap: 41px
    }

    ._chat-gpt-support dl dd,
    ._chat-gpt-support dl dt {
        padding-left: 75px
    }

    ._chat-gpt-support dl dd:before,
    ._chat-gpt-support dl dt:before {
        width: 48px;
        height: 48px
    }

    ._chat-gpt-support dl dt {
        padding-right: 123px
    }

    ._chat-gpt-support dl dd {
        padding-top: 8px;
        overflow: visible;
        max-height: inherit
    }

    ._chat-gpt-support .btn-toggle {
        display: none
    }}

@media (min-width:1280px){._chat-gpt-support {
        padding-top: 67px;
        padding-right: 83px;
        padding-bottom: 50px;
        padding-left: 72px
    }

    ._chat-gpt-support .control {
        position: absolute;
        right: 84px;
        top: 80px;
        left: auto;
        bottom: auto
    }

    ._chat-gpt-support .control .svg-icon {
        width: 28px;
        height: 28px
    }

    ._chat-gpt-support dl dt {
        padding-right: 296px
    }}

[honeymoon-newcomers-start]>.content{z-index: 1}

[honeymoon-newcomers-start] figure img{display: block;
    width: 100%;
    height: auto;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto}

[honeymoon-newcomers-start] ul{margin-top: -4px}

@media (min-width:1280px){[honeymoon-newcomers-start] .objects .obj {
        left: calc(100% - 253px);
        bottom: -65px;
        right: auto;
        top: auto;
        opacity: .1
    }

    [honeymoon-newcomers-start] .objects img {
        position: absolute;
        left: calc(100% + 91px);
        bottom: 334px;
        right: auto;
        top: auto;
        filter: blur(10px);
        pointer-events: none
    }}

[honeymoon-newcomers-itinerary] [grid] figure img{display: block;
    width: 100%;
    height: auto;
    max-width: 692px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px}

[honeymoon-newcomers-itinerary] [responsive-table] thead th{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4}

@media (min-width:768px){[honeymoon-newcomers-itinerary] [responsive-table] thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[honeymoon-newcomers-itinerary] [responsive-table] thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[honeymoon-newcomers-itinerary] [responsive-table] td:first-of-type,
[honeymoon-newcomers-itinerary] [responsive-table] th:first-of-type{width: 30%}

@media (min-width:768px){[honeymoon-newcomers-itinerary] [responsive-table] td,
    [honeymoon-newcomers-itinerary] [responsive-table] th {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 50%
    }

    [honeymoon-newcomers-itinerary] [responsive-table] td:first-of-type,
    [honeymoon-newcomers-itinerary] [responsive-table] td:nth-of-type(2),
    [honeymoon-newcomers-itinerary] [responsive-table] th:first-of-type,
    [honeymoon-newcomers-itinerary] [responsive-table] th:nth-of-type(2) {
        width: 50%
    }}

@media (min-width:1280px){[honeymoon-newcomers-itinerary] .objects .obj {
        left: -724px;
        top: -441px;
        right: auto;
        bottom: auto;
        opacity: .15
    }

    [honeymoon-newcomers-itinerary] .objects img {
        position: absolute;
        pointer-events: none
    }

    [honeymoon-newcomers-itinerary] .objects img:first-of-type {
        left: -193px;
        bottom: 223px;
        right: auto;
        top: auto;
        filter: blur(3px)
    }

    [honeymoon-newcomers-itinerary] .objects img:nth-of-type(2) {
        left: -268px;
        top: -84px;
        right: auto;
        bottom: auto;
        filter: blur(5px)
    }

    [honeymoon-newcomers-itinerary] [grid] {
        grid-template-columns: 486px auto !important
    }

    [honeymoon-newcomers-itinerary] [responsive-table] td:first-of-type,
    [honeymoon-newcomers-itinerary] [responsive-table] th:first-of-type {
        width: 258px
    }}

[house-rules] [accordion-view].line-thumb .title{padding-top: 16px;
    padding-bottom: 16px}

[house-rules] [accordion-view].line-thumb .context-box{padding-top: 32px}

[house-rules] [accordion-view].line-thumb+[accordion-view]{margin-top: 32px}

@media (min-width:768px){[house-rules] [accordion-view].line-thumb .title {
        padding-top: 24px;
        padding-bottom: 24px
    }

    [house-rules] [accordion-view].line-thumb .context-box {
        padding-top: 48px
    }

    [house-rules] [accordion-view].line-thumb+[accordion-view] {
        margin-top: 40px
    }}

@media (min-width:1280px){[house-rules] [accordion-view].line-thumb+[accordion-view] {
        margin-top: 56px
    }}

[policy-list] ol.not{margin-left: 24px}

input,
select{-webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    border-radius: 0;
    vertical-align: middle}

[network] .inner{display: flex;
    flex-direction: column;
    row-gap: 56px}

@media (min-width:768px){[network] .inner {
        row-gap: 64px
    }}

@media (min-width:1280px){[network] .inner {
        row-gap: 128px
    }}

[network-overview] ._grid{-moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 20px}

[network-overview] .item figure{position: relative}

[network-overview] .item figure img{width: 100%;
    height: auto;
    border-radius: 24px}

[network-overview] .item s{position: absolute;
    right: 8px;
    bottom: 8px;
    left: auto;
    top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100%}

[network-overview] .item s svg{width: 24px;
    height: 24px}

[network-overview] .item p{margin-top: 16px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    text-align: center}

@media (min-width:768px){[network-overview] .item p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[network-overview] .item p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[network-overview] .business-message{margin-top: 24px}

[network-overview] .business-message h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    color: #fff;
    text-align: center;
    margin-bottom: 24px}

@media (min-width:768px){[network-overview] .business-message h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[network-overview] .business-message h4 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }}

[network-overview] .business-message p{text-align: center}

[network-overview] .business-message p a{display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline}

@media (min-width:768px){[network-overview] .business-message p a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[network-overview] .business-message p a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[network-overview] .business-message p svg{width: 24px;
    height: 24px}

@media (min-width:768px){[network-overview] ._grid {
        gap: 24px
    }

    [network-overview] .item s {
        right: 16px;
        bottom: 15px;
        left: auto;
        top: auto
    }}

@media (min-width:1280px){[network-overview] .business-message {
        margin-top: 40px
    }}

[network-backoffice] [responsive-img-new] img{width: 100%;
    height: auto}

[network-backoffice] .view-more{display: flex;
    width: 100%;
    gap: 20px}

[network-backoffice] .view-more:before{content: "";
    align-self: center;
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #000, red)}

[network-backoffice] .view-more button{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: red;
    align-items: center;
    display: flex}

@media (min-width:768px){[network-backoffice] .view-more button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[network-backoffice] .view-more button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[network-backoffice] .view-more.close button{color: #fff}

[network-backoffice] .view-more.close:before{background: linear-gradient(90deg, #18181b, #6c6c7a)}

[network-backoffice] .textImage{position: relative}

[network-backoffice] .floatText{display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    position: absolute;
    left: 24px;
    top: 24px;
    right: auto;
    bottom: auto}

[network-backoffice] .floatText p{display: flex}

[network-backoffice] .floatText p svg{align-self: center}

[network-backoffice] .article h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    padding-bottom: 8px}

@media (min-width:768px){[network-backoffice] .article h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[network-backoffice] .article h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[network-backoffice] .article li{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[network-backoffice] .article li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[network-backoffice] .article li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[network-backoffice] .article+.article{padding-top: 24px}

[network-backoffice] .article.left{flex-direction: column-reverse;
    display: flex}

@media (min-width:768px){[network-backoffice] .floatText {
        left: 24px;
        top: 32px;
        right: auto;
        bottom: auto
    }}

@media (min-width:1280px){[network-backoffice] .article {
        width: 100%;
        margin-top: 24px;
        display: flex;
        gap: 72px
    }

    [network-backoffice] .article .group {
        flex: 1
    }

    [network-backoffice] .article figure {
        flex: none;
        width: 586px
    }

    [network-backoffice] .article:first-of-type {
        margin-top: 0
    }

    [network-backoffice] .article.left {
        flex-direction: row;
        display: flex
    }

    [network-backoffice] .floatText {
        left: 40px;
        top: 115px;
        right: auto;
        bottom: auto
    }}

[network-integration] [responsive-img-new] img{width: 100%;
    height: auto}

[network-integration] .view-more{display: flex;
    width: 100%;
    gap: 20px}

[network-integration] .view-more:before{content: "";
    align-self: center;
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #000, red)}

[network-integration] .view-more button{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: red;
    align-items: center;
    display: flex}

@media (min-width:768px){[network-integration] .view-more button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[network-integration] .view-more button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[network-integration] .view-more.close button{color: #fff}

[network-integration] .view-more.close:before{background: linear-gradient(90deg, #18181b, #6c6c7a)}

[network-integration] .textImage{position: relative}

[network-integration] .floatText{display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    position: absolute;
    left: 24px;
    top: 24px;
    right: auto;
    bottom: auto}

[network-integration] .floatText p{display: flex}

[network-integration] .floatText p svg{align-self: center}

[network-integration] .article h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    padding-bottom: 8px}

@media (min-width:768px){[network-integration] .article h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[network-integration] .article h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[network-integration] .article li{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[network-integration] .article li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[network-integration] .article li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[network-integration] .article+.article{padding-top: 24px}

[network-integration] .article.left{flex-direction: column-reverse;
    display: flex}

@media (min-width:768px){[network-integration] .floatText {
        left: 24px;
        top: 32px;
        right: auto;
        bottom: auto
    }}

@media (min-width:1280px){[network-integration] .article {
        width: 100%;
        margin-top: 24px;
        display: flex;
        gap: 72px
    }

    [network-integration] .article .group {
        flex: 1
    }

    [network-integration] .article figure {
        flex: none;
        width: 586px
    }

    [network-integration] .article:first-of-type {
        margin-top: 0
    }

    [network-integration] .article.left {
        flex-direction: row;
        display: flex
    }

    [network-integration] .floatText {
        left: 40px;
        top: 115px;
        right: auto;
        bottom: auto
    }}

.view-more svg:nth-of-type(1){display: inline;}

.view-more svg:nth-of-type(2){display: none;}

.view-more.close svg:nth-of-type(1){display: none;}

.view-more.close svg:nth-of-type(2){display: inline;}

@media (min-width:1280px){[omaha-rules] {
        min-height: 360px
    }}

@media (min-width:1280px){[omaha-limit] {
        min-height: 116px
    }}

[omaha-positions] figure{display: block}

[omaha-positions] figure img{width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 16px}

[omaha-positions] [text-content].article-content>.container>p{color: #a3a3a3}

[omaha-positions] [text-content].article-content>.container dt{margin-top: 24px}

[omaha-positions] [text-content].article-content>.container dt+dd{margin-top: 8px}

@media (min-width:768px){[omaha-positions] figure {
        text-align: center;
        flex: none
    }

    [omaha-positions] figure img {
        max-width: 704px
    }}

@media (min-width:1280px){[omaha-positions]>h3 {
        padding-left: 568px
    }

    [omaha-positions] [text-content].article-content {
        display: flex;
        flex-flow: row;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [omaha-positions] [text-content].article-content figure {
        margin-top: -72px
    }

    [omaha-positions] [text-content].article-content figure img {
        max-width: 496px
    }}

[omaha-actions] .container{order: 1}

[omaha-actions] .container dt+dd{margin-top: 8px}

[omaha-actions] .container dd+dt{margin-top: 24px}

@media (min-width:1280px){[omaha-actions] {
        min-height: 554px
    }

    [omaha-actions] .container {
        order: 0
    }

    [omaha-actions].no-margin [article-content]>.content figure {
        margin-top: -72px
    }}

[omaha-betting-round]{display: flex;
    flex-direction: column;
    row-gap: 16px;
    overflow: hidden}

[omaha-betting-round] h3{position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500}

@media (min-width:768px){[omaha-betting-round] h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[omaha-betting-round] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[omaha-betting-round] .play-graphic{margin-top: -44px}

[omaha-betting-round] .play-graphic p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    text-align: center}

@media (min-width:768px){[omaha-betting-round] .play-graphic p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[omaha-betting-round] .play-graphic p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[omaha-betting-round] .play-graphic .cards{text-align: center}

[omaha-betting-round] .play-graphic .cards>div{display: none}

[omaha-betting-round] .play-graphic .cards p{margin-bottom: 12px;
    display: none}

[omaha-betting-round] .play-graphic .cards+p{margin-top: 24px}

[omaha-betting-round] .play-graphic .cards figure{position: relative;
    margin-right: -24px;
    margin-left: -24px;
    margin-top: -16px}

[omaha-betting-round] .play-graphic .cards figure img{width: 100%;
    height: auto;
    max-width: 736px}

[omaha-betting-round] .play-graphic.preflop .pre-flop,
[omaha-betting-round] .play-graphic.theflop .the-flop,
[omaha-betting-round] .play-graphic.theriver .the-river,
[omaha-betting-round] .play-graphic.theshowdown .the-showdown,
[omaha-betting-round] .play-graphic.theturn .the-turn{display: block}

[omaha-betting-round] [accordion-view].label-desc label{height: auto;
    max-height: none;
    align-items: flex-end}

[omaha-betting-round] [accordion-view].label-desc .title{flex-direction: column;
    align-items: flex-start;
    gap: 4px}

[omaha-betting-round] [accordion-view].label-desc .subTitle{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400}

@media (min-width:768px){[omaha-betting-round] [accordion-view].label-desc .subTitle {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[omaha-betting-round] [accordion-view].label-desc .subTitle {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[omaha-betting-round] [accordion-view].label-desc+[accordion-view].label-desc{margin-top: 16px}

@media (min-width:768px){[omaha-betting-round] {
        row-gap: 40px
    }

    [omaha-betting-round] h3 {
        padding-bottom: 0
    }

    [omaha-betting-round] .play-graphic {
        margin-top: -86px
    }

    [omaha-betting-round] .play-graphic .cards+p {
        margin-top: 16px
    }

    [omaha-betting-round] .play-graphic .cards figure {
        margin: 0
    }

    [omaha-betting-round] .play-graphic .cards figure img {
        max-width: 704px
    }

    [omaha-betting-round] [accordion-view].label-desc .title {
        gap: 16px
    }

    [omaha-betting-round] [accordion-view].label-desc+[accordion-view].label-desc {
        margin-top: 32px
    }}

@media (min-width:1280px){[omaha-betting-round] {
        min-height: 604px;
        position: relative;
        row-gap: 0;
        -moz-column-gap: 72px;
        column-gap: 72px;
        overflow: visible
    }

    [omaha-betting-round] h3 {
        padding-bottom: 40px
    }

    [omaha-betting-round] .play-graphic {
        position: absolute;
        left: 458px;
        top: -72px;
        right: auto;
        bottom: auto;
        width: 742px;
        margin-top: 0
    }

    [omaha-betting-round] .play-graphic .cards {
        margin-top: 0
    }

    [omaha-betting-round] .play-graphic .cards figure img {
        max-width: 736px
    }

    [omaha-betting-round] .play-toggle {
        flex: none;
        width: 386px
    }

    [dir=rtl] [omaha-betting-round] .play-graphic {
        left: auto;
        right: 458px
    }}

[omaha-plo-table] [responsive-table] td,
[omaha-plo-table] [responsive-table] th{width: 12.66666667%}

[omaha-plo-table] [responsive-table] thead tr:first-child th:last-child{border-bottom-right-radius: 0}

[omaha-plo-table] [responsive-table] thead tr:last-child th:first-child{border-radius: 0}

[omaha-plo-table] [responsive-table] thead tr:last-child th:last-child{border-top-right-radius: 0}

[omaha-plo-table].close.table [article-content]>[text-content]{max-height: 105px}

[omaha-plo-table] [article-content]>.content{gap: 20px}

[omaha-plo-5-table] [responsive-table] td,
[omaha-plo-5-table] [responsive-table] th{width: 12.66666667%}

[omaha-plo-5-table] [responsive-table] thead tr:first-child th:last-child{border-bottom-right-radius: 0}

[omaha-plo-5-table] [responsive-table] thead tr:last-child th:first-child{border-radius: 0}

[omaha-plo-5-table] [responsive-table] thead tr:last-child th:last-child{border-top-right-radius: 0}

[omaha-plo-5-table] [article-content]>.content{gap: 20px}

[omaha-plo-5-table].close.table [article-content]>[text-content]{max-height: 105px}

[omaha-plo-6-table] [responsive-table] td,
[omaha-plo-6-table] [responsive-table] th{width: 12.66666667%}

[omaha-plo-6-table] [responsive-table] thead tr:first-child th:last-child{border-bottom-right-radius: 0}

[omaha-plo-6-table] [responsive-table] thead tr:last-child th:first-child{border-radius: 0}

[omaha-plo-6-table] [responsive-table] thead tr:last-child th:last-child{border-top-right-radius: 0}

[omaha-plo-6-table] [article-content]>.content{gap: 20px}

[omaha-plo-6-table].close.table [article-content]>[text-content]{max-height: 105px}

[omaha-plo] [responsive-table] td,
[omaha-plo] [responsive-table] th{width: 20%}

[omaha-plo-5] [responsive-table] td,
[omaha-plo-5] [responsive-table] th{width: 20%}

[omaha-plo-6] [responsive-table] td,
[omaha-plo-6] [responsive-table] th{width: 20%}

[omaholic-com] [key-visual-tournaments].primary .bg-holder img.logo{top: 90px}

[omaholic-com] [responsive-table] thead th{text-transform: uppercase}

@media (min-width:768px){[omaholic-com] [key-visual-tournaments].primary .bg-holder:before {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/key_visual_Omaholic_l.png)
    }

    [omaholic-com] [key-visual-tournaments].primary .bg-holder:after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/key_visual_Omaholic_r.png)
    }}

@media (min-width:1280px){[omaholic-com] {
        min-height: 1176px
    }

    [omaholic-com] [key-visual-tournaments].primary .bg-holder img.logo {
        top: 150px
    }}

[omaholic-schedule] td:first-child,
[omaholic-schedule] td:nth-child(2),
[omaholic-schedule] th:first-child,
[omaholic-schedule] th:nth-child(2){width: 15%}

[omaholic-schedule] td:nth-child(3),
[omaholic-schedule] th:nth-child(3){width: 40%}

[omaholic-schedule] td:nth-child(4),
[omaholic-schedule] td:nth-child(5),
[omaholic-schedule] th:nth-child(4),
[omaholic-schedule] th:nth-child(5){width: 15%}

[omaholic-schedule] [responsive-table] table{min-width: 704px}

[omaholic-schedule] [responsive-table].in-sticky .holder{max-height: 768px}

[omaholic-schedule] [responsive-table].in-scroll thead th:last-child{border-right: 10px solid transparent}

@media (min-width:768px){[omaholic-schedule] [responsive-table].in-sticky .holder {
        max-height: 768px
    }}

@media (min-width:1280px){[omaholic-schedule] [responsive-table].in-sticky .holder {
        max-height: 1104px
    }}

input,
select{appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    vertical-align: middle}

[poker-school-template] .inner{display: flex;
    flex-direction: column;
    row-gap: 56px}

[poker-school-template] [partners-header]{padding-bottom: 0}

[poker-school-template] [card-icon] .holder h3{font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .66px}

[poker-school-template] [card-icon] .holder .content .content-wrapper{min-height: 220px}

[poker-school-template] [card-icon] .holder .content h4{font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .54px}

[poker-school-template] [card-icon] .holder .content:before{content: none;
    margin-top: 0}

[poker-school-template] [card-icon] .holder .content .wrapper{padding: 0;
    position: absolute;
    bottom: 0}

[poker-school-template] [card-icon] .holder .content .wrapper a{color: #fff}

[poker-school-template] .card-wrapper{display: grid;
    gap: 24px}

[poker-school-template] .card-wrapper .card-text{flex: 1;
    padding: 24px;
    background: linear-gradient(180deg, #252528, #1d1d20 94.74%);
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .15)}

[poker-school-template] .card-wrapper .card-text .card-number{color: #fff;
    font-size: 46px;
    font-style: italic;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -2.4px}

[poker-school-template] .card-wrapper .card-text .card-title{color: #fff;
    padding-top: 20px;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: 500}

[poker-school-template] [article-content]>h3:after{display: none !important}

[poker-school-template] [article-content] .wrapper{padding: 24px 0}

[poker-school-template] [article-content] .wrapper h4{font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 8px}

[poker-school-template] [article-content] .wrapper h6{padding-bottom: 8px}

[poker-school-template] .content-link{display: flex}

[poker-school-template] .content-link a{color: #dc3333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none !important;
    text-transform: capitalize}

[poker-school-template] .tips{position: relative;
    border: 2px solid transparent;
    border-radius: 15px;
    margin-top: 20px;
    background-image: linear-gradient(#19191a, #19191a), linear-gradient(330deg, #18181b 10%, #3a3a3a);
    background-origin: border-box;
    background-clip: content-box, border-box}

[poker-school-template] .tips .tips-content{position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px}

[poker-school-template] .tips .tips-content .title{display: flex;
    font-style: italic;
    font-size: 16px}

[poker-school-template] .tips .tips-content .title p{padding-left: 8px;
    align-content: center;
    font-style: italic}

[poker-school-template] .tips p{font-weight: 400;
    font-style: normal;
    color: #fff}

[poker-school-template] .tips-mistakes-content{padding-left: 49px}

[poker-school-template] [partners-header]{padding-bottom: 56px}

[poker-school-template] [poker-school-home-become]{margin-top: -80px}

[poker-school-template] [poker-school-home-play-now]{text-align: center}

[poker-school-template] [poker-school-home-play-now] h4{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    font-style: italic;
    padding-bottom: 24px;
    font-weight: 300}

@media (min-width:768px){[poker-school-template] [poker-school-home-play-now] h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[poker-school-template] [poker-school-home-play-now] h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[poker-school-template] [poker-school-home-play-now] button{min-width: 327px;
    letter-spacing: .64px;
    text-transform: uppercase}

[poker-school-template] [poker-school-home-how] .content{flex-flow: column-reverse}

[poker-school-template] [poker-school-home-how] .content figure{margin-top: 0 !important}

[poker-school-template] [poker-school-home-how] .title{color: #fff;
    position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    padding-bottom: 24px}

[poker-school-template] [poker-school-home-how] .sub-title{margin-top: 0}

[poker-school-template] [poker-school-home-hands-ranking] .content,
[poker-school-template] [poker-school-home-odds] .content,
[poker-school-template] [poker-school-home-terms] .content,
[poker-school-template] [poker-school-home-tips] .content{flex-flow: column-reverse}

[poker-school-template] [poker-school-home-hands-ranking] .content figure,
[poker-school-template] [poker-school-home-odds] .content figure,
[poker-school-template] [poker-school-home-terms] .content figure,
[poker-school-template] [poker-school-home-tips] .content figure{margin-top: 0 !important;
    top: 0}

[poker-school-template] [poker-school-home-hands-ranking] .wrapper,
[poker-school-template] [poker-school-home-odds] .wrapper,
[poker-school-template] [poker-school-home-terms] .wrapper,
[poker-school-template] [poker-school-home-tips] .wrapper{padding: 0 0 24px 0 !important}

[poker-school-template] [poker-school-home-hands-ranking] .title,
[poker-school-template] [poker-school-home-odds] .title,
[poker-school-template] [poker-school-home-terms] .title,
[poker-school-template] [poker-school-home-tips] .title{color: #fff;
    position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    margin-bottom: 24px}

[poker-school-template] [poker-school-home-hands-ranking] .sub-title,
[poker-school-template] [poker-school-home-odds] .sub-title,
[poker-school-template] [poker-school-home-terms] .sub-title,
[poker-school-template] [poker-school-home-tips] .sub-title{color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .54px;
    padding-bottom: 8px}

[poker-school-template] [poker-school-home-hands-ranking] .sub-title:before,
[poker-school-template] [poker-school-home-odds] .sub-title:before,
[poker-school-template] [poker-school-home-terms] .sub-title:before,
[poker-school-template] [poker-school-home-tips] .sub-title:before{margin-bottom: 24px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, #52525b, transparent)}

[poker-school-template] [poker-school-home-how] .sub-title,
[poker-school-template] [poker-school-home-learning-path] .sub-title{margin-top: -24px}

[poker-school-template] [poker-school-home-how] .sub-title:after,
[poker-school-template] [poker-school-home-learning-path] .sub-title:after{content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 24px;
    background-image: linear-gradient(90deg, #52525b, transparent)}

@media (min-width:768px){[poker-school-template] .inner {
        row-gap: 64px
    }

    [poker-school-template] [poker-school-home-how] .title {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px;
        font-weight: 500
    }

    [poker-school-template] .card-wrapper .card-text {
        padding: 32px
    }

    [poker-school-template] .card-wrapper .card-text .card-number {
        font-size: 80px;
        font-style: italic;
        letter-spacing: -2.4px
    }

    [poker-school-template] .card-wrapper .card-text .card-title {
        padding-top: 24px
    }

    [poker-school-template] [card-icon] .holder .content .content-wrapper {
        min-height: 160px
    }}

@media (min-width:1280px){[poker-school-template] .inner {
        row-gap: 128px
    }

    [poker-school-template] [card-icon] .wrapper {
        display: flex
    }

    [poker-school-template] [card-icon] .wrapper a {
        align-content: center;
        text-decoration: none
    }

    [poker-school-template] [card-icon] .holder .title {
        font-size: 28px
    }

    [poker-school-template] [card-icon] .holder h4 {
        font-size: 20px;
        content: none
    }

    [poker-school-template] .card-wrapper {
        display: flex
    }

    [poker-school-template] .card-wrapper .card-text .card-number {
        font-size: 80px;
        line-height: 60px
    }

    [poker-school-template] .card-wrapper .card-text .card-title {
        font-size: 18px
    }

    [poker-school-template] [partners-header] {
        padding-bottom: 0
    }

    [poker-school-template] [poker-school-home-become] {
        margin-top: -104px
    }

    [poker-school-template] [poker-school-home-hands-ranking] .title,
    [poker-school-template] [poker-school-home-how] .title,
    [poker-school-template] [poker-school-home-odds] .title,
    [poker-school-template] [poker-school-home-terms] .title,
    [poker-school-template] [poker-school-home-tips] .title {
        position: relative;
        font-size: 42px;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: 1.26px;
        padding-bottom: 0
    }

    [poker-school-template] [poker-school-home-hands-ranking] .sub-title,
    [poker-school-template] [poker-school-home-how] .sub-title,
    [poker-school-template] [poker-school-home-odds] .sub-title,
    [poker-school-template] [poker-school-home-terms] .sub-title,
    [poker-school-template] [poker-school-home-tips] .sub-title {
        margin-top: 0
    }}

[road-to-vegas-2025-com] [wsc-2025-slider]{min-height: 312px}

[road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .title{top: 270px}

[road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .inner{padding-top: 410px}

@media (min-width:768px){[road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .title {
        top: 380px
    }

    [road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .inner {
        padding-top: 546px
    }}

@media (min-width:1280px){[road-to-vegas-2025-com] [wsc-2025-slider] {
        min-height: 292px
    }

    [road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .title {
        top: 288px
    }

    [road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .inner {
        padding-top: 750px
    }}

[rtv-2025-description]{padding-top: 56px}

[rtv-2025-description] .message{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic}

@media (min-width:768px){[rtv-2025-description] .message {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[rtv-2025-description] .message {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }}

@media (min-width:768px){[rtv-2025-description] {
        padding-top: 64px
    }}

[rtv-wsop] .item{position: relative;
    border-radius: 16px;
    border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(180deg, #6d4f3e, rgba(29, 29, 36, .92) 30.8%)}

[rtv-wsop] .item .holder{border-radius: 14px;
    height: 100%;
    margin: 1px;
    background: radial-gradient(64.34% 34.79% at 50% 0, #4b3021 0, #3f2b20 30%, #241e1d 100%);
    display: flex;
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding-right: 24px;
    padding-left: 24px}

[rtv-wsop] .item .holder figure,
[rtv-wsop] .item .holder img{width: 96px;
    height: 96px}

[rtv-wsop] .item .holder p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[rtv-wsop] .item .holder p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[rtv-wsop] .item .holder p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[rtv-wsop] .bonus-banner{position: relative}

[rtv-wsop] .bonus-banner:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/road_to_vegas_2024_wsop_bonus_more.webp) 50% 50%/cover no-repeat;
    width: 48px;
    height: 48px;
    pointer-events: none}

[rtv-wsop] .bonus-banner .holder .icon{position: absolute;
    left: -20px;
    top: -4px;
    right: auto;
    bottom: auto}

[rtv-wsop] .bonus-banner .holder .icon img{width: 104px;
    height: 72px}

[rtv-wsop] .bonus-banner .holder p{position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    left: 0;
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff;
    text-align: center}

@media (min-width:768px){[rtv-wsop] .bonus-banner .holder p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[rtv-wsop] .bonus-banner .holder p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[rtv-wsop] .bonus-banner .holder p strong{font-weight: 500;
    color: #fee78a}

[rtv-wsop] .bonus-banner .holder picture img{width: 100%;
    height: auto}

@media (min-width:768px){[rtv-wsop] .item {
        height: 274px
    }

    [rtv-wsop] .item .holder {
        height: 100%;
        padding: 24px;
        flex-direction: column;
        gap: 0
    }

    [rtv-wsop] .item .holder figure {
        width: auto;
        max-width: none;
        height: auto;
        max-height: none
    }

    [rtv-wsop] .item .holder img {
        width: 160px;
        height: 160px
    }

    [rtv-wsop] .item .holder p {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 176px
    }

    [rtv-wsop] .bonus-banner:before {
        width: 72px;
        height: 72px;
        margin-top: -12px
    }

    [rtv-wsop] .bonus-banner .holder .icon {
        left: -52px;
        top: -20px;
        right: auto;
        bottom: auto
    }

    [rtv-wsop] .bonus-banner .holder .icon img {
        width: 192px;
        height: 136px
    }

    [rtv-wsop] .bonus-banner .holder p {
        padding-top: 40px;
        padding-right: 32px;
        padding-bottom: 40px;
        padding-left: 32px;
        font-weight: 400
    }}

@media (min-width:1280px){[rtv-wsop] [grid].gap-16 {
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    [rtv-wsop] .item:nth-child(2) p {
        max-width: 160px
    }

    [rtv-wsop] .item:nth-child(3) p {
        max-width: 270px
    }

    [rtv-wsop] .bonus-banner .holder .icon {
        left: -42px;
        top: -57px;
        right: auto;
        bottom: auto
    }

    [rtv-wsop] .bonus-banner .holder .icon img {
        width: auto;
        max-width: none;
        height: auto;
        max-height: none
    }

    [rtv-wsop] .bonus-banner .holder p {
        padding: 32px
    }}

[rtv-glory] [grid]{row-gap: 24px}

[rtv-glory] .item{position: relative;
    border-radius: 16px;
    border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(180deg, #6d4f3e, rgba(29, 29, 36, .92) 30.8%)}

[rtv-glory] .item .holder{border-radius: 14px;
    height: 100%;
    margin: 1px;
    background: radial-gradient(64.34% 34.79% at 50% 0, #4b3021 0, #3f2b20 30%, #241e1d 100%);
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px}

[rtv-glory] .item h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[rtv-glory] .item h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[rtv-glory] .item h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[rtv-glory] .item p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 16px}

@media (min-width:768px){[rtv-glory] .item p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[rtv-glory] .item p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[rtv-glory] .item figure{position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    pointer-events: none}

[rtv-glory] .item img{width: 96px;
    height: 96px}

@media (min-width:768px){[rtv-glory] [grid] {
        gap: 16px
    }

    [rtv-glory] .item {
        min-height: 312px
    }}

@media (min-width:1280px){[rtv-glory] [grid] {
        gap: 24px
    }

    [rtv-glory] .item {
        min-height: 228px
    }

    [rtv-glory] .item img {
        width: 128px;
        height: 128px
    }}

[rtv-faq] dt{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[rtv-faq] dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[rtv-faq] dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[rtv-faq] dt+dd{margin-top: 8px}

[rtv-faq] dd+dt{margin-top: 24px}

[rtv-faq] ul li{color: #a3a3a3}

[rtv-faq] ul li strong{font-weight: 400;
    color: #fff}

[short-deck] .group .container h4{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 300;
    color: #fff;
    font-style: italic}

[short-deck] .group .container h4+p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[short-deck] .group .container h4+p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[short-deck] .group .container h4+p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[short-deck] .group .container h4+[html-container] h4,
[short-deck] .group .container h4+[html-container] p{margin-top: 28px}

@media (min-width:768px){[short-deck] .group .container h4 {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[short-deck] [how-to-play-header] .title {
        max-width: 750px
    }

    [short-deck] .group .container h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }

    [short-deck] .group .container h4+[html-container] h4,
    [short-deck] .group .container h4+[html-container] p {
        margin-top: 24px
    }}

[short-deck-rules] .container>h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[short-deck-rules] .container>h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[short-deck-rules] .container>h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[short-deck-rules] .container p{margin-top: 20px}

[short-deck-rules] .objects{display: none}

@media (min-width:768px){[short-deck-rules] .container>h4 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500;
        font-weight: 400
    }

    [short-deck-rules] .container p {
        margin-top: 20px
    }

    [short-deck-rules] figure img {
        max-width: 496px
    }}

@media (min-width:768px) and (min-width:768px){[short-deck-rules] .container>h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:768px) and (min-width:1280px){[short-deck-rules] .container>h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[short-deck-rules] .container>h4 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500;
        font-weight: 400
    }

    [short-deck-rules] .container p {
        margin-top: 24px
    }

    [short-deck-rules] .objects {
        position: relative;
        display: block
    }

    [short-deck-rules] .objects img {
        position: absolute;
        pointer-events: none
    }

    [short-deck-rules] .objects img:first-child {
        left: -360px;
        top: -710px;
        right: auto;
        bottom: auto
    }

    [short-deck-rules] .objects img:nth-child(2) {
        left: -360px;
        top: -500px;
        right: auto;
        bottom: auto
    }

    [short-deck-rules] .objects img:nth-child(3) {
        right: -360px;
        top: -230px;
        left: auto;
        bottom: auto
    }

    [short-deck-rules] .objects img:nth-child(4) {
        right: -360px;
        top: -10px;
        left: auto;
        bottom: auto
    }}

@media (min-width:1280px) and (min-width:768px){[short-deck-rules] .container>h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px) and (min-width:1280px){[short-deck-rules] .container>h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[short-deck-whats] .graphic-area{position: relative;
    margin-top: 28px;
    padding-top: 45.17%}

[short-deck-whats] .graphic{position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding-right: 24px;
    overflow: hidden}

[short-deck-whats] .graphic .swiper-container{height: inherit;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_short_deck_whats.webp) 50% 100%/cover no-repeat;
    background-position: 50%;
    border-radius: 18px;
    overflow: visible}

[short-deck-whats] .graphic .swiper-pagination{position: absolute;
    right: -24px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    flex-direction: column;
    align-items: center;
    display: flex;
    gap: 16px}

[short-deck-whats] .graphic .swiper-pagination-bullet{width: 12px;
    height: 12px;
    background-color: hsla(0, 0%, 100%, .3);
    margin: 0}

[short-deck-whats] .graphic .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff}

[short-deck-whats] .graphic-item{height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column}

[short-deck-whats] .graphic-item .img{width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center}

[short-deck-whats] .graphic-item .img img{width: 80%;
    max-width: 1032px}

[short-deck-whats] .graphic-item p{position: relative;
    margin-top: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: calc(100% - 88px);
    font-size: 12px;
    line-height: 26px;
    letter-spacing: .96px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap}

[short-deck-whats] .graphic-item p:after,
[short-deck-whats] .graphic-item p:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(158, 0, 158, 0), #9646c7 50%, rgba(158, 0, 158, 0));
    opacity: .5}

[short-deck-whats] .graphic-item p:before{top: 0}

[short-deck-whats] .graphic-item p:after{bottom: 0}

[short-deck-whats] .swiper-slide[data-idx="2"] img{width: 35%;
    max-width: 543px}

@media (min-width:768px){[short-deck-whats] .graphic-area {
        width: 704px;
        height: 318px;
        padding-top: 0;
        margin: 20px auto 0
    }

    [short-deck-whats] .graphic {
        padding-right: 28px
    }

    [short-deck-whats] .graphic .swiper-pagination {
        right: -28px
    }

    [short-deck-whats] .graphic-item p {
        margin-top: 24px;
        padding-top: 8px;
        padding-bottom: 8px;
        width: calc(100% - 176px);
        font-size: 22px;
        line-height: 32px;
        letter-spacing: .96px
    }

    [short-deck-whats] .swiper-slide:nth-of-type(3) img {
        width: 50%
    }}

@media (min-width:1280px){[short-deck-whats] .container {
        padding-right: 410px
    }

    [short-deck-whats] .graphic-area {
        margin-top: 66px;
        width: 1098px;
        height: 496px
    }

    [short-deck-whats] .graphic {
        padding-right: 102px
    }

    [short-deck-whats] .graphic .swiper-pagination {
        right: -91px
    }

    [short-deck-whats] .graphic .swiper-pagination:after {
        content: "";
        display: block;
        display: inline-block;
        width: 56px;
        height: 116px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/svg/web/icon_mouse_wheel.svg) 0 0 no-repeat;
        margin-top: 16px
    }

    [short-deck-whats] .graphic .swiper-pagination-bullet {
        cursor: pointer;
        border-radius: 100%
    }

    [short-deck-whats] .graphic-item .img {
        padding-right: 30px;
        padding-left: 30px
    }

    [short-deck-whats] .graphic-item .img img {
        width: auto
    }

    [short-deck-whats] .graphic-item p {
        margin-top: 28px;
        padding-top: 12px;
        padding-bottom: 12px;
        width: calc(100% - 332px);
        font-size: 32px;
        line-height: 50px;
        letter-spacing: .96px
    }

    [short-deck-whats] .graphic-item p:after,
    [short-deck-whats] .graphic-item p:before {
        height: 2px
    }

    [short-deck-whats] .swiper-slide:nth-of-type(3) img {
        width: auto
    }}

[short-deck-remember]{margin-top: 56px}

@media (min-width:768px){[short-deck-remember] {
        margin-top: 64px
    }}

@media (min-width:1280px){[short-deck-remember] {
        margin-top: 56px
    }}

[short-deck-table] [text-content].article-content{gap: 20px}

[short-deck-table] [responsive-table] td,
[short-deck-table] [responsive-table] th{width: 12.5%}

[short-deck-table] [responsive-table] thead tr:first-child th:last-child{border-bottom-right-radius: 0}

[short-deck-table] [responsive-table] thead tr:last-child th:first-child{border-radius: 0}

[short-deck-table] [responsive-table] thead tr:last-child th:last-child{border-top-right-radius: 0}

[short-deck-table].close.table div[article-content]>[text-content]{max-height: 105px}

[short-deck-play-money] a{font-weight: 500}

[short-deck-play-money] [responsive-table]{margin-top: 24px}

[short-deck-play-money] [responsive-table] [responsive-table] td:first-child,
[short-deck-play-money] [responsive-table] [responsive-table] td:nth-child(2),
[short-deck-play-money] [responsive-table] [responsive-table] td:nth-child(3),
[short-deck-play-money] [responsive-table] [responsive-table] td:nth-child(4),
[short-deck-play-money] [responsive-table] [responsive-table] td:nth-child(5),
[short-deck-play-money] [responsive-table] [responsive-table] th:first-child,
[short-deck-play-money] [responsive-table] [responsive-table] th:nth-child(2),
[short-deck-play-money] [responsive-table] [responsive-table] th:nth-child(3),
[short-deck-play-money] [responsive-table] [responsive-table] th:nth-child(4),
[short-deck-play-money] [responsive-table] [responsive-table] th:nth-child(5){width: 20%}

._app-nav-collapse-header{position: relative;
    height: 64px;
    padding-right: 24px;
    padding-left: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 6px 18px -4px rgba(154, 164, 184, .12), 0 1px 4px -2px rgba(154, 164, 184, .06)}

@media (min-width:768px){._app-nav-collapse-header {
        height: 72px
    }}

@media (min-width:1280px){._app-nav-collapse-header {
        height: 56px;
        padding-right: 40px;
        padding-left: 40px
    }}

[dir=rtl] ._app-nav-collapse-header .group{right: auto;
    left: 40px}

._app-nav-side{display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between}

._app-nav-side ._app-nav-util{margin-bottom: 72px}

._app-nav-side ._app-region-selector{margin-bottom: 40px}

@media (min-width: 1280px){._app-nav-util.nav-header li>ul {
        display: none;
        flex-direction: column;
        gap: 12px;
        position: absolute;
        right: 0;
        top: calc(100% + 11px);
        left: auto;
        bottom: auto;
        padding: 28px;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
    }

    ._app-nav-util.nav-header li>ul a {
        color: #000;
        white-space: nowrap
    }

    ._app-nav-util.nav-header li.children:before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        right: 0;
        bottom: -12px;
        left: 0
    }

    ._app-nav-util.nav-header li.active .svg-icon {
        transform: rotate(180deg)
    }

    ._app-nav-util.nav-header li.active ul {
        display: flex
    }

    ._app-nav-util.nav-header li.active ul a:active,
    .no-touch ._app-nav-util.nav-header li.active ul a:hover:not(.hover-disable) {
        text-decoration: underline
    }}

@media (min-width: 768px){._app-nav-util.collapse>li a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width: 1280px){._app-nav-util.collapse>li a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._app-nav-util.collapse>li.special-feature a:before{content: "茂垄聬";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    color: #5c5c5c;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;}

._app-nav-util.collapse>li.withdrawal a:before{content: "卯鈥澛�";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    color: #5c5c5c;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;}

._app-nav-collapse{position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 13;
    display: none}

._app-nav-collapse>.holder{height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff}

._app-nav-collapse>.holder>.group{flex: 1;
    padding-top: 4px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    overflow: auto;
    display: flex;
    flex-direction: column}

._app-nav-collapse>.holder>.group::-webkit-scrollbar{width: 4px}

._app-nav-collapse>.holder>.group::-webkit-scrollbar-thumb:hover,
._app-nav-collapse>.holder>.group::-webkit-scrollbar-track{background-color: transparent}

._app-nav-collapse>.holder>.group::-webkit-scrollbar-thumb{background-color: #e5e5e5;
    border-radius: 2px}

._app-nav-collapse .download{display: flex;
    box-shadow: 0 -7px 22px -4px rgba(154, 164, 184, .15), 0 -1px 4px -2px rgba(154, 164, 184, .04)}

._app-nav-collapse.on{display: block}

@media (min-width:768px){._app-nav-collapse>.holder {
        width: 420px;
        margin-left: auto
    }

    ._app-nav-collapse>.holder>.group {
        padding-top: 20px
    }}

@media (min-width:1280px){._app-nav-collapse>.holder {
        width: 420px;
        margin-left: auto
    }

    ._app-nav-collapse>.holder>.group {
        padding-right: 40px;
        padding-left: 40px
    }}

._app-nav-accordion>.holder{display: flex;
    flex-direction: column}

._app-nav-accordion>.holder .view-wrapper{position: relative}

._app-nav-accordion>.holder .view-wrapper:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    height: 1px;
    background-color: #262626}

._app-nav-accordion>.holder .view-wrapper label{display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 40px;
    column-gap: 40px}

._app-nav-accordion>.holder .view-wrapper .n{flex: 1;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #000;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px}

@media (min-width:768px){._app-nav-accordion>.holder .view-wrapper .n {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._app-nav-accordion>.holder .view-wrapper .n {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._app-nav-accordion>.holder .view-wrapper .svg-icon{flex: none}

._app-nav-accordion>.holder .view-wrapper .svg-icon path{stroke: #000}

._app-nav-accordion>.holder .view-wrapper .svg-icon-minus{display: none}

._app-nav-accordion>.holder .view-wrapper .context-box{display: flex;
    flex-direction: column;
    row-gap: 40px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 20px;
    padding-left: 16px}

._app-nav-accordion>.holder .view-wrapper .context-box:not(:has(.sub-child)){row-gap: 16px}

._app-nav-accordion>.holder .view-wrapper .context-box a{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    min-height: 28px}

@media (min-width:768px){._app-nav-accordion>.holder .view-wrapper .context-box a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){._app-nav-accordion>.holder .view-wrapper .context-box a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

._app-nav-accordion>.holder .view-wrapper .context-box .p{display: block;
    color: #d30000}

._app-nav-accordion>.holder .view-wrapper .context-box .c{display: block;
    color: #404040}

._app-nav-accordion>.holder .view-wrapper .context-box .tails{display: flex;
    flex-direction: column;
    padding-top: 12px;
    row-gap: 16px}

._app-nav-accordion>.holder .view-wrapper .context-box .tails .c span{display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;}

._app-nav-accordion>.holder .view-wrapper .context-box .tails .c.icon-new{position: relative;
    display: flex;
    align-items: center}

._app-nav-accordion>.holder .view-wrapper .context-box .tails .c.icon-new:after{content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat}

._app-nav-accordion>.holder ._accordion-view.open .svg-icon-plus{display: none}

._app-nav-accordion>.holder ._accordion-view.open .svg-icon-minus{display: inline-block}

@media (min-width:768px){._app-nav-accordion>.holder .view-wrapper .n {
        display: flex;
        align-items: center
    }}

._app-nav-accordion[sitemap]>.holder .view-wrapper .n span:after{right: 0}

._app-nav-accordion[sitemap]>.holder .view-wrapper .svg-icon{display: none}

._app-nav-accordion[sitemap]>.holder .view-wrapper .context{--accord-height: auto !important;
    max-height: inherit}

[dir=rtl] ._app-nav-accordion>.holder .view-wrapper .n span:after{left: auto;
    right: 0;
    transform: translateX(101%)}

[dir=rtl] ._app-nav-accordion>.holder ._accordion-view.open .n span:after{transform: translateX(0)}

._app-nav-signup.collapse a{display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #404040;
    border: 1px solid #a1a1ac;
    padding-right: 20px;
    padding-left: 20px;
    height: 32px;
    border-radius: 100vh}

@media (min-width:768px){._app-nav-signup.collapse a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._app-nav-signup.collapse a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

.no-touch ._app-nav-signup.collapse a:hover:not(.hover-disable){color: #000;
    border-color: #bcbcc4}

.no-touch ._app-nav-signup.collapse a:active:not(.hover-disable){color: #000;
    border-color: #f1f1f4}

#app ._download{min-height: inherit}

._download .inner{padding-top: 0;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/download_signup_bg_t.webp) 50% 0 no-repeat}

._download .download-account{max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 128px}

._download .download-step__header{display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center}

._download .download-step__header h3{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){._download .download-step__header h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){._download .download-step__header h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

._download .download-step__header ._color-button{min-width: 200px;
    height: 40px;
    align-self: center}

._download .download-step__contents{display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 16px;
    padding-left: 16px;
    margin-top: 40px}

._download .download-step__contents li{padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 16px}

._download .download-step__contents li:nth-child(2){position: relative}

._download .download-step__contents li:nth-child(2):after,
._download .download-step__contents li:nth-child(2):before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 5%, #832223 30%, transparent 80%)}

._download .download-step__contents li:nth-child(2):before{top: -1px}

._download .download-step__contents li:nth-child(2):after{bottom: -1px}

._download .download-step__contents li:nth-child(2) svg{position: absolute;
    right: 0;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    display: none}

._download .download-step__contents h4{font-size: 18px;
    line-height: 1.3;
    font-style: italic;
    font-weight: 400;
    color: #737373;
    white-space: nowrap}

._download .download-step__contents p{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){._download .download-step__contents p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){._download .download-step__contents p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

._download .create-account{margin-top: 40px;
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
    border-radius: 16px;
    background-color: rgba(30, 30, 35, .5);
    border: 1px solid rgba(220, 51, 51, .5);
    box-shadow: 0 10px 24px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)}

._download .create-account>p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fd4444}

@media (min-width:768px){._download .create-account>p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._download .create-account>p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

._download .create-account>h4{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    margin-top: 4px}

@media (min-width:768px){._download .create-account>h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){._download .create-account>h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

._download .create-account .sign-up-form{margin-top: 16px}

._download .create-account>span,
._download .create-account>ul{font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #737373}

@media (min-width:768px){._download .create-account>span,
    ._download .create-account>ul {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){._download .create-account>span,
    ._download .create-account>ul {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

._download .create-account>span{display: block;
    margin-top: 16px}

._download .create-account>ul li:before{content: "- "}

._download .create-account.active{-webkit-backdrop-filter: none;
    backdrop-filter: none}

._download .download-specifications{margin-top: 40px}

._download .download-specifications .specifications-title{text-align: right;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #24242a;
    border-top: 1px solid #24242a}

._download .download-specifications .specifications-title button{position: relative;
    display: inline-block;
    padding-top: 8px;
    padding-right: 28px;
    padding-bottom: 8px;
    padding-left: 0;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3}

@media (min-width:768px){._download .download-specifications .specifications-title button {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){._download .download-specifications .specifications-title button {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

._download .download-specifications .specifications-title button:after,
._download .download-specifications .specifications-title button:before{content: "";
    display: block;
    position: absolute;
    background-color: #737373;
    transform: translateY(-50%);
    border-radius: 4px}

._download .download-specifications .specifications-title button:before{right: 6px;
    top: 50%;
    left: auto;
    bottom: auto;
    width: 14px;
    height: 2px}

._download .download-specifications .specifications-title button:after{right: 12px;
    top: 50%;
    left: auto;
    bottom: auto;
    width: 2px;
    height: 14px;
    opacity: 0}

._download .download-specifications .specifications-title button:active,
.no-touch ._download .download-specifications .specifications-title button:hover:not(.hover-disable){color: #fff}

._download .download-specifications .specifications-title button:active:after,
._download .download-specifications .specifications-title button:active:before,
.no-touch ._download .download-specifications .specifications-title button:hover:not(.hover-disable):after,
.no-touch ._download .download-specifications .specifications-title button:hover:not(.hover-disable):before{background-color: #fff}

._download .download-specifications ._grid{margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #24242a}

._download .download-specifications .item{font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400}

@media (min-width:768px){._download .download-specifications .item {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){._download .download-specifications .item {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

._download .download-specifications .item h4{font-weight: 400}

._download .download-specifications .item ul{margin-top: 8px}

._download .download-specifications .item ul>li{position: relative;
    padding-left: 16px}

._download .download-specifications .item ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px}

[lang=ar] ._download .download-specifications .item ul>li{padding-right: 16px}

[lang=ar] ._download .download-specifications .item ul>li:before{right: 5px;
    top: 10px;
    left: auto;
    bottom: auto}

._download .download-specifications .item ul>li{color: #737373}

._download .download-specifications .item ul>li:before{background-color: #737373;
    top: 5px}

._download .download-specifications.active .specifications-title button:after{opacity: 1}

@media (min-width:768px){._download .inner {
        padding-bottom: 80px
    }

    ._download .create-account {
        padding: 72px
    }

    ._download .download-specifications ._grid {
        padding-right: 24px;
        padding-left: 24px
    }

    ._download .download-specifications .item ul>li:before {
        top: 7px
    }}

@media (min-width:1024px){._download {
        padding-top: 128px;
        padding-bottom: 128px
    }

    ._download .inner {
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/download_signup_bg_d.webp) 50% -72px/auto no-repeat
    }

    ._download .download-account {
        display: flex;
        justify-content: space-between;
        max-width: inherit;
        padding-top: 0;
        padding-right: 24px;
        padding-bottom: 0;
        padding-left: 24px
    }

    ._download .download-step {
        flex: none;
        width: 391px;
        height: 462px;
        padding-top: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    ._download .download-step__header {
        flex: none;
        text-align: left
    }

    ._download .download-step__header ._color-button {
        align-self: start
    }

    ._download .download-step__contents {
        flex: none;
        gap: 20px;
        padding-right: 0;
        padding-left: 0;
        margin-top: 0
    }

    ._download .download-step__contents li:nth-child(2) {
        padding-right: 40px
    }

    ._download .download-step__contents li:nth-child(2) svg {
        display: inline-block
    }

    ._download .create-account {
        width: 480px;
        height: auto;
        margin-top: 0;
        padding: 72px;
        align-self: start
    }

    ._download .create-account .sign-up-form {
        flex-direction: column;
        padding-right: 0;
        padding-left: 0;
        margin-top: 24px
    }}

@media (min-width:1280px){._download {
        padding-top: 192px
    }

    ._download .inner {
        padding-bottom: 0
    }

    ._download .download-account {
        padding-right: 32px;
        padding-left: 32px
    }

    ._download .download-step {
        width: 524px;
        height: 536px;
        padding-top: 20px
    }

    ._download .download-step ._color-button {
        align-self: start
    }

    ._download .download-step__contents {
        gap: 24px
    }

    ._download .create-account {
        height: 576px;
        padding-top: 111px
    }}

._signup-form ._signup-input+._signup-input[data-v-312a26e8]{margin-top: 8px}

._signup-form .btn-submit[data-v-312a26e8]{display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    width: 100%;
    height: 40px;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    background-color: transparent;
    color: #d4d4d4;
    border: 1px solid #6c6c7a;
    border-radius: 24px;
    cursor: not-allowed;
    transition: background-color .25s ease-in-out, border .25s ease-out}

._signup-form .btn-submit[data-v-312a26e8]:active,
.no-touch ._signup-form .btn-submit[data-v-312a26e8]:hover:not(.hover-disable){color: #fff;
    border: 1px solid #54545f;
    background-color: hsla(0, 0%, 100%, .03)}

._signup-form .btn-submit.success[data-v-312a26e8]{color: #fff;
    border: 1px solid #fff;
    cursor: pointer}

@media (min-width:768px){._signup-form .btn-submit[data-v-312a26e8] {
        margin-top: 40px
    }}

@media (min-width:1024px){._signup-form .btn-submit[data-v-312a26e8] {
        margin-top: 64px
    }}

._signup-input[data-v-ae753712]{position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding-top: 4px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 20px;
    border-radius: 24px;
    background-color: #fff;
    border: 1px solid #a1a1ac}

._signup-input label[data-v-ae753712]{flex: 1;
    display: flex;
    align-items: center}

._signup-input input[data-v-ae753712]{width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #000}

@media (min-width:768px){._signup-input input[data-v-ae753712] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){._signup-input input[data-v-ae753712] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@supports (-webkit-touch-callout:none){._signup-input input[data-v-ae753712] {
        font-size: 16px
    }}

._signup-input .icon[data-v-ae753712]{position: absolute;
    right: 10px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px}

._signup-input .icon svg[data-v-ae753712]{position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .25s ease-in-out 0s}

._signup-input[data-v-ae753712]:after,
._signup-input[data-v-ae753712]:before{content: "";
    display: block;
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    transition: border .25s ease-out}

._signup-input[data-v-ae753712]:before{top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 2px solid transparent}

._signup-input[data-v-ae753712]:after{top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 3px solid transparent}

._signup-input.error[data-v-ae753712],
._signup-input.success[data-v-ae753712]{padding-right: 56px}

._signup-input.error[data-v-ae753712]:before{border-color: #d92d20}

._signup-input.error input[data-v-ae753712]{color: #d92d20}

._signup-input.error .icon-error[data-v-ae753712]{opacity: 1}

._signup-input.error.focus[data-v-ae753712]:after{border-color: #ed9999}

._signup-input.success[data-v-ae753712]:before{border-color: #039855}

._signup-input.success .icon-success[data-v-ae753712]{opacity: 1}

._signup-modal{pointer-events: none;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 14;
    background: linear-gradient(270deg, rgba(0, 0, 0, .96) 19%, transparent);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)}

._signup-modal.show{pointer-events: auto;
    visibility: visible}

._signup-modal .iframe-container{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto}

._signup-modal .btn-close{width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    z-index: 1001}

@keyframes c1{0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }}

._signup-modal .blocker{display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000}

._signup-modal .blocker,
._signup-modal .blocker>.dim{position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%}

._signup-modal .blocker>.dim{background-color: rgba(0, 0, 0, .7)}

._signup-modal .blocker .seq-preloader{font-size: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    z-index: 2}

._signup-modal .blocker .seq-preloader>*{display: inline-block;
    vertical-align: top}

._signup-modal .blocker .seq-preloader em{width: 10px;
    height: 10px;
    margin-top: 0;
    margin-right: 8px;
    margin-bottom: 12px;
    margin-left: 8px;
    background-color: #fff;
    border-radius: 30px;
    animation-name: c1;
    animation-duration: 2s;
    animation-iteration-count: infinite}

._signup-modal .blocker .seq-preloader em:nth-of-type(2){width: 12px;
    height: 12px;
    margin-top: -1px;
    animation-delay: .2s}

._signup-modal .blocker .seq-preloader em:nth-of-type(3){width: 14px;
    height: 14px;
    margin-top: -2px;
    animation-delay: .4s}

._signup-modal .blocker .seq-preloader em:nth-of-type(4){width: 16px;
    height: 16px;
    margin-top: -3px;
    animation-delay: .6s}

._signup-modal .blocker .seq-preloader em:nth-of-type(5){width: 14px;
    height: 14px;
    margin-top: -2px;
    animation-delay: .8s}

@media (min-width:414px){._signup-modal .iframe-container {
        top: 3%;
        right: 3%;
        bottom: 3%;
        left: 3%
    }}

@media (min-width:768px){._signup-modal .iframe-container {
        top: 5%;
        right: 5%;
        bottom: 5%;
        left: 5%
    }}

@media (min-width:1280px){._signup-modal .iframe-container {
        top: 90px;
        right: 0;
        bottom: 90px;
        left: 0
    }}

[tdollar-builder-schedule] td:first-child,
[tdollar-builder-schedule] th:first-child{width: 33.3333%}

[tdollar-builder-schedule] td:nth-child(2),
[tdollar-builder-schedule] th:nth-child(2){width: 33.3334%}

[tdollar-builder-schedule] td:nth-child(3),
[tdollar-builder-schedule] th:nth-child(3){width: 33.3333%}

[tdollar-builder-schedule] [responsive-table] table{min-width: 704px}

[tdollar-builder-schedule] [responsive-table] thead th{text-transform: uppercase}

[tdollar-builder-schedule] [responsive-table].in-sticky .holder{max-height: 768px}

[tdollar-builder-schedule] [responsive-table].in-scroll thead th:last-child{border-right: 10px solid transparent}

@media (min-width:768px){[tdollar-builder-schedule] [responsive-table].in-sticky .holder {
        max-height: 768px
    }}

@media (min-width:1280px){[tdollar-builder-schedule] {
        min-height: 1176px
    }

    [tdollar-builder-schedule] [responsive-table].in-sticky .holder {
        max-height: 1104px
    }}

[texas-holdem] [responsive-table] td,
[texas-holdem] [responsive-table] th{width: 12.5%}

[texas-holdem-rules] .container{display: flex;
    flex-direction: column;
    gap: 20px}

[texas-holdem-positions] [text-content].article-content>.container{order: 1}

[texas-holdem-positions] [text-content].article-content>.container dt+dd{margin-top: 8px}

[texas-holdem-positions] [text-content].article-content>.container dd+dt{margin-top: 24px}

@media (min-width:768px){[texas-holdem-positions] .container dt+dd {
        margin-top: 12px
    }}

@media (min-width:1280px){[texas-holdem-positions] [text-content].article-content>.container {
        order: 0
    }

    [texas-holdem-positions].no-margin [article-content]>.content figure {
        margin-top: -72px
    }}

[texas-holdem-actions] figure{text-align: center}

[texas-holdem-actions] figure img{width: 100%;
    height: auto;
    max-width: 704px;
    border-radius: 16px}

[texas-holdem-actions] [text-content].article-content{gap: 20px}

[texas-holdem-actions] [text-content].article-content>.container dt+dd{margin-top: 8px}

[texas-holdem-actions] [text-content].article-content>.container dd+dt{margin-top: 24px}

@media (min-width:1280px){[texas-holdem-actions]>h3 {
        padding-left: 568px
    }

    [texas-holdem-actions] [text-content].article-content {
        display: flex;
        flex-flow: row;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [texas-holdem-actions] [text-content].article-content figure {
        flex: none;
        width: 496px;
        margin-top: -72px
    }

    [texas-holdem-actions] [text-content].article-content figure img {
        width: 100%;
        height: auto
    }}

[texas-holdem-game-terms] [text-content].article-content .v-html{row-gap: 24px}

[texas-holdem-game-terms] [text-content].article-content .v-html dd{margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[texas-holdem-game-terms] [text-content].article-content .v-html dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[texas-holdem-game-terms] [text-content].article-content .v-html dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:768px){[texas-holdem-game-terms] [text-content].article-content .v-html dl {
        display: flex;
        align-items: flex-start;
        gap: 24px
    }

    [texas-holdem-game-terms] [text-content].article-content .v-html dt {
        min-width: 230px
    }

    [texas-holdem-game-terms] [text-content].article-content .v-html dd {
        margin-top: 0
    }}

@media (min-width:1280px){[texas-holdem-game-terms] [text-content].article-content .v-html dt {
        min-width: 282px
    }}

[texas-holdem-game-play]{display: flex;
    flex-direction: column;
    row-gap: 16px}

[texas-holdem-game-play] h3{position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500}

@media (min-width:768px){[texas-holdem-game-play] h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[texas-holdem-game-play] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[texas-holdem-game-play] .play-graphic{margin-top: -25px}

[texas-holdem-game-play] .play-graphic p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    text-align: center}

@media (min-width:768px){[texas-holdem-game-play] .play-graphic p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[texas-holdem-game-play] .play-graphic p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[texas-holdem-game-play] .play-graphic .cards{text-align: center}

[texas-holdem-game-play] .play-graphic .cards>div{display: none}

[texas-holdem-game-play] .play-graphic .cards p{margin-bottom: 12px;
    display: none}

[texas-holdem-game-play] .play-graphic .cards+p{margin-top: 24px}

[texas-holdem-game-play] .play-graphic .cards figure{position: relative;
    margin-right: -24px;
    margin-left: -24px;
    margin-top: -16px}

[texas-holdem-game-play] .play-graphic .cards figure img{width: 100%;
    height: auto;
    max-width: 736px}

[texas-holdem-game-play] .play-graphic .cards .desc{display: block;
    margin: 24px 0 0}

[texas-holdem-game-play] .play-graphic.thedeal .cards,
[texas-holdem-game-play] .play-graphic.theshuffle .cards{display: none}

[texas-holdem-game-play] .play-graphic.preflop .pre-flop,
[texas-holdem-game-play] .play-graphic.theflop .the-flop,
[texas-holdem-game-play] .play-graphic.theriver .the-river,
[texas-holdem-game-play] .play-graphic.theshowdown .the-showdown,
[texas-holdem-game-play] .play-graphic.theturn .the-turn{display: block}

[texas-holdem-game-play] [accordion-view].label-desc label{height: auto;
    max-height: none;
    align-items: flex-end}

[texas-holdem-game-play] [accordion-view].label-desc .title{display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px}

[texas-holdem-game-play] [accordion-view].label-desc .subTitle{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400}

@media (min-width:768px){[texas-holdem-game-play] [accordion-view].label-desc .subTitle {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[texas-holdem-game-play] [accordion-view].label-desc .subTitle {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[texas-holdem-game-play] [accordion-view].label-desc+[accordion-view].label-desc{margin-top: 16px}

@media (min-width:768px){[texas-holdem-game-play] {
        row-gap: 40px
    }

    [texas-holdem-game-play] .play-graphic {
        margin-top: -80px
    }

    [texas-holdem-game-play] .play-graphic .cards+p {
        margin-top: 16px
    }

    [texas-holdem-game-play] .play-graphic .cards figure {
        margin: 0
    }

    [texas-holdem-game-play] .play-graphic .cards figure img {
        max-width: 704px
    }

    [texas-holdem-game-play] .play-graphic .cards .desc {
        margin: 16px 0 0
    }

    [texas-holdem-game-play] [accordion-view].label-desc .title {
        gap: 16px
    }

    [texas-holdem-game-play] [accordion-view].label-desc+[accordion-view].label-desc {
        margin-top: 32px
    }}

@media (min-width:1280px){[texas-holdem-game-play] {
        position: relative;
        min-height: 700px;
        row-gap: 0;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [texas-holdem-game-play] h3 {
        padding-bottom: 40px
    }

    [texas-holdem-game-play] .play-graphic {
        position: absolute;
        left: 458px;
        top: -72px;
        right: auto;
        bottom: auto;
        width: 742px;
        margin-top: 0
    }

    [texas-holdem-game-play] .play-graphic .cards {
        margin-top: 0
    }

    [texas-holdem-game-play] .play-graphic .cards figure img {
        max-width: 736px
    }

    [texas-holdem-game-play] .play-graphic .cards .desc {
        margin: 32px 0 0
    }

    [texas-holdem-game-play] .play-toggle {
        flex: none;
        width: 386px
    }

    [dir=rtl] [texas-holdem-game-play] .play-graphic {
        left: auto;
        right: 458px
    }}

[texas-holdem-9-max] figure{display: block}

[texas-holdem-9-max] figure img{width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 16px}

[texas-holdem-9-max]>.content{gap: 20px}

@media (min-width:768px){[texas-holdem-9-max] figure {
        max-width: 704px;
        margin-left: auto;
        margin-right: auto
    }}

@media (min-width:1280px){[texas-holdem-9-max]>h3 {
        padding-left: 568px
    }

    [texas-holdem-9-max] figure {
        flex: none;
        width: 504px;
        margin-top: -72px
    }

    [texas-holdem-9-max]>.content {
        display: flex;
        flex-flow: row;
        gap: 72px
    }}

[texas-holdem-information]{display: flex;
    flex-direction: column;
    gap: 56px}

[texas-holdem-information] [article-content]>h3{padding-bottom: 24px}

[texas-holdem-information] [article-content]>.content{gap: 20px}

[texas-holdem-information] [texas-holdem-table].close.table [article-content]>[text-content]{max-height: 105px}

@media (min-width:768px){[texas-holdem-information] {
        gap: 64px
    }}

@media (min-width:1280px){[texas-holdem-information] {
        gap: 128px
    }

    [texas-holdem-information] [article-content]>.content {
        gap: 20px
    }}

[texas-holdem-play-money] a{font-weight: 500}

[texas-holdem-play-money] [responsive-table]{margin-top: 24px}

[texas-holdem-play-money] [responsive-table] [responsive-table] td:first-child,
[texas-holdem-play-money] [responsive-table] [responsive-table] td:nth-child(2),
[texas-holdem-play-money] [responsive-table] [responsive-table] td:nth-child(3),
[texas-holdem-play-money] [responsive-table] [responsive-table] td:nth-child(4),
[texas-holdem-play-money] [responsive-table] [responsive-table] td:nth-child(5),
[texas-holdem-play-money] [responsive-table] [responsive-table] th:first-child,
[texas-holdem-play-money] [responsive-table] [responsive-table] th:nth-child(2),
[texas-holdem-play-money] [responsive-table] [responsive-table] th:nth-child(3),
[texas-holdem-play-money] [responsive-table] [responsive-table] th:nth-child(4),
[texas-holdem-play-money] [responsive-table] [responsive-table] th:nth-child(5){width: 20%}

[tournament-types] ._page-container{padding-top: 112px}

[tournament-types] ._grid{row-gap: 56px}

[tournament-types] ._text-content.article-content{gap: 0}

[tournament-types] [key-visual-tournaments][section-container].event{min-height: auto}

[tournament-types] [key-visual-tournaments][section-container].event .inner{padding-top: 352px}

@media (min-width:768px){[tournament-types] ._grid {
        row-gap: 64px
    }

    [tournament-types] [key-visual-tournaments][section-container].event .inner {
        padding-top: 528px
    }}

@media (min-width:1280px){[tournament-types] ._grid {
        row-gap: 128px;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [tournament-types] [key-visual-tournaments][section-container].event .inner {
        padding-top: 884px
    }}

[dir=rtl] [tournament-types] [section-container].primary .bg-holder picture{transform: scaleX(-1)}

[the-weekender] thead th{text-transform: uppercase}

[the-weekender] [key-visual-tournaments][section-container].primary{height: 465px}

[the-weekender] [key-visual-tournaments][section-container].primary .bg-holder img:not(.logo){-o-object-position: bottom;
    object-position: bottom}

@media (min-width:768px){[the-weekender] [key-visual-tournaments][section-container].primary {
        height: 534px
    }}

@media (min-width:1280px){[the-weekender] [key-visual-tournaments][section-container].primary .bg-holder img.logo {
        top: 212px
    }

    [the-weekender] [key-visual-tournaments][section-container].primary .description {
        display: flex;
        align-items: center
    }

    [the-weekender] [key-visual-tournaments][section-container].primary {
        height: 826px
    }}

[the-weekender-day-step]{display: flex;
    flex-direction: column;
    gap: 8px}

[the-weekender-day-step] .step{position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 24px;
    padding-bottom: 20px}

[the-weekender-day-step] .step ._responsive-img-new{position: relative;
    z-index: 1;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto}

[the-weekender-day-step] .step ._responsive-img-new img{width: inherit;
    height: inherit;
    max-width: 100%}

[the-weekender-day-step] .step .title{display: flex;
    justify-content: center;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    min-height: 48px;
    width: 100%;
    max-width: 224px;
    padding-top: 8px;
    padding-right: 32px;
    padding-bottom: 8px;
    padding-left: 32px;
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto}

@media (min-width:768px){[the-weekender-day-step] .step .title {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[the-weekender-day-step] .step .title {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[the-weekender-day-step] .step .desc{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[the-weekender-day-step] .step .desc {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[the-weekender-day-step] .step .desc {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[the-weekender-day-step] .step .desc span{color: #fee78a}

[the-weekender-day-step] .step:after{content: "";
    display: block;
    position: absolute;
    top: 95.85px;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 24px;
    pointer-events: none;
    background: radial-gradient(208.83% 56.72% at 47.92% -6.69%, #612b57 0, rgba(24, 24, 27, 0) 100%)}

[the-weekender-day-step] .day1 .title{color: #a1e6ff;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_day1_title_bg.webp) 50% 0/cover no-repeat}

[the-weekender-day-step] .day1:after{background: radial-gradient(256.56% 69.69% at 47.92% -6.69%, #193f5e 0, rgba(24, 24, 27, 0) 100%)}

[the-weekender-day-step] .day2 .title{color: #ffbae8;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_day2_title_bg.webp) 50% 0/cover no-repeat}

[the-weekender-day-step] .day2:after{background: radial-gradient(208.83% 56.72% at 47.92% -6.69%, #612b57 0, rgba(24, 24, 27, 0) 100%)}

[the-weekender-day-step] .step-percent{position: relative;
    height: 120px;
    padding-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[the-weekender-day-step] .step-percent {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[the-weekender-day-step] .step-percent {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[the-weekender-day-step] .step-percent:before{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100px;
    height: 120px;
    margin-left: -60px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_step_percent_bg.webp) 0 0 no-repeat}

[the-weekender-day-step] .step-percent span{position: relative;
    z-index: 1}

[the-weekender-day-step] .step-percent strong{font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500}

@media (min-width:768px){[the-weekender-day-step] .step-percent strong {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[the-weekender-day-step] .step-percent strong {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

@media (min-width:768px){[the-weekender-day-step] {
        display: flex;
        flex-flow: row;
        gap: 16px
    }

    [the-weekender-day-step] .step {
        flex: 1
    }

    [the-weekender-day-step] .step:after {
        top: 85.79px
    }

    [the-weekender-day-step] .step-percent {
        width: 156px;
        height: auto;
        padding-top: 69px;
        padding-bottom: 108px;
        align-self: flex-start
    }

    [the-weekender-day-step] .step-percent:before {
        left: 0;
        bottom: 0;
        right: auto;
        top: auto;
        width: 156px;
        height: 100px;
        margin-left: 0;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_step_percent_bg_t.webp) 0 0/156px 100px no-repeat
    }}

@media (min-width:1280px){[the-weekender-day-step] {
        gap: 24px;
        justify-content: center
    }

    [the-weekender-day-step] .item {
        width: 360px
    }

    [the-weekender-day-step] .step {
        flex: none;
        width: 360px
    }

    [the-weekender-day-step] .step .title {
        max-width: 296px
    }

    [the-weekender-day-step] .step:after {
        top: 128px;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }}

[the-weekender-who] ._grid{gap: 24px;
    padding-top: 16px;
    padding-bottom: 16px}

[the-weekender-who] .item{position: relative;
    height: 204px;
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 40px;
    padding-left: 32px;
    border-radius: 24px;
    background: linear-gradient(161deg, #282828 -5.75%, #18181b 51.11%)}

[the-weekender-who] .item h4{position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[the-weekender-who] .item h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[the-weekender-who] .item h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[the-weekender-who] .item ._responsive-img-new{position: absolute;
    right: 0;
    bottom: -16px;
    left: auto;
    top: auto}

[the-weekender-who] .item ._responsive-img-new img{width: 327px;
    height: auto;
    max-width: 100%}

@media (min-width:768px){[the-weekender-who] ._grid {
        gap: 16px;
        padding-top: 0;
        padding-bottom: 0
    }

    [the-weekender-who] .item {
        height: 224px;
        padding: 32px
    }

    [the-weekender-who] .item ._responsive-img-new img {
        width: 224px;
        height: 164px
    }}

@media (min-width:1280px){[the-weekender-who] ._grid {
        gap: 24px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    [the-weekender-who] .item {
        height: 240px
    }

    [the-weekender-who] .item ._responsive-img-new {
        bottom: -20px
    }

    [the-weekender-who] .item ._responsive-img-new img {
        width: 384px;
        height: 280px
    }}

[the-weekender-which]{display: flex;
    flex-direction: column;
    gap: 56px}

[the-weekender-which] [responsive-table] table{min-width: 384px}

[the-weekender-which] [responsive-table] td,
[the-weekender-which] [responsive-table] th{padding-right: 8px;
    padding-left: 8px}

[the-weekender-which] [responsive-table] td span,
[the-weekender-which] [responsive-table] th span{position: relative;
    z-index: 1}

[the-weekender-which] [responsive-table] .day{width: 17%}

[the-weekender-which] [responsive-table] .utc{width: 56px}

[the-weekender-which] [responsive-table] .border-none td{border-bottom: 0}

[the-weekender-which] [responsive-table] .point{position: relative;
    transform: translate(0);
    clip-path: inset(0)}

[the-weekender-which] [responsive-table] .point td{position: relative;
    z-index: 2;
    padding-top: 0;
    padding-bottom: 0;
    height: 55px;
    border-bottom: 0;
    color: #fee78a}

[the-weekender-which] [responsive-table] .point:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 53px;
    pointer-events: none;
    background: linear-gradient(90deg, #18181b 124px, #1d2e3d 50%, #442d55);
    z-index: 1;
    border-radius: 8px;
    border-bottom: 1px solid #213547}

[the-weekender-which] .item ._responsive-img-new{width: 265px;
    height: 130px;
    margin-left: auto;
    margin-right: auto}

[the-weekender-which] .item ._responsive-img-new img{width: inherit;
    height: inherit;
    max-width: 100%}

[the-weekender-which] .item h4{text-align: center;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fee78a;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_which_thumb_title_bg.webp) 50% 0/contain no-repeat}

@media (min-width:768px){[the-weekender-which] .item h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[the-weekender-which] .item h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[the-weekender-which] .item h5{margin-top: 20px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[the-weekender-which] .item h5 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }}

@media (min-width:1280px){[the-weekender-which] .item h5 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }}

[the-weekender-which] .item .table{margin-top: 24px}

[the-weekender-which] .item .table.scroll-color thead th{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px}

@media (min-width:768px){[the-weekender-which] .item .table.scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[the-weekender-which] .item .table.scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:768px){[the-weekender-which] [responsive-table] .day {
        width: 136px
    }

    [the-weekender-which] [responsive-table] .day br {
        display: none
    }

    [the-weekender-which] [responsive-table] .utc {
        width: 112px
    }

    [the-weekender-which] .item ._responsive-img-new {
        width: 371px;
        height: 182px
    }}

@media (min-width:1280px){[the-weekender-which] ._text-content.article-content {
        row-gap: 128px
    }

    [the-weekender-which] [responsive-table] .day {
        width: 124px
    }

    [the-weekender-which] [responsive-table] .utc {
        width: 56px
    }

    [the-weekender-which] .item {
        position: relative;
        min-height: 328px
    }

    [the-weekender-which] .item .thumb {
        position: absolute;
        top: 12px;
        width: 484px
    }

    [the-weekender-which] .item ._responsive-img-new {
        width: 424px;
        height: 208px
    }

    [the-weekender-which] .item:nth-child(odd) {
        padding-right: 612px
    }

    [the-weekender-which] .item:nth-child(odd) .thumb {
        right: 0
    }

    [the-weekender-which] .item:nth-child(2n) {
        padding-left: 612px
    }

    [the-weekender-which] .item:nth-child(2n) .thumb {
        left: 0
    }}

[the-weekender-full-schedule] [responsive-table].scroll-color.in-sticky .holder{max-height: auto}

[the-weekender-full-schedule] [responsive-table].scroll-color{--responsive-table-theme-color: #213547;
    --responsive-table-theme-color-line: #213547}

[the-weekender-full-schedule] [responsive-table].scroll-color table{min-width: 768px}

[the-weekender-full-schedule] [responsive-table].scroll-color thead th{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400}

@media (min-width:768px){[the-weekender-full-schedule] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[the-weekender-full-schedule] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[the-weekender-full-schedule] [responsive-table].scroll-color td:first-child,
[the-weekender-full-schedule] [responsive-table].scroll-color td:nth-child(2),
[the-weekender-full-schedule] [responsive-table].scroll-color th:first-child,
[the-weekender-full-schedule] [responsive-table].scroll-color th:nth-child(2){width: 14%}

[the-weekender-full-schedule] [responsive-table].scroll-color td:nth-child(3),
[the-weekender-full-schedule] [responsive-table].scroll-color th:nth-child(3){width: 44%}

[the-weekender-full-schedule] [responsive-table].scroll-color td:nth-child(4),
[the-weekender-full-schedule] [responsive-table].scroll-color td:nth-child(5),
[the-weekender-full-schedule] [responsive-table].scroll-color th:nth-child(4),
[the-weekender-full-schedule] [responsive-table].scroll-color th:nth-child(5){width: 14%}

[the-weekender-full-schedule] [responsive-table].scroll-color tbody .point td{color: #fee78a}

@media (min-width:768px){[the-weekender-full-schedule] [responsive-table].scroll-color.in-sticky .holder {
        max-height: 768px
    }}

[welcome-bonus-region-title]{margin-bottom: -45px}

[welcome-bonus-region-title] .title{height: auto;
    max-height: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    position: relative;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #737373;
    color: #fff}

@media (min-width:768px){[welcome-bonus-region-title] .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[welcome-bonus-region-title] .title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[welcome-bonus-region-title] .title:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 2px;
    background-color: #d30000;
    right: 0}

@media (min-width:1280px){[welcome-bonus-region-title] {
        margin-bottom: -70px
    }}

[welcome-bonus-choose] [grid]{row-gap: 68px}

[welcome-bonus-choose] [grid]:before{content: attr(data-label);
    position: absolute;
    left: 50%;
    top: calc(50% + 34px);
    right: auto;
    bottom: auto;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #737373;
    opacity: .3;
    transform: translate(-50%, -50%);
    pointer-events: none}

@media (min-width:768px){[welcome-bonus-choose] [grid]:before {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[welcome-bonus-choose] [grid]:before {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

[welcome-bonus-choose] .box{position: relative;
    border-radius: 16px;
    border: 1px solid transparent;
    background-image: linear-gradient(transparent, transparent), linear-gradient(130deg, #534334, transparent 40%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)}

[welcome-bonus-choose] .box .holder{height: 100%;
    padding-top: 32px;
    padding-right: 0;
    padding-bottom: 24px;
    padding-left: 0;
    border-radius: 16px;
    background: linear-gradient(161deg, #312b27 -9.99%, #252528 34.19%, #1d1d20 85.5%)}

[welcome-bonus-choose] .box .box-title{font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(0deg, #dc9e40 22.41%, #dcb868 37.4%, #f1d57d 59.87%, #fff4c6 64.3%, #e1be64 90.52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent}

@media (min-width:768px){[welcome-bonus-choose] .box .box-title {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[welcome-bonus-choose] .box .box-title {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

[welcome-bonus-choose] .box figure{text-align: center;
    margin-top: 0}

[welcome-bonus-choose] .box figure img{width: 100%;
    height: auto;
    max-width: 540px}

[welcome-bonus-choose] .box p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[welcome-bonus-choose] .box p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[welcome-bonus-choose] .box p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[welcome-bonus-choose] .box p a{text-decoration: underline;
    color: #fff}

[welcome-bonus-choose] .box p>em{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff}

@media (min-width:768px){[welcome-bonus-choose] .box p>em {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[welcome-bonus-choose] .box p>em {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[welcome-bonus-choose] .box p>strong{font-weight: 500;
    color: #fee78a}

[welcome-bonus-choose] .box p{position: relative;
    padding-top: 16px;
    padding-right: 42px;
    padding-bottom: 16px;
    padding-left: 42px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff;
    text-align: center}

@media (min-width:768px){[welcome-bonus-choose] .box p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[welcome-bonus-choose] .box p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[welcome-bonus-choose] .box p:after,
[welcome-bonus-choose] .box p:before{content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(68, 40, 25, 0) 10%, #9d5c1f 50%, rgba(68, 40, 25, 0) 90%)}

[welcome-bonus-choose] .box p:before{top: 0}

[welcome-bonus-choose] .box p:after{bottom: 0}

[welcome-bonus-choose] .box .objects img{display: none}

[welcome-bonus-choose] .message2{text-align: center}

@media (min-width:768px){[welcome-bonus-choose] [grid] {
        gap: 104px
    }

    [welcome-bonus-choose] [grid]:before {
        top: 50%;
        transform: translateX(-50%)
    }}

@media (min-width:1280px){[welcome-bonus-choose] {
        min-height: 667px
    }

    [welcome-bonus-choose]>.content {
        gap: 24px;
        z-index: 1
    }

    [welcome-bonus-choose] [grid] {
        gap: 120px
    }

    [welcome-bonus-choose] .box .holder {
        padding-top: 56px;
        padding-right: 0;
        padding-bottom: 56px;
        padding-left: 0
    }

    [welcome-bonus-choose] .box figure img {
        width: 540px;
        height: 319px
    }

    [welcome-bonus-choose] .box p {
        padding-top: 16px;
        padding-right: 0;
        padding-bottom: 16px;
        padding-left: 0
    }

    [welcome-bonus-choose] .objects .obj {
        opacity: .15
    }

    [welcome-bonus-choose] .objects .obj:first-of-type {
        left: calc(100% - 270px);
        bottom: 24px;
        right: auto;
        top: auto
    }

    [welcome-bonus-choose] .objects .obj:nth-of-type(2) {
        right: calc(100% - 253px);
        top: -406px;
        left: auto;
        bottom: auto
    }

    [welcome-bonus-choose] .objects img {
        position: absolute;
        display: block;
        pointer-events: none
    }

    [welcome-bonus-choose] .objects img:first-of-type {
        left: calc(100% + 7px);
        bottom: 413px;
        right: auto;
        top: auto
    }

    [welcome-bonus-choose] .objects img:nth-of-type(2) {
        right: calc(100% + 37px);
        top: calc(100% - 49px);
        left: auto;
        bottom: auto
    }}

[welcome-bonus-including] [responsive-table].scroll-color thead th{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4}

@media (min-width:768px){[welcome-bonus-including] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[welcome-bonus-including] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[welcome-bonus-matched]>.content figure{text-align: center;
    margin-top: 0}

[welcome-bonus-matched]>.content figure img{width: 100%;
    height: auto;
    max-width: 960px}

@media (min-width:768px){[welcome-bonus-matched]>.content figure {
        margin-top: 8px
    }}

@media (min-width:1280px){[welcome-bonus-matched] {
        min-height: 445px
    }

    [welcome-bonus-matched]>.content {
        z-index: 1
    }

    [welcome-bonus-matched]>.content figure {
        margin-top: 0;
        padding-top: 57px;
        padding-bottom: 57px
    }

    [welcome-bonus-matched] .objects .obj {
        opacity: .15
    }

    [welcome-bonus-matched] .objects .obj:first-of-type {
        left: calc(100% - 270px);
        bottom: -376px;
        right: auto;
        top: auto
    }

    [welcome-bonus-matched] .objects img {
        position: absolute;
        pointer-events: none
    }

    [welcome-bonus-matched] .objects img:first-of-type {
        left: calc(100% + 182px);
        bottom: 251px;
        right: auto;
        top: auto
    }

    [welcome-bonus-matched] .objects img:nth-of-type(2) {
        left: calc(100% + 11px);
        bottom: -75px;
        right: auto;
        top: auto
    }}

[welcome-bonus-how] figure img{width: 100%;
    height: auto}

[welcome-bonus-how]>.content>figure{display: none}

[welcome-bonus-how] [grid]{row-gap: 30px}

[welcome-bonus-how] [grid] figure{position: relative;
    text-align: center;
    margin-top: 0}

[welcome-bonus-how] [grid] figure:first-of-type img{max-width: 199px}

[welcome-bonus-how] [grid] figure:nth-of-type(2) img{max-width: 293px}

[welcome-bonus-how] [grid] figure:nth-of-type(3) img{max-width: 260px}

[welcome-bonus-how] [grid] figure:after{content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    right: auto;
    bottom: auto;
    width: 30px;
    height: 30px;
    transform: translateX(-50%);
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/welcome_bonus_how_arrow.png) 0 0/cover no-repeat}

[welcome-bonus-how] [grid] figure:last-child:after{display: none}

@media (min-width:768px){[welcome-bonus-how] [grid] {
        row-gap: 70px
    }

    [welcome-bonus-how] [grid] figure:first-of-type img {
        max-width: 472px
    }

    [welcome-bonus-how] [grid] figure:nth-of-type(2) img {
        max-width: 704px
    }

    [welcome-bonus-how] [grid] figure:nth-of-type(3) img {
        max-width: 616px
    }

    [welcome-bonus-how] [grid] figure:after {
        width: 70px;
        height: 70px
    }}

@media (min-width:1280px){[welcome-bonus-how] {
        min-height: 580px
    }

    [welcome-bonus-how]>.content {
        z-index: 1
    }

    [welcome-bonus-how]>.content>figure {
        display: block;
        text-align: center;
        margin: 29px 0 96px
    }

    [welcome-bonus-how] [grid] {
        display: none !important
    }

    [welcome-bonus-how] .objects .obj {
        opacity: .15
    }

    [welcome-bonus-how] .objects .obj:first-of-type {
        right: calc(100% - 265px);
        bottom: -139px;
        left: auto;
        top: auto
    }

    [welcome-bonus-how] .objects img {
        position: absolute;
        pointer-events: none
    }

    [welcome-bonus-how] .objects img:first-of-type {
        right: calc(100% + 37px);
        bottom: 256px;
        left: auto;
        top: auto
    }}

[wsop-bracelets] [page-container] [wsop-tab-nav]{margin-bottom: 0}

[wsop-bracelets] [wsop-bracelets-what]{margin-top: -16px}

[wsop-bracelets] [page-container]>.inner{gap: 40px}

[wsop-bracelets] [page-container]>.inner [wsop-tab-nav]+[p-section]{margin-top: 16px}

[wsop-bracelets] [wsop-bracelets-title] .article-content{padding-top: 0}

[wsop-bracelets] .reset figure p{margin-top: 12px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    text-align: left;
    color: #a3a3a3}

@media (min-width:768px){[wsop-bracelets] .reset figure p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

@media (min-width:1280px){[wsop-bracelets] .reset figure p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }}

[wsop-bracelets] .reset [article-content] .container{display: flex;
    flex-direction: column;
    gap: 20px}

@media (min-width:768px){[wsop-bracelets] [page-container] [wsop-tab-nav] {
        margin-bottom: -8px
    }

    [wsop-bracelets] [wsop-bracelets-what] {
        margin-top: -32px
    }

    [wsop-bracelets] [page-container]>.inner {
        gap: 56px
    }

    [wsop-bracelets] [page-container]>.inner [wsop-tab-nav]+[p-section] {
        margin-top: 8px
    }

    [wsop-bracelets] .reset [article-content] .container {
        gap: 22px
    }}

@media (min-width:1280px){[wsop-bracelets] [page-container] [wsop-tab-nav] {
        margin-bottom: 40px
    }

    [wsop-bracelets] [wsop-bracelets-what] {
        margin-top: -56px
    }

    [wsop-bracelets] [page-container]>.inner {
        gap: 72px
    }

    [wsop-bracelets] [page-container]>.inner [wsop-tab-nav]+[p-section] {
        margin-top: 56px
    }

    [wsop-bracelets] [wsop-bracelets-title] {
        margin-bottom: 8px
    }

    [wsop-bracelets] .reset figure {
        width: 496px
    }

    [wsop-bracelets] .reset figure p {
        margin-top: 12px
    }}

[wsop-template] [page-container]>.inner{display: flex;
    flex-direction: column;
    gap: 56px}

[wsop-template] [page-container] [wsop-tab-nav]{margin-bottom: -16px}

@media (min-width:768px){[wsop-template] [page-container]>.inner {
        gap: 64px
    }

    [wsop-template] [wsop-tab-nav] {
        margin-bottom: -8px
    }}

@media (min-width:1280px){[wsop-template] [page-container]>.inner {
        gap: 128px
    }

    [wsop-template] [wsop-tab-nav] {
        margin-bottom: -48px
    }}

[wsop-tab-nav] [slider] [color-button]{height: auto;
    max-height: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    position: relative;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #737373;
    cursor: pointer}

@media (min-width:768px){[wsop-tab-nav] [slider] [color-button] {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[wsop-tab-nav] [slider] [color-button] {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[wsop-tab-nav] [slider] [color-button]:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 2px;
    background-color: #d30000}

[wsop-tab-nav] [slider] [color-button].active{color: #fff}

[wsop-tab-nav] [slider] [color-button].active:after{right: 0}

.no-touch [wsop-tab-nav] [slider] [color-button]:hover:not(.hover-disable),
[wsop-tab-nav] [slider] [color-button]:active{background-color: transparent;
    color: #fff}

[wsop-tab-nav] [slider] .swiper-slide{width: auto;
    max-width: none}

@media (min-width:1280px){[wsop-tab-nav] [slider] .swiper-wrapper {
        transform: none !important
    }}

@media (min-width:1280px){[wsop-bracelets-what].img-right [article-content]>.content figure {
        margin-top: -62px
    }}

@media (min-width:1280px){[wsop-bracelets-fun] {
        margin-top: 56px
    }}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item .year{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[wsop-champions-main-event] .history [accordion-view].line-thumb .item .year {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[wsop-champions-main-event] .history [accordion-view].line-thumb .item .year {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item h5{margin-top: 4px}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item h5+p{margin-top: 8px}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item p{margin-top: 20px}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item p:first-of-type{margin-top: 16px}

[wsop-champions-main-event] .history [accordion-view].line-thumb .svg-icon path{stroke: #737373}

.no-touch [wsop-champions-main-event] .history [accordion-view].line-thumb:hover:not(.hover-disable) .icon,
.no-touch [wsop-champions-main-event] .history [accordion-view].line-thumb:hover:not(.hover-disable) .title,
[wsop-champions-main-event] .history [accordion-view].line-thumb.open .icon,
[wsop-champions-main-event] .history [accordion-view].line-thumb.open .title{color: #fff}

[wsop-champions-main-event] .history [accordion-view]+[accordion-view]{margin-top: 16px}

@media (min-width:768px){[wsop-champions-main-event] .history [accordion-view] .item h5 {
        margin-top: 8px
    }

    [wsop-champions-main-event] .history [accordion-view] .item h5+p {
        margin-top: 12px
    }

    [wsop-champions-main-event] .history [accordion-view] .item p {
        margin-top: 22px
    }

    [wsop-champions-main-event] .history [accordion-view]+[accordion-view] {
        margin-top: 32px
    }}

@media (min-width:1280px){[wsop-champions-main-event] .v-html,
    [wsop-champions-main-event]>.content:before,
    [wsop-champions-main-event]>h3 {
        margin-right: 410px
    }

    [wsop-champions-main-event] .history {
        margin-top: 28px
    }

    [wsop-champions-main-event] .history [accordion-view] .item .year {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }

    [wsop-champions-main-event] .history [accordion-view] .item h5 {
        margin-top: 10px
    }

    [wsop-champions-main-event] .history [accordion-view] .item h5+p {
        margin-top: 16px
    }

    [wsop-champions-main-event] .history [accordion-view] .item p {
        margin-top: 22px
    }

    [wsop-champions-main-event] .history [accordion-view]+[accordion-view] {
        margin-top: 56px
    }}

@media (min-width:1280px) and (min-width:768px){[wsop-champions-main-event] .history [accordion-view] .item .year {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px) and (min-width:1280px){[wsop-champions-main-event] .history [accordion-view] .item .year {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

input[type=search]::-webkit-search-cancel-button{appearance: none;
    -webkit-appearance: none}

[wsop-intro] p{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4}

@media (min-width:768px){[wsop-intro] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[wsop-intro] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[wsop-intro] p strong{color: #fff}

[wsop-intro] .group p{margin-top: 8px}

[wsop-intro] .container{display: flex;
    flex-direction: column;
    gap: 24px}

[wsop-intro] ._text-content.article-content h4{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[wsop-intro] ._text-content.article-content h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[wsop-intro] ._text-content.article-content h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[wsop-intro] [article-content]>h3:after{display: none !important}

[wsop-intro] .wi-overview{padding: 24px;
    border-radius: 16px;
    background-color: #1e1e23}

[wsop-intro] .wi-overview h3{position: relative;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 48px}

@media (min-width:768px){[wsop-intro] .wi-overview h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[wsop-intro] .wi-overview h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[wsop-intro] .wi-overview h3:after{content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 24px;
    right: auto;
    top: auto;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, #52525b, transparent)}

[wsop-intro] ._grid,
[wsop-intro] .wi-images{margin-top: 24px}

[wsop-intro] ._grid img,
[wsop-intro] .wi-images img{display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px}

[wsop-intro] ._grid{gap: 16px}

@media (min-width:414px){[wsop-intro] ._grid img,
    [wsop-intro] .wi-images img {
        max-width: 80%
    }}

@media (min-width:768px){[wsop-intro] .wi-overview {
        padding: 32px
    }

    [wsop-intro] ._grid img,
    [wsop-intro] .wi-images img {
        max-width: 60%
    }

    [wsop-intro] ._grid.center img:nth-child(3) {
        transform: translateX(50%)
    }

    [wsop-intro] ._grid.image img {
        width: 100%;
        height: auto;
        max-width: 100%
    }}

@media (min-width:1280px){[wsop-intro] .wi-overview {
        padding: 56px
    }

    [wsop-intro] ._grid {
        margin-top: 0;
        gap: 24px
    }

    [wsop-intro] ._grid.center img:nth-child(3) {
        transform: translateX(0)
    }

    [wsop-intro] .wi-images {
        margin-top: 0
    }

    [wsop-intro] .wi-images img {
        max-width: inherit
    }

    [wsop-intro] .image-left ._text-content,
    [wsop-intro] .image-right ._text-content {
        align-items: flex-start;
        gap: 72px;
        padding-top: 72px
    }

    [wsop-intro] .image-left .image,
    [wsop-intro] .image-left .wi-images,
    [wsop-intro] .image-right .image,
    [wsop-intro] .image-right .wi-images {
        flex: none
    }

    [wsop-intro] .image-left ._text-content {
        flex-direction: row-reverse
    }

    [wsop-intro] .image-right ._text-content {
        display: flex;
        flex-flow: row
    }}

li:is(.special-feature, .withdrawal){display: none;}

a{text-decoration: none !important;}

.my-4,
.mt-4{margin-top: 1.5rem;}

.my-4,
.mb-4{margin-bottom: 1.5rem;}

.button.lg{max-width: 350px;
    width: 100%;}

.d-flex{display: flex;}

.align-items-center{align-items: center;}

.gap-3{gap: 1rem;}

.flex-shrink-0{flex-shrink: 0;}

.artical-contact-form .left-content h2{font-size: 32px;
    margin-bottom: 1rem;}

.artical-contact-form .left-content :is(h5, .h5){color: #FFF;
    font-size: 22px;}

.theme-label{display: block;
    color: #FFF;

    margin-bottom: 6px;}

.theme-control{border: none;
    background-color: #18181c;
    -webkit-border-radius: 0;
    display: block;
    color: #FFF;
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 10px;
    font-size: 1rem;}

.artical-contact-form{display: flex;
    align-items: center;
    gap: 35px 200px;}

.right-content{display: flex;
    gap: 1rem;
    flex-wrap: wrap;}

.right-content>div:nth-child(1),
.right-content>div:nth-child(2){width: calc(50% - 8px);}

.right-content>div:nth-child(3){width: 100%;}

.text-end{text-align: end;}

.w-100{width: 100%;}

.button{padding: 12px 24px;
    border-radius: .25rem;
    min-width: 125px;}

.button-primary{background: #d30000;
    color: #fff;}

.error{color: #d30000 !important;
    font-size: 14px;}

@media (max-width: 991px){.artical-contact-form {
        flex-wrap: wrap;
    }}

.gt-lang-code{font-size: 11pt !important;}

.gt-current-lang img{width: 25px !important;}

.gt-current-lang{padding: 5px 8px !important;}

.gt_options a{font-size: 11pt !important;
    padding: 8px 10px !important;
    text-align: left !important;}

.gt_options a img{width: 25px !important;}

.gt_float_switcher{font-size: 16px !important;}

.gt_options{position: absolute !important;
    background: white !important;}

.gt_languages a.glink.nturl span{color: #000;}

.gtranslate_wrapper{line-height: 1 !important;}

.gtranslate_wrapper .gt-current-lang{padding: 0 !important;}

.gtranslate_wrapper .gt_float_switcher{box-shadow: unset !important;
    background-color: transparent !important;}

.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang{color: #FFF !important;
    display: flex;
    gap: 5px;}

.gtranslate_wrapper .gt_float_switcher .gt-selected{background-color: transparent !important;}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23FFF'/></svg>") !important;}

.gt_float_switcher .gt-selected{z-index: unset !important;}

[blog-view] .blog-post-header{padding-top: 40px}

[blog-view] .blog-post-header .top{color: #737373;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 32px}

[blog-view] .blog-post-header .category{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #a3a3a3;
    margin-bottom: 8px}

@media (min-width:768px){[blog-view] .blog-post-header .category {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[blog-view] .blog-post-header .category {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[blog-view] .blog-post-header .title{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px}

@media (min-width:768px){[blog-view] .blog-post-header .title {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[blog-view] .blog-post-header .title {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[blog-view] .blog-post-header .posted{font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #a3a3a3;
    margin-bottom: 24px}

@media (min-width:768px){[blog-view] .blog-post-header .posted {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[blog-view] .blog-post-header .posted {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[blog-view] .blog-post-header .posted strong,
[blog-view] .blog-post-header .posted time{font-weight: 500;
    color: #fff}

[blog-view] .blog-post-header .posted a{text-decoration: underline}

[blog-view] .blog-post-header .post-img{background: hsla(0, 0%, 100%, .03);
    margin-bottom: 24px}

[blog-view] .blog-post-header .post-img img{display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 100%}

[blog-view] .blog-post-contents h1{font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #fff;
    text-transform: inherit;
    margin-top: 32px;
    margin-bottom: 24px}

@media (min-width:768px){[blog-view] .blog-post-contents h1 {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[blog-view] .blog-post-contents h1 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

[blog-view] .blog-post-contents h2{font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    margin-top: 32px;
    margin-bottom: 24px}

@media (min-width:768px){[blog-view] .blog-post-contents h2 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }}

@media (min-width:1280px){[blog-view] .blog-post-contents h2 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }}

[blog-view] .blog-post-contents sup{font-size: 12px;
    margin-left: 2px}

[blog-view] .blog-post-contents img{-o-object-fit: contain;
    object-fit: contain}

[blog-view] .blog-post-contents p{font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #d4d4d4;
    margin-bottom: 20px;
    line-height: 1.6 !important}

@media (min-width:768px){[blog-view] .blog-post-contents p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

@media (min-width:1280px){[blog-view] .blog-post-contents p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }}

[blog-view] .blog-post-contents p em{font-style: italic}

[blog-view] .blog-post-contents p strong{font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff}

@media (min-width:768px){[blog-view] .blog-post-contents p strong {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }}

@media (min-width:1280px){[blog-view] .blog-post-contents p strong {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }}

[blog-view] .blog-post-contents p a{font-weight: 500;
    color: #fff;
    text-decoration: underline}

[blog-view] .blog-post-contents h2 img,
[blog-view] .blog-post-contents p img{display: block;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    border-radius: 16px;
    height: auto;
    max-height: none}

[blog-view] .blog-post-contents ul{margin-bottom: 20px}

[blog-view] .blog-post-contents ul>li{position: relative;
    padding-left: 22px}

[blog-view] .blog-post-contents ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){[blog-view] .blog-post-contents ul>li {
        padding-left: 24px
    }}

[lang=ar] [blog-view] .blog-post-contents ul>li{padding-right: 22px}

[lang=ar] [blog-view] .blog-post-contents ul>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] [blog-view] .blog-post-contents ul>li {
        padding-right: 24px
    }}

[blog-view] .blog-post-contents figure{margin-top: 32px;
    margin-bottom: 32px}

[blog-view] .blog-post-contents figure img{display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto}

[blog-view] .blog-post-contents figure figcaption{display: block;
    text-align: center;
    margin-top: 8px}

[blog-view] .blog-post-contents.icon{border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)}

[blog-view] .blog-post-contents.icon i{font-size: 24px !important}

[blog-view] .blog-post-contents.icon i.icon-arrow_left_24.up{transform: rotate(90deg)}

[blog-view] .blog-post-contents .btn-cta,
[blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"]{display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    background-color: #d30000;
    text-decoration: none}

[blog-view] .blog-post-contents .btn-cta br,
[blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"] br{display: none}

.no-touch [blog-view] .blog-post-contents .btn-cta:hover:not(.hover-disable),
.no-touch [blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"]:hover:not(.hover-disable){background-color: #c00000;
    border: 0}

.no-touch [blog-view] .blog-post-contents .btn-cta:active:not(.hover-disable),
.no-touch [blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"]:active:not(.hover-disable){background-color: #960000}

[blog-view] .blog-post-contents table{margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    overflow: hidden;
    border-bottom: 1px solid #24242a}

@media (min-width:768px){[blog-view] .blog-post-contents table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[blog-view] .blog-post-contents table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[blog-view] .blog-post-contents table thead th{padding-top: 0;
    padding-right: 32px;
    padding-bottom: 0;
    padding-left: 32px;
    height: 48px;
    background-color: #24242a;
    white-space: nowrap}

[blog-view] .blog-post-contents table thead th:first-child{border-radius: 8px 0 0 8px}

[blog-view] .blog-post-contents table thead th:last-child{border-radius: 0 8px 8px 0}

[blog-view] .blog-post-contents table thead th:only-child{border-radius: 8px}

[blog-view] .blog-post-contents table tbody td,
[blog-view] .blog-post-contents table tbody th{padding: 8px;
    text-align: center;
    color: #fff}

[blog-view] .blog-post-contents table+p{text-align: center;
    margin-top: 8px}

@media (min-width:768px){[blog-view] .blog-post-contents table tbody td,
    [blog-view] .blog-post-contents table tbody th,
    [blog-view] .blog-post-contents table thead th {
        padding: 12px
    }}

@media (min-width:1280px){[blog-view] .blog-post-contents table table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        border-radius: 0;
        overflow: visible
    }

    [blog-view] .blog-post-contents table thead th {
        background-color: #232326;
        border-bottom: 2px solid #000
    }

    [blog-view] .blog-post-contents table tbody td,
    [blog-view] .blog-post-contents table tbody th {
        background-color: #1e1e22
    }}

@media (min-width:1280px) and (min-width:768px){[blog-view] .blog-post-contents table table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px) and (min-width:1280px){[blog-view] .blog-post-contents table table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[blog-view] .blog-post-contents blockquote p{font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    font-weight: 500;
    color: #fff;
    text-transform: inherit;
    font-style: italic;
    line-height: 1.6}

@media (min-width:768px){[blog-view] .blog-post-contents blockquote p {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }}

@media (min-width:1280px){[blog-view] .blog-post-contents blockquote p {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }}

[blog-view] .blog-post-contents iframe{max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block}

@media (min-width:768px){[blog-view] .blog-post-header {
        padding-top: 72px
    }

    [blog-view] .blog-post-header .posted {
        display: flex;
        align-items: center
    }

    [blog-view] .blog-post-header .posted>div+div:before {
        content: "/";
        display: inline-block;
        margin-left: 4px;
        padding-right: 4px
    }

    [blog-view] .blog-post-header .title {
        margin-bottom: 16px
    }

    [blog-view] .blog-post-header .top {
        margin-bottom: 40px
    }

    [blog-view] .blog-post-contents .btn-cta,
    [blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"] {
        max-width: 50%
    }}

@media (min-width:1280px){[blog-view] .blog-post-contents .btn-cta,
    [blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"] {
        max-width: 40%
    }}

.comment-wrap{margin-top: 70px;}

[time-bank-card] .img-outer{max-width: 704px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto}

[time-bank-card] .img-outer img{width: inheit;
    height: auto;
    max-width: 100%}

[time-bank-card] .video-outer{max-width: 704px;
    margin-left: auto;
    margin-right: auto}

@media (min-width:1280px){[time-bank-card] ._page-container {
        overflow: hidden
    }}

[time-bank-card-what-items] ._grid{gap: 24px}

[time-bank-card-what-items] .item h4{font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500}

@media (min-width:768px){[time-bank-card-what-items] .item h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }}

@media (min-width:1280px){[time-bank-card-what-items] .item h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }}

[time-bank-card-what-items] .item ul{margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4}

[time-bank-card-what-items] .item ul>li{position: relative;
    padding-left: 22px}

[time-bank-card-what-items] .item ul>li:before{content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px}

@media (min-width:1280px){[time-bank-card-what-items] .item ul>li {
        padding-left: 24px
    }}

[lang=ar] [time-bank-card-what-items] .item ul>li{padding-right: 22px}

[lang=ar] [time-bank-card-what-items] .item ul>li:before{right: 7px;
    top: 7px;
    left: auto;
    bottom: auto}

@media (min-width:1280px){[lang=ar] [time-bank-card-what-items] .item ul>li {
        padding-right: 24px
    }}

@media (min-width:768px){[time-bank-card-what-items] .item ul {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

@media (min-width:1280px){[time-bank-card-what-items] .item ul {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }}

[time-bank-card-what-items] .item .img-outer{max-width: 704px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px}

[time-bank-card-what-items] .item .img-outer img{width: 100%;
    height: auto;
    max-width: 100%}

@media (min-width:768px){[time-bank-card-what-items] ._grid {
        gap: 32px
    }

    [time-bank-card-what-items] .item ul {
        margin-top: 12px
    }}

@media (min-width:1280px){[time-bank-card-what-items] ._grid {
        gap: 22px
    }

    [time-bank-card-what-items] .item {
        display: flex;
        flex-direction: column-reverse;
        align-self: flex-start
    }

    [time-bank-card-what-items] .item ul {
        margin-top: 8px
    }

    [time-bank-card-what-items] .item .img-outer {
        margin-top: 0;
        margin-bottom: 20px
    }}

[time-bank-card-paid]{display: flex;
    flex-direction: column;
    gap: 24px}

[time-bank-card-paid] li span{font-weight: 500}

[time-bank-card-paid] [article-content].article-sub>h4{font-weight: 400}

@media (min-width:768px){[time-bank-card-paid] {
        gap: 32px
    }}

@media (min-width:1280px){[time-bank-card-paid] {
        gap: 24px
    }}

[time-bank-card-where] [article-content].article-sub>h4{font-weight: 400}