:root {
    --color-theme: #631317;
    --color-theme-rgb: 99, 19, 23;
    --color-theme-light: #6f161b;
    --color-theme-light-rgb: 111, 22, 27;
    --color-theme-bright: #7b1b20;
    --color-theme-bright-rgb: 123, 27, 32;
    --color-gold: #a9894b;
    --color-gold-rgb: 169, 137, 75;
    --color-gold-light: #e1d19b;
    --color-gold-light-rgb: 225, 209, 155;
    --color-gold-bright: #f8f4e7;
    --color-gold-bright-rgb: 248, 244, 231;

    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-red: #b51700;
    --color-red-rgb: 181, 23, 0;
    --color-gray: #707070;
    --color-gray-rgb: 112, 112, 112;
    --color-gray-light: #e5e5e5;
    --color-gray-light-rgb: 229, 229, 229;
    --color-gray-bright: #f8f8f8;
    --color-gray-bright-rgb: 248, 248, 248;

    --color-body: var(--color-black);
    --color-body-rgb: var(--color-black-rgb);
    --color-body-bg: var(--color-white);
    --color-body-bg-rgb: var(--color-white-rgb);
    --color-border: var(--color-gray-light);
    --color-error: var(--color-red);

    --rgb: var(--color-body-rgb);
    --rgb-couple: var(--color-body-bg-rgb);

    --filter-black: brightness(0);
    --filter-white: brightness(0) invert(1);
    --filter-theme: brightness(0) invert(11%) sepia(75%) saturate(2277%) hue-rotate(337deg) brightness(94%) contrast(100%);
    --filter-gold: brightness(0) invert(53%) sepia(45%) saturate(426%) hue-rotate(1deg) brightness(95%) contrast(94%);

    --font-body: "Anantason Reno SemiCondensed";
    --font-weight-regular: 400;
    --font-weight-bold: 600;

    --font-size-3xs: 8px;
    --font-size-2xs: 10px;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-h3: 22px;
    /* --font-size-h2: 34px;
    --font-size-h1: 46px; */
    --font-size-h2: 30px;
    --font-size-h1: 36px;

    --line-height-xs: 1;
    --line-height-sm: 1.3;
    --line-height-md: 1.5;

    --font-weight-body: var(--font-weight-regular);
    --font-size-body: var(--font-size-md);
    --font-size-body-sub: var(--font-size-sm);
    --line-height-body: var(--line-height-md);
    --letter-spacing: normal;

    --icon-size: 20px;
    --icon-size-lg: 26px;
    --icon-size-xl: 36px;

    --spacing-xl: 80px;
    --spacing-xl-minus: -80px;
    --spacing-lg: 40px;
    --spacing-lg-minus: -40px;
    --spacing-md: 30px;
    --spacing-md-minus: -30px;
    --spacing-sm: 20px;
    --spacing-sm-minus: -20px;
    --spacing-xs: 15px;
    --spacing-xs-minus: -15px;
    --spacing-2xs: 10px;
    --spacing-2xs-minus: -10px;
    --spacing-3xs: 5px;
    --spacing-3xs-minus: -5px;
    --spacing-container: var(--spacing-md);
    --spacing-container-minus: var(--spacing-md-minus);
    --spacing-container-xl: var(--spacing-container);
    --spacing-container-xl-minus: var(--spacing-container-minus);

    --logo-height: 60px;
    --nav-height: 90px;
    --scroll-nav-height: 80px;
    --header-nav-height: var(--nav-height);
    --header-noti-height: 0px;
    --header-height: calc(var(--header-nav-height) + var(--header-noti-height));

    --input-height: 42px;
    --input-border-color: rgba(var(--rgb), 0.1);

    --button-height-sm: 36px;
    --button-height: 42px;
    --button-spacing: var(--spacing-xs);

    --bar-height: 0px;
    --radius: 10px;
    --opacity: 0.5;
    --opacity-light: 0.2;
    --duration: 0.4s;
    --duration-x2: 0.8s;
    --duration-linear: 0.2s;
    --timing-function: ease;
    --timing-function-linear: linear;
    --cta-shadow: 0 -1px 0 0 inset;

    --dvw: calc(100vw - var(--scrollbar-width));
}

html.header-noti-enabled {
    --header-noti-height: 42px;
}

/*========== FIX STYLE:THEME ==========*/
.c-theme {
    color: var(--color-theme) !important;
    --rgb: var(--color-theme-rgb);
    --rgb-couple: var(--color-white-rgb);
}
.c-gold {
    color: var(--color-gold) !important;
    --rgb: var(--color-gold-rgb);
    --rgb-couple: var(--color-white-rgb);
}
.c-gold-light {
    color: var(--color-gold-light) !important;
    --rgb: var(--color-gold-light-rgb);
    --rgb-couple: var(--color-gold-rgb);
}

.c-black {
    color: var(--color-black) !important;
    --rgb: var(--color-black-rgb);
    --rgb-couple: var(--color-white-rgb);
}
.c-white {
    color: var(--color-white) !important;
    --rgb: var(--color-white-rgb);
    --rgb-couple: var(--color-black-rgb);
}
.c-gray {
    color: var(--color-gray) !important;
    --rgb: var(--color-gray-rgb);
    --rgb-couple: var(--color-white-rgb);
}
.c-red {
    color: var(--color-red) !important;
    --rgb: var(--color-red-rgb);
    --rgb-couple: var(--color-white-rgb);
}

.bg-theme {
    background-color: var(--color-theme) !important;
}
.bg-theme-light {
    background-color: var(--color-theme-light) !important;
}
.bg-gold {
    background-color: var(--color-gold) !important;
}
.bg-gold-light {
    background-color: var(--color-gold-light) !important;
}
.bg-gray-bright {
    background-color: var(--color-gray-bright) !important;
}
.bg-black {
    background-color: var(--color-black) !important;
}
.bg-white {
    background-color: var(--color-white) !important;
}
.bg-body {
    background-color: var(--color-body-bg) !important;
}

.filter-black {
    -webkit-filter: var(--filter-black) !important;
    filter: var(--filter-black) !important;
}
.filter-white {
    -webkit-filter: var(--filter-white) !important;
    filter: var(--filter-white) !important;
}
.filter-theme {
    -webkit-filter: var(--filter-theme) !important;
    filter: var(--filter-theme) !important;
}

.margin-top-2xl:not(:first-child) {
    margin-top: var(--spacing-xl) !important;
}
.margin-top-xl:not(:first-child) {
    margin-top: var(--spacing-xl) !important;
}
.margin-top-lg:not(:first-child) {
    margin-top: var(--spacing-lg) !important;
}
.margin-top-md:not(:first-child) {
    margin-top: var(--spacing-md) !important;
}
.margin-top-sm:not(:first-child) {
    margin-top: var(--spacing-sm) !important;
}
.margin-top-xs:not(:first-child) {
    margin-top: var(--spacing-xs) !important;
}
.margin-top-2xs:not(:first-child) {
    margin-top: var(--spacing-2xs) !important;
}
.margin-top-3xs:not(:first-child) {
    margin-top: var(--spacing-3xs) !important;
}

.margin-bottom-2xl:not(:last-child) {
    margin-bottom: var(--spacing-xl) !important;
}
.margin-bottom-xl:not(:last-child) {
    margin-bottom: var(--spacing-xl) !important;
}
.margin-bottom-lg:not(:last-child) {
    margin-bottom: var(--spacing-lg) !important;
}
.margin-bottom-md:not(:last-child) {
    margin-bottom: var(--spacing-md) !important;
}
.margin-bottom-sm:not(:last-child) {
    margin-bottom: var(--spacing-sm) !important;
}
.margin-bottom-xs:not(:last-child) {
    margin-bottom: var(--spacing-xs) !important;
}
.margin-bottom-2xs:not(:last-child) {
    margin-bottom: var(--spacing-2xs) !important;
}
.margin-bottom-3xs:not(:last-child) {
    margin-bottom: var(--spacing-3xs) !important;
}

.padding-top-2xl {
    padding-top: var(--spacing-xl) !important;
}
.padding-top-xl {
    padding-top: var(--spacing-xl) !important;
}
.padding-top-lg {
    padding-top: var(--spacing-lg) !important;
}
.padding-top-md {
    padding-top: var(--spacing-md) !important;
}
.padding-top-sm {
    padding-top: var(--spacing-sm) !important;
}
.padding-top-xs {
    padding-top: var(--spacing-xs) !important;
}
.padding-top-2xs {
    padding-top: var(--spacing-2xs) !important;
}
.padding-top-3xs {
    padding-top: var(--spacing-3xs) !important;
}

.padding-bottom-2xl {
    padding-bottom: var(--spacing-xl) !important;
}
.padding-bottom-xl {
    padding-bottom: var(--spacing-xl) !important;
}
.padding-bottom-lg {
    padding-bottom: var(--spacing-lg) !important;
}
.padding-bottom-md {
    padding-bottom: var(--spacing-md) !important;
}
.padding-bottom-sm {
    padding-bottom: var(--spacing-sm) !important;
}
.padding-bottom-xs {
    padding-bottom: var(--spacing-xs) !important;
}
.padding-bottom-2xs {
    padding-bottom: var(--spacing-2xs) !important;
}
.padding-bottom-3xs {
    padding-bottom: var(--spacing-3xs) !important;
}

.padding-y-2xl {
    padding-top: var(--spacing-xl) !important;
    padding-bottom: var(--spacing-xl) !important;
}
.padding-y-xl {
    padding-top: var(--spacing-xl) !important;
    padding-bottom: var(--spacing-xl) !important;
}
.padding-y-lg {
    padding-top: var(--spacing-lg) !important;
    padding-bottom: var(--spacing-lg) !important;
}
.padding-y-md {
    padding-top: var(--spacing-md) !important;
    padding-bottom: var(--spacing-md) !important;
}
.padding-y-sm {
    padding-top: var(--spacing-sm) !important;
    padding-bottom: var(--spacing-sm) !important;
}
.padding-y-xs {
    padding-top: var(--spacing-xs) !important;
    padding-bottom: var(--spacing-xs) !important;
}
.padding-y-2xs {
    padding-top: var(--spacing-2xs) !important;
    padding-bottom: var(--spacing-2xs) !important;
}
.padding-y-3xs {
    padding-top: var(--spacing-3xs) !important;
    padding-bottom: var(--spacing-3xs) !important;
}

/*========== FIX STYLE:GENERAL ==========*/
.a-left {
    text-align: left !important;
}
.a-right {
    text-align: right !important;
}
.a-center {
    text-align: center !important;
}
.margin-0 {
    margin: 0 !important;
}
.margin-top-0 {
    margin-top: 0 !important;
}
.margin-bottom-0 {
    margin-bottom: 0 !important;
}
.padding-0 {
    padding: 0 !important;
}
.padding-top-0 {
    padding-top: 0 !important;
}
.padding-bottom-0 {
    padding-bottom: 0 !important;
}
.uppercase {
    text-transform: uppercase !important;
}
.nowrap {
    white-space: nowrap !important;
}
.inline-block {
    display: inline-block !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-visible {
    overflow: visible !important;
}
.hidden {
    display: none !important;
}
.alignfull {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/*========== RESET ==========*/
*,
*:before,
*:after {
    box-sizing: border-box;
}
/* ::-webkit-scrollbar {
    width: 0px;
    overflow: hidden;
} */
::-moz-selection {
    background: var(--color-theme);
    color: var(--color-white);
}
::selection {
    background: var(--color-theme);
    color: var(--color-white);
}

article,
aside,
figcaption,
figure,
picture,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    margin: 0;
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    background: var(--color-body-bg);
    color: var(--color-body);
    /* -webkit-animation: fadeInAnimation 1.8s;
    animation: fadeInAnimation 1.8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: opacity; */
}
@-webkit-keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
p {
    margin: 0;
}
address {
    font-style: normal;
}
ul,
ol {
    list-style: none;
}
ul,
ol,
li {
    margin: 0;
    padding: 0;
}
a {
    color: inherit;
}
a,
a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
    box-shadow: none;
}
a[href^="tel"] {
    white-space: nowrap;
}
a[href^="mailto"] {
    word-break: break-word;
}
a,
button,
[role="button"] {
    cursor: pointer;
}
button,
input,
textarea,
select {
    outline: 0;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    min-width: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: normal;
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    text-indent: inherit;
    color: inherit;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
    outline: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
figure {
    margin: 0;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    padding: 0;
    font-weight: inherit;
}
hr {
    margin: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(var(--rgb), var(--opacity-light));
}
iframe {
    border: 0;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
script {
    margin: 0 !important;
}

/*========== TEXT STYLE ==========*/
body {
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
strong {
    font-weight: var(--font-weight-bold);
}

.weight-regular {
    font-weight: var(--font-weight-regular) !important;
}
.weight-bold {
    font-weight: var(--font-weight-bold) !important;
}

.size-h1 {
    font-size: var(--font-size-h1) !important;
    line-height: var(--line-height-sm);
}
.size-h2,
.size-h1 small {
    font-size: var(--font-size-h2) !important;
    line-height: var(--line-height-sm);
}
.size-h3,
.size-h2 small {
    font-size: var(--font-size-h3) !important;
    line-height: inherit;
}
.size-xl {
    font-size: var(--font-size-xl) !important;
    line-height: inherit;
}
.size-lg {
    font-size: var(--font-size-lg) !important;
    line-height: inherit;
}
.size-md {
    font-size: var(--font-size-md) !important;
    line-height: inherit;
}
.size-sm {
    font-size: var(--font-size-sm) !important;
    line-height: inherit;
}
.size-xs {
    font-size: var(--font-size-xs) !important;
    line-height: inherit;
}
.size-2xs {
    font-size: var(--font-size-2xs) !important;
    line-height: inherit;
}
.size-3xs {
    font-size: var(--font-size-3xs) !important;
    line-height: inherit;
}
.size-body {
    font-size: var(--font-size-body) !important;
    line-height: var(--line-height-md);
}

/*========== TRANSITION ==========*/
img,
a,
button,
[role="button"],
input,
textarea,
select,
.select2-selection__placeholder,
.select2-results__option,
.label.anim,
.button,
.ctrl,
.explore,
.container,
#footer,
#header,
.object,
.object-fit,
.bg-img,
.tab-content,
.tabdata-content,
*[class*="swiper-button-"] {
    transition: var(--duration);
}

/*========== CTAs ==========*/
.link-overlay {
    font-size: 0;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.button,
.wp-element-button,
.wp-block-button .wp-block-button__link {
    text-decoration: none !important;
    box-shadow: none !important;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    height: var(--button-height);
    min-height: 0;
    max-height: none;
    padding: 0 var(--button-spacing) !important;
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    color: var(--color-white) !important;
    background: var(--color-theme) !important;
    border: 1px solid var(--color-theme) !important;
    border-radius: 0 !important;
    overflow: hidden;
    opacity: 1;
    transition: var(--duration) var(--timing-function);
}
.button:hover,
.wp-element-button:hover,
.wp-block-button .wp-block-button__link:hover {
    color: var(--color-white) !important;
    background: var(--color-theme-bright) !important;
    border-color: var(--color-theme-bright) !important;
}
.button.w-min {
    min-width: 190px;
    max-width: 100%;
}
.button.w-lg {
    /* width: 294px;
    white-space: normal; */
    --button-spacing: var(--spacing-lg);
}
.button.w-full {
    width: 100%;
}
.button.transparent {
    color: rgb(var(--rgb)) !important;
    background: none !important;
    border-color: rgb(var(--rgb)) !important;
}
.button.transparent:hover {
    color: rgb(var(--rgb-couple)) !important;
    background: rgb(var(--rgb)) !important;
    border-color: rgb(var(--rgb)) !important;
}

.button-app {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    line-height: 1;
}
.button-app > img {
    display: block;
    width: auto;
    height: 50px;
}

.button-container {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: var(--spacing-2xs) var(--spacing-sm);
}
.button-container > .button {
    min-width: 190px;
}
.button-container > .or {
    display: block;
}

.app-download {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: var(--spacing-xs) 0;
    text-align: center;
}
.app-download-links {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-auto-flow: dense;
    align-items: center;
    justify-content: center;
    text-align: center;
    grid-gap: 3px var(--spacing-xs);
}
.app-download-links img {
    display: block;
    width: 100%;
    height: auto;
}
.app-download-links > *[data-download="app-store"],
.app-download-links > *[data-download="google-play"] {
    width: 152px;
    grid-column: 1;
}
.app-download-links > *[data-download="qrcode"] {
    grid-row: 1 / span 2;
    grid-column: 2;
    width: 95px;
    min-width: 95px;
}
.app-download-links:not(:has(> *[data-download="qrcode"])) {
    grid-template-columns: auto;
}
.app-download-remark {
    font-size: var(--font-size-body-sub);
    color: var(--color-gray);
}

.cta-container {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-sm);
    align-items: center;
    justify-content: center;
}
.cta-container > .or {
    display: block;
}
.cta-container > .app-download-remark {
    width: 100%;
}

/*========== GENERAL ==========*/
.container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-container);
    padding-right: var(--spacing-container);
}
.ic,
.ic-name {
    display: inline-block;
    vertical-align: middle;
}
.ic > img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 1em;
}
*[class*="ic-"] + *[class*="ic-"] {
    margin-left: var(--spacing-2xs);
}
.ic-youtube:before {
    transform: scale(1.2);
    display: block;
    margin: 0 0.2em;
}

.brand {
    display: inline-block;
    vertical-align: top;
}
.brand .logo {
    display: block;
    width: auto;
    height: var(--logo-height);
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.object,
.object-fit {
    display: block;
    overflow: hidden;
    position: relative;
}
.object > img,
.object > video,
.object > iframe {
    display: block;
    width: 100%;
    margin: auto;
}
.object-fit > img,
.object-fit > video,
.object-fit > iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.object-fit > img,
.object-fit > video {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}
.object-fit:before {
    content: "";
    display: block;
    width: 100%;
}
.object-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.no-touchevents .bg-img.fixed {
    background-attachment: fixed;
}

.social {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    vertical-align: top;
    grid-gap: var(--spacing-xs);
    line-height: 1;
}
.social a {
    text-decoration: none !important;
    box-shadow: none !important;
    color: inherit;
    display: block;
}
.social a:before,
.social a:after {
    display: none !important;
}
.social a:hover {
    opacity: var(--opacity);
}
.social .ic {
    font-size: var(--icon-size);
    padding: 1px;
    margin: -1px;
}
.social img {
    width: var(--icon-size);
    height: var(--icon-size);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.iframe-container iframe {
    outline: 0;
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.map-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.map-container:before {
    content: "";
    display: block;
    width: 100%;
}
.map-container iframe {
    outline: 0;
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.map-container .design {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.map-container .design,
.map-container .design img {
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.break hr {
    margin: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-border);
}

/*========== FORM ==========*/
input,
textarea,
select {
    width: 100%;
    height: var(--input-height);
    padding: var(--spacing-3xs) 0;
    border: 0;
    border-bottom: 1px solid rgba(var(--rgb), 0.1);
    border-radius: 0;
    background: none;
    color: inherit;
    font-weight: var(--font-weight-bold);
}
textarea {
    display: block;
    overflow: auto;
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
    min-height: calc(var(--input-height) * 3);
    padding-top: 0.5em;
    resize: none;
}

/* SELECT:START */
.select {
    position: relative;
}
.select select {
    line-height: normal;
    padding-right: var(--input-height);
    width: 100%;
    text-overflow: "";
    overflow: hidden;
    cursor: pointer;
}
.select:after {
    font-family: "iconfont";
    content: "\e90c";
    font-size: var(--font-size-lg);
    font-weight: normal;
    line-height: 1;
    color: inherit;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding-right: var(--spacing-2xs);
    width: var(--input-height);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.select2-parent:after {
    display: none;
}
.select2-rendered__match {
    text-decoration: underline;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.select2-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}
.select2-dropdown {
    box-sizing: border-box;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1051;
    left: -100000px;
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body) !important;
    color: var(--color-black) !important;
    background: var(--color-white) !important;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 10%) !important;
    border: 0 !important;
    border-radius: var(--radius) !important;
    overflow: hidden !important;
    transition: none;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--below {
    margin: var(--spacing-3xs) 0 0;
}
.select2-container--open .select2-dropdown--above {
    /*top*/
    margin: var(--spacing-3xs-minus) 0 0;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: var(--spacing-xs);
    font-size: var(--font-size-body);
    line-height: inherit;
    text-align: inherit;
}
.select2-results__option {
    padding: 0;
}
.select2-results__option:not(:last-child) {
    margin-bottom: var(--spacing-3xs);
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-search--dropdown {
    display: block;
    padding: var(--spacing-xs);
}
.select2-search--dropdown .select2-search__field {
    padding: 7px 15px 8px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-container--default .select2-selection--single {
    outline: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: var(--input-height);
    color: inherit;
    background: none;
    border: 0;
    border-bottom: 1px solid rgba(var(--rgb), 0.1);
    border-radius: 0;
    transition: none;
    overflow: hidden;
    cursor: pointer;
    font-weight: var(--font-weight-bold);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: var(--spacing-3xs) 0;
    padding-right: var(--input-height);
    height: 100%;
    line-height: calc(var(--input-height) - 1px - var(--spacing-3xs) * 2);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--color-gold);
    opacity: 1;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    display: block;
    width: var(--input-height);
    height: 100%;
    font-size: 0;
    text-align: center;
    color: inherit;
    cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    margin: 0;
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before,
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    font-family: "iconfont";
    font-size: var(--font-size-body-sub);
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: var(--spacing-2xs);
    text-align: right;
    width: 100%;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\e90c";
}
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    content: "\e900";
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 0;
}
/* .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
} */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--color-border);
}
.select2-container--default .select2-search--inline {
    float: left;
}
.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    border: none;
    padding: 0;
    outline: 0;
    font-size: 100%;
    margin-top: 5px;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 30vh;
    overflow-y: auto;
}
.select2-container--default .select2-results__option span {
    display: inline;
    font-weight: inherit;
    transition: var(--duration) var(--timing-function);
}
.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: inherit;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] span {
    color: var(--color-gold);
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
    font-weight: inherit;
    text-decoration: none;
    background: none;
    color: inherit;
}
.select2-container--default .select2-results__option[data-selected="true"],
.select2-container--default .select2-results__option[aria-selected="true"] span {
    color: var(--color-gold);
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    background: none !important;
    color: inherit !important;
    opacity: var(--opacity-light) !important;
    pointer-events: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.select2-container--default .select2-results__group {
    display: block;
    padding: 0;
    cursor: default;
}
/* SELECT:END */

/* DATEPICKER:START */
.datepicker {
    position: relative;
}
.datepicker:before {
    font-family: "iconfont";
    content: "\e934";
    font-weight: normal;
    font-size: var(--font-size-body);
    width: var(--input-height);
    height: var(--input-height);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
.ui-datepicker-trigger {
    position: absolute;
    right: 0;
    top: 0;
}
.ui-datepicker {
    padding: 0;
    margin: -1px 0;
    width: 260px;
    max-width: calc(100vw - var(--spacing-container) * 2);
    font-family: inherit;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-body);
    text-transform: uppercase;
    line-height: normal;
    background: #fff;
    color: #000;
    border: 1px solid;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    z-index: 9999 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-datepicker a {
    box-shadow: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: var(--spacing-2xs) 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    line-height: normal;
    border-radius: 0;
    text-transform: inherit;
    font-weight: var(--font-weight-bold);
    border: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: flex;
    align-items: center;
    vertical-align: top;
    width: var(--input-height);
    height: 100%;
    line-height: inherit;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1;
}
.ui-datepicker .ui-datepicker-prev {
    padding-left: var(--spacing-xs);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}
.ui-datepicker .ui-datepicker-next {
    padding-right: var(--spacing-xs);
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: static;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-indent: inherit;
}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
    font-family: "iconfont";
    font-size: var(--font-size-2xs);
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
    justify-content: flex-start;
}
.ui-datepicker .ui-datepicker-prev span:before {
    content: "\e909";
    transform: translateX(-3px);
}
.ui-datepicker .ui-datepicker-next span {
    justify-content: flex-end;
}
.ui-datepicker .ui-datepicker-next span:before {
    content: "\e90a";
    transform: translateX(3px);
}
.ui-datepicker .ui-datepicker-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    font-size: inherit;
    padding-left: var(--font-size-xs);
}
.ui-datepicker .ui-datepicker-title select {
    width: auto;
    padding: 0 var(--spacing-sm) 0 0 !important;
    border: 0;
    background: none;
    height: auto;
    min-height: 0;
    line-height: normal;
    font-weight: inherit;
    text-transform: inherit;
}
.ui-datepicker .ui-datepicker-title select:not(:last-child) {
    margin-right: 0;
}
.ui-datepicker .ui-datepicker-title option {
    color: #000;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    order: 1;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    order: 3;
}
.ui-datepicker .ui-datepicker-title:before,
.ui-datepicker .ui-datepicker-title:after {
    font-family: "iconfont";
    content: "\e904";
    font-size: var(--font-size-3xs);
    font-weight: normal;
    line-height: 1;
    pointer-events: none;
    transform: translateX(calc(var(--spacing-xs-minus) + var(--spacing-3xs)));
}
.ui-datepicker .ui-datepicker-title:before {
    order: 2;
}
.ui-datepicker .ui-datepicker-title:after {
    order: 4;
}
.ui-datepicker .ui-datepicker-calendar {
    border-radius: 0;
    border: 0;
    padding: 0;
    width: calc(100% - var(--spacing-xs));
    margin: 0 auto var(--spacing-2xs);
}
.ui-datepicker table {
    margin: 0;
    padding: var(--spacing-2xs) 0;
    font: inherit;
    font-weight: inherit;
}
.ui-datepicker th,
.ui-datepicker td {
    padding: 0;
    text-align: center;
    text-transform: inherit;
}
.ui-datepicker td span,
.ui-datepicker td a {
    margin: 0 auto;
    padding: var(--spacing-3xs);
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-datepicker .ui-state-default {
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-datepicker .ui-state-default:hover {
    opacity: 1;
    color: var(--color-theme);
}
.ui-datepicker th,
.ui-datepicker td .ui-state-highlight,
.ui-datepicker td .ui-state-active,
.ui-datepicker .ui-datepicker-title {
    font-weight: inherit;
    font-style: normal;
    opacity: 1;
    color: inherit;
}
.ui-datepicker th {
    font-weight: var(--font-weight-bold);
    padding-bottom: var(--spacing-2xs);
}
.ui-datepicker td.ui-state-disabled {
    pointer-events: none;
    opacity: 0.1;
}
.ui-datepicker td.ui-datepicker-current-day > * {
    color: var(--color-theme) !important;
    font-weight: var(--font-weight-bold) !important;
}
/* DATEPICKER:END */

/* CHECKBOX&RADIO:START */
.choice {
    position: relative;
    display: flex;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal;
    text-transform: none;
}
.choice > span {
    position: relative;
    display: inline-block;
    -webkit-touch-callout: none;
}
.choice > input {
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    background: none;
}
.choice input + span {
    display: inline-block;
    vertical-align: baseline;
    text-align: left;
    padding-left: calc(1em + var(--spacing-2xs));
    line-height: inherit;
    min-width: 1em;
    min-height: 1em;
    height: auto;
    cursor: pointer;
}
.choice input + span:before,
.choice input + span:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    line-height: 1;
    margin: 0;
    position: absolute;
    left: 0;
    top: calc(1ex / 2);
}
.choice input + span:before {
    background: none;
    border: 1px solid;
}
.choice input + span:after {
    width: 0.5em;
    height: 0.5em;
    margin: calc(1em / 4);
    background: currentColor;
    opacity: 0;
}
.choice input:checked + span:after {
    opacity: 1;
}
.choice input[type="radio"] + span:before,
.choice input[type="radio"] + span:after {
    border-radius: 50%;
}
.choice input[type="checkbox"] + span:after {
    font-family: "iconfont";
    content: "\e923";
    background: none;
    width: 1em;
    height: 1em;
    margin: 0;
    transform: scale(0.75);
}

.choice-group > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
/* CHECKBOX&RADIO:END */

.fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: var(--spacing-xs-minus);
}
.field {
    position: relative;
    width: 100%;
    margin-bottom: var(--spacing-xs);
}
.field.focusin {
    z-index: 2;
}
*[class*="fields"] + *[class*="fields"] {
    margin-top: var(--spacing-lg);
}

.input {
    position: relative;
    text-align: left;
}
.label {
    padding: 0;
    border-radius: 0;
    position: relative;
    display: block;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
}
.label a {
    box-shadow: var(--cta-shadow);
}
.label.anim {
    color: inherit;
    padding: 0;
    height: auto;
    width: 100%;
    max-width: 100%;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    top: calc(var(--input-height) / 2);
    transform: translateY(-50%);
    pointer-events: none;
}

.label.anim:not(.fixed) {
    transition-property: opacity, visibility;
}
.label:not(.anim):not(:last-child) {
    margin-bottom: var(--spacing-2xs);
}
.input.filled .label.anim:not(.fixed) {
    opacity: 0;
    visibility: hidden;
}
.input.filled .label.anim.fixed {
    top: 0;
    transform: translateY(-50%);
    font-size: var(--font-size-2xs);
    opacity: 1;
    color: var(--color-gray);
}
.c-white .input.filled .label.anim.fixed {
    color: inherit;
}

.input:has(*:-internal-autofill-selected) .label.anim.fixed {
    top: 0;
    transform: translateY(-50%);
    font-size: var(--font-size-2xs);
    opacity: 1;
    color: var(--color-gray);
}
.c-white .input:has(*:-internal-autofill-selected) .label.anim.fixed {
    color: inherit;
}

/* .input.filled input,
.input.filled textarea,
.input.filled select,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: var(--font-weight-body);
} */
.input input:disabled,
.input textarea:disabled,
.input select:disabled,
.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default;
    opacity: 0.1;
}
.input input[type="checkbox"]:disabled,
.input input[type="radio"]:disabled {
    background-color: transparent;
}
.input :-ms-input-placeholder {
    font-size: var(--font-size-xs) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
.input ::-webkit-input-placeholder {
    font-size: var(--font-size-xs) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
.input ::-moz-placeholder {
    font-size: var(--font-size-xs) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
.input ::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.input ::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 0;
}
input::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: 5000s ease 0s;
    transition: 5000s ease 0s;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pdpa-content {
    font-size: var(--font-size-body-sub);
    color: var(--color-gray);
}
.pdpa-content h3 {
    font-size: var(--font-size-body);
    color: var(--color-body);
}
.pdpa-content > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.pdpa-content:not(:first-child) {
    margin-top: var(--spacing-xs);
}
.pdpa-content:not(:last-child) {
    margin-bottom: var(--spacing-xs);
}

/*========== UPLOAD FILE ==========*/
.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: flex;
    align-items: center;
    margin: 0;
}
.file-upload-wrapper {
    position: relative;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
}
.file-upload-wrapper .file-upload-action {
    cursor: pointer;
    position: relative;
    z-index: 1;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    margin-left: auto;
}
.file-upload-wrapper .file-upload-button {
    --button-height: 32px;
    min-width: 130px;
}
.file-upload-wrapper .file-upload-input {
    border: 0;
}
.custom-file-note {
    font-size: var(--font-size-body-sub);
    color: var(--color-gray);
    text-align: right;
}
.custom-file-block {
    position: relative;
}
.custom-file-overlay {
}
.custom-file-overlay > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.custom-file-overlay .ic {
    font-size: var(--icon-size-lg);
    margin: var(--spacing-3xs) 0;
}

.codedropz-upload-wrapper .file-upload-wrapper,
.codedropz-upload-wrapper .dnd-upload-counter {
    display: none !important;
}
.codedropz-upload-wrapper .codedropz-upload-handler {
    border: 1px solid var(--color-border);
    border-radius: 0;
}
.codedropz-upload-wrapper .codedropz-upload-container {
    padding: var(--spacing-lg) var(--spacing-container);
    text-align: center;
}
.codedropz-upload-wrapper .codedropz-upload-inner > * {
    margin: 0;
    display: block;
}
.codedropz-upload-wrapper .codedropz-upload-inner > h3 {
    font: inherit;
    line-height: inherit;
}
.codedropz-upload-wrapper .codedropz-upload-inner > h3 + span:before {
    font-family: "iconfont";
    content: "\e94b";
    font-size: var(--icon-size-xl);
    line-height: 1;
    display: block;
    margin: var(--spacing-3xs) 0;
}
.codedropz-upload-wrapper .codedropz-btn-wrap:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.codedropz-upload-wrapper .codedropz-btn-wrap .cd-upload-btn {
    text-decoration: none;
    box-shadow: none;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 190px;
    max-width: 100%;
    height: var(--button-height);
    min-height: 0;
    max-height: none;
    padding: 0 var(--button-spacing);
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    color: var(--color-white);
    background: var(--color-theme);
    border: 1px solid var(--color-theme);
    border-radius: 0;
    overflow: hidden;
    opacity: 1;
    transition: var(--duration) var(--timing-function);
}
.codedropz-upload-wrapper .cd-upload-btn:hover {
    color: var(--color-white) !important;
    background: var(--color-theme-bright) !important;
    border-color: var(--color-theme-bright) !important;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image {
    display: none !important;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details {
    padding-left: 0;
    width: 100%;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name {
    color: inherit;
    padding: 0;
    display: flex;
    align-items: center;
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name em {
    color: var(--color-gray-light);
    font-weight: inherit;
    font-style: normal;
    font-size: var(--font-size-body-sub);
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
    height: 15px;
    border-radius: 0;
    background: var(--color-gray-bright);
    color: var(--color-black);
}
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    font-size: var(--font-size-2xs);
    line-height: 15px;
    background: var(--color-theme);
    color: var(--color-white);
    padding-right: 5px;
}

/*========== PLUGIN:POPUP ==========*/
[class*="open-popup-"] {
    cursor: pointer;
}
.mfp-bg,
.mfp-content {
    transition: var(--duration);
    opacity: 0;
}
.mfp-bg {
    background: var(--color-body-bg);
    z-index: 9998;
}
.mfp-bg.mfp-ready {
    opacity: 0.7;
}
.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-wrap {
    z-index: 9999;
}
.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.mfp-container {
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    max-height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.mfp-zoom-out-cur {
    cursor: default;
}
button.mfp-close,
button.mfp-close:active,
.modal-dismiss,
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    font-family: inherit;
    font-size: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 0;
    color: inherit;
    background: none !important;
    border-radius: 0;
    overflow: hidden;
    opacity: 1;
    position: fixed;
    z-index: 10;
    bottom: auto;
    left: auto;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
}
button.mfp-close:hover,
.modal-dismiss:hover,
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:hover {
    opacity: 1 !important;
    color: var(--color-gold) !important;
}
button.mfp-close:before,
.modal-dismiss:before {
    font-family: "iconfont";
    content: "\e900";
    font-size: var(--font-size-lg);
    line-height: 1;
    color: inherit;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
}
img.mfp-img {
    padding: 0 !important;
}

.popup-ctrl {
    font-size: 0;
    line-height: 0;
    position: fixed;
    z-index: -99999;
    top: 100%;
}

.popup-style-modal .modal-dismiss {
    position: absolute;
}
.popup-style-modal .mfp-content {
    padding: 0;
    width: auto;
    max-width: 100%;
}

.modal-box {
    position: relative;
    z-index: 1;
    max-width: calc(100vw - var(--spacing-container) * 2);
    margin: 0 auto;
    padding: 0;
    background: var(--color-white);
    color: var(--color-black);
    border-radius: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal-box.w-sm {
    width: 508px;
}
.modal-box .modal-cover {
    position: relative;
    overflow: hidden;
}
.modal-box .modal-cover .object-fit:before {
    padding-bottom: 67.9133858268%;
}
.modal-box .modal-content {
    padding: var(--spacing-lg) var(--spacing-md);
}
.modal-box .modal-content > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}
.modal-box .modal-content .entry-form {
    width: 100%;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
}

.modal-message {
    position: relative;
    z-index: 1;
    width: 500px;
    max-width: calc(100vw - var(--spacing-container) * 2);
    margin: 0 auto;
    padding: var(--spacing-lg);
    border-radius: 0;
    border: 1px solid var(--color-theme);
    background: var(--color-white);
    color: var(--color-black);
    text-align: center;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal-message > *:not(:first-child) {
    margin-top: var(--spacing-md);
}

.modal-ratio {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: calc(100vw - var(--spacing-container) * 2);
    margin: 0 auto;
    padding: 0;
    background: none;
    color: inherit;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.modal-ratio .modal-cover .object > * {
    width: auto;
    height: auto;
    max-width: calc(100vw - var(--spacing-container) * 2) !important;
    max-height: 70dvh !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

#popup-sizeguide .modal-ratio {
    padding: var(--spacing-lg);
    border-radius: 15px;
    background: var(--color-white);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
}

/*========== PLUGIN:SLIDER ==========*/
.swiper {
    width: 100%;
}
.swiper-wrapper {
    will-change: transform;
}

*[class*="swiper-button-"] {
    z-index: 10;
    outline: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
    overflow: visible;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}
*[class*="swiper-button-"]:after {
    position: relative;
    font-family: "iconfont";
    font-weight: normal;
    font-size: 30px;
    color: inherit;
    opacity: 1;
}
.swiper-button-prev:after {
    content: "\e905";
    transform: translateX(-0.2em);
}
.swiper-button-next:after {
    content: "\e906";
    transform: translateX(0.2em);
}
.swiper-button-disabled {
    opacity: 0 !important;
}

.swiper-pagination {
    line-height: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    grid-gap: var(--spacing-3xs);
    pointer-events: none;
}
.swiper-pagination.a-center {
    justify-content: center;
}
.swiper-pagination-bullet {
    outline: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    font-size: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: rgba(var(--rgb), 0.3);
    border: 0;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    transition: var(--duration-x2) var(--timing-function);
    pointer-events: auto;
}
.swiper-pagination-bullet-active {
    background: rgba(var(--rgb), 1);
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet {
    width: 32px;
    height: 2px;
    border-radius: 0;
}
.swiper-horizontal > .swiper-pagination-bullets {
    bottom: var(--spacing-container);
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-duplicate-active {
    pointer-events: auto !important;
}

.swiper.default .swiper-slide {
    width: 100% !important;
}
.swiper.default.fade .swiper-slide {
    width: 100% !important;
    opacity: 0 !important;
    z-index: 0 !important;
}
.swiper.default.fade .swiper-slide-active,
.swiper.default.fade .swiper-slide-duplicate-active {
    opacity: 1 !important;
    z-index: 1 !important;
}

*[class*="swiper-button-"],
*[class*="swiper-hover-"] {
    --size: 50px;
    --size-minus: -50px;
}

*[class*="swiper-button-"][data-style="circle"] {
    --rgb: var(--color-black-rgb);
    --rgb-couple: var(--color-white-rgb);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    color: rgb(var(--rgb));
    background-color: rgb(var(--rgb-couple));
    border-radius: 50%;
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}
*[class*="swiper-button-"][data-style="circle"]:hover {
    --rgb: var(--color-white-rgb);
    --rgb-couple: var(--color-theme-bright-rgb);
}
*[class*="swiper-button-"][data-style="circle"]:after {
    font-family: "iconfont";
    font-size: 20px;
    transform: none;
}
.swiper-button-prev[data-style="circle"] {
    left: var(--spacing-container);
}
.swiper-button-next[data-style="circle"] {
    right: var(--spacing-container);
}
.swiper-button-disabled[data-style="circle"] {
    opacity: 0 !important;
}

*[class*="swiper-hover-"] {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: var(--duration) var(--timing-function);
    will-change: opacity;
}
.touchevents *[class*="swiper-hover-"],
.no-touchevents *[class*="swiper-hover-"].hover {
    opacity: 1;
}
*[class*="swiper-hover-"] > *[class*="swiper-button-"] {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}
*[class*="swiper-hover-"] > .swiper-button-disabled {
    opacity: 0 !important;
}
.swiper-hover-prev {
    left: 0;
}
.swiper-hover-next {
    right: 0;
}
.swiper-hover-prev.spacing-x,
.swiper-button-prev.spacing-x {
    left: var(--spacing-container);
}
.swiper-hover-next.spacing-x,
.swiper-button-next.spacing-x {
    right: var(--spacing-container);
}
.swiper-hover-prev.spacing-x-minus,
.swiper-button-prev.spacing-x-minus {
    left: calc(var(--spacing-container-minus) / 2);
}
.swiper-hover-next.spacing-x-minus,
.swiper-button-next.spacing-x-minus {
    right: calc(var(--spacing-container-minus) / 2);
}

.swiper-control-panel {
    width: calc(100vw - var(--spacing-container) * 2);
    max-width: calc(100vw - var(--spacing-container) * 2);
    margin: 0 calc(50% - (100vw - var(--spacing-container) * 2) / 2);
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

.swiper.auto.fix *:is([class*="swiper-button-"], [class*="swiper-hover-"]),
.swiper.auto.fix ~ *:is([class*="swiper-button-"], [class*="swiper-hover-"]) {
    top: 0;
    transform: none;
}

.swiper-pages {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    width: auto;
    grid-gap: 0 var(--spacing-3xs);
    line-height: inherit;
}
.swiper-pages > * {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    line-height: inherit !important;
}
.swiper-pages > *[class*="swiper-button-"]:after {
    font-size: inherit;
    font-weight: bold;
}
.swiper-pages > *[class*="swiper-button-"].swiper-button-disabled {
    opacity: var(--opacity-light) !important;
}

/*========== POST ==========*/
.entry > *:not(:last-child) {
    margin-bottom: var(--spacing-lg);
}
.entry-header > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.entry-content > *:not(:first-child),
.entry-content .wp-block-group > *:not(:first-child),
.entry-content .wp-block-column > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}
.entry-content h1 + *:not([class*="wp-block-"], hr, br, .social),
.entry-content h2 + *:not([class*="wp-block-"], hr, br, .social),
.entry-content h3 + *:not([class*="wp-block-"], hr, br, .social),
.entry-content h4 + *:not([class*="wp-block-"], hr, br, .social),
.entry-content h5 + *:not([class*="wp-block-"], hr, br, .social),
.entry-content h6 + *:not([class*="wp-block-"], hr, br, .social) {
    margin-top: var(--spacing-2xs);
}
.entry-content li:not(:first-child) {
    margin-top: var(--spacing-3xs);
}

.entry-content {
    --wp--preset--font-size--small: var(--font-size-sm);
    --wp--preset--font-size--medium: var(--font-size-md);
    --wp--preset--font-size--large: var(--font-size-lg);
    --wp--preset--font-size--x-large: var(--font-size-h3);
    --wp--preset--font-size--normal: var(--font-size-body);
    --wp--preset--font-size--huge: var(--font-size-xl);
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: inherit;
    font-weight: var(--font-weight-regular);
    color: var(--color-body);
}
.entry-content h1,
.entry-content .has-x-large-font-size,
.entry-content .has-huge-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
    line-height: var(--line-height-sm) !important;
}
.entry-content h2 {
    font-size: var(--font-size-xl) !important;
    line-height: var(--line-height-sm) !important;
}
.entry-content h3,
.entry-content .has-large-font-size,
.entry-content .has-larger-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: inherit !important;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content .has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: inherit !important;
}
.entry-content .has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
    line-height: inherit !important;
}
.entry-content .has-regular-font-size {
    font-size: var(--wp--preset--font-size--normal) !important;
    line-height: inherit !important;
}
.entry-content .is-layout-flex {
    grid-gap: var(--spacing-sm);
}

.entry-content ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 0;
}
.entry-content ul {
    list-style-type: disc;
    padding-left: 1em;
}
.entry-content li > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
.entry-content li > ul {
    padding-left: 2em;
}
.entry-content.ul-style ul {
    list-style: none;
    padding-left: 0;
}
.entry-content.ul-style ul > li {
    position: relative;
    padding-left: 1em;
}
.entry-content.ul-style ul > li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: var(--color-gold);
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 1ex;
}

.entry-content small {
    display: inline-block;
    font-size: 87.5%;
    color: var(--color-gray);
}
.entry-content a {
    color: var(--color-gold);
}
.c-white .entry-content a,
.entry-content.c-white a {
    color: inherit;
}
.entry-content a:hover {
    box-shadow: var(--cta-shadow);
}
.entry-content figure {
    overflow: hidden;
}
.entry-content .wp-block-image {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.entry-content *[class*="wp-block-"] figcaption {
    font-size: var(--font-size-body-sub);
    line-height: inherit;
    text-align: center;
    color: var(--color-gray);
    margin: var(--spacing-2xs) 0 0;
}
.entry-content *[class*="wp-block-"].alignfull figcaption {
    padding: 0 var(--spacing-container);
}
.entry-content .wp-block-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
.entry-content .wp-block-image:not(.alignfull):not(.alignwide) img,
.entry-content .wp-block-video:not(.alignfull):not(.alignwide) video {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.entry-content .wp-block-video:not(.alignfull):not(.alignwide) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.entry-content .wp-block-video {
    overflow: visible;
}
.entry-content [class*="wp-block-"] {
    list-style: none;
    padding: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.entry-content [class*="wp-block-"] li {
    margin: 0 auto !important;
}
.entry-content [class*="wp-block-"] {
    margin: 0 auto;
}
.entry-content [class*="wp-block-"] + *,
.entry-content * + [class*="wp-block-"] {
    margin-top: var(--spacing-lg);
}
.entry-content .wp-block-image + .wp-block-image,
.entry-content .wp-block-image + .wp-block-video,
.entry-content .wp-block-video + .wp-block-video,
.entry-content .wp-block-video + .wp-block-image {
    margin-top: var(--spacing-sm);
}
.entry-content [class*="wp-block-"].alignfull {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.entry-content .wp-block-gallery {
    --wp--style--unstable-gallery-gap: var(--spacing-sm);
}
.entry-content .wp-block-gallery > * {
    margin: 0 !important;
}

.entry-content .wp-block-gallery .blocks-gallery-grid {
    list-style: none;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: grid;
    grid-gap: var(--spacing-sm);
    grid-template-columns: 100%;
}
.entry-content .wp-block-gallery .blocks-gallery-grid > li {
    flex: none !important;
    flex-basis: auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
.entry-content .wp-block-gallery.columns-2 .blocks-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
}
.entry-content .wp-block-gallery.columns-3 .blocks-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
}
.entry-content .wp-block-gallery.columns-4 .blocks-gallery-grid {
    grid-template-columns: repeat(4, 1fr);
}
.entry-content .wp-block-gallery.columns-5 .blocks-gallery-grid {
    grid-template-columns: repeat(5, 1fr);
}
.entry-content .wp-block-gallery.columns-6 .blocks-gallery-grid {
    grid-template-columns: repeat(6, 1fr);
}
.entry-content .wp-block-gallery.columns-7 .blocks-gallery-grid {
    grid-template-columns: repeat(7, 1fr);
}
.entry-content .wp-block-gallery.columns-8 .blocks-gallery-grid {
    grid-template-columns: repeat(8, 1fr);
}
.entry-content .wp-block-gallery .blocks-gallery-item,
.entry-content .wp-block-gallery .blocks-gallery-item > * {
    display: block;
    width: 100%;
}

.entry-content .wp-block-columns {
    justify-content: space-between;
}
.entry-content .wp-block-columns .wp-block-column {
    margin: 0;
}
.entry-content .wp-block-columns .wp-block-image {
    width: 100%;
}

.entry-content .wp-block-embed .wp-block-embed__wrapper {
    position: relative;
}
.entry-content .wp-block-embed .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
}
.entry-content .wp-block-embed .wp-block-embed__wrapper > * {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.entry-content .wp-block-navigation {
    grid-gap: unset;
    display: block;
    padding: 0;
    background: none;
    border: 0;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: inherit !important;
    display: block !important;
    margin: 0 !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-open,
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-close {
    display: none !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-content {
    grid-gap: unset !important;
    display: block !important;
    margin: 0 !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__container {
    display: block;
    padding: 0;
    list-style-type: decimal;
    list-style-position: inside;
}
.entry-content .wp-block-navigation .wp-block-navigation-item {
    display: list-item;
    list-style: inherit;
}
.entry-content .wp-block-navigation .wp-block-navigation-item:not(:first-child) {
    margin-top: var(--spacing-2xs) !important;
}
.entry-content .wp-block-navigation .wp-block-navigation-item a:hover {
    box-shadow: var(--cta-shadow);
}
.entry-content .wp-block-navigation .wp-block-navigation-item__content {
    box-shadow: none;
    display: inline;
}
.entry-content .wp-block-media-text {
    grid-gap: var(--spacing-xs) var(--spacing-lg);
}
.entry-content .wp-block-media-text > *:not(:first-child) {
    margin-top: 0;
}
.entry-content .wp-block-media-text > .wp-block-media-text__content {
    width: 100%;
}
.entry-content .wp-block-media-text > .wp-block-media-text__content [class*="wp-block-"] + *,
.entry-content .wp-block-media-text > .wp-block-media-text__content * + [class*="wp-block-"] {
    margin-top: var(--spacing-xs);
}

.entry-content tr > * {
    padding: var(--spacing-2xs);
}
.entry-content thead tr > * {
    padding-bottom: var(--spacing-2xs);
    border-bottom: 1px solid;
}
.entry-content tr:not(:last-child) > *,
.entry-content table > *:last-child > *:last-child > * {
    padding-bottom: 0;
}
.entry-content table > *:first-child > *:first-child > * {
    padding-top: 0;
}
.entry-content table:not(:first-child) {
    margin-top: var(--spacing-sm);
}

.entry-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: var(--spacing-2xs) var(--spacing-sm);
}
.entry-share.a-center {
    justify-content: center;
}
.entry-share .title {
    white-space: nowrap;
}
.entry-share .share {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-sm);
    line-height: 1;
}
.entry-share .share a {
    box-shadow: none !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.entry-share .share .ic {
    font-size: var(--font-size-md);
}
.entry-share .share[data-style="button"] {
    grid-gap: var(--spacing-2xs);
}
.entry-share .share[data-style="button"] a {
    width: auto;
    height: var(--button-height-sm);
    padding: 0 var(--spacing-xs);
    font-size: var(--font-size-body-sub);
    color: inherit;
    background: none;
    border: 1px solid var(--color-border);
    border-radius: 50vw;
    overflow: hidden;
}
.entry-share .share[data-style="button"] a:hover {
    color: var(--color-white);
    background: var(--color-theme);
    border-color: var(--color-theme);
}

.entry-tag {
    line-height: 1;
}
.entry-tag .tag {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    height: 18px;
    padding: 0 0.5em;
    font-size: var(--font-size-3xs);
    line-height: 1;
    text-transform: uppercase;
    background: var(--color-theme);
    color: #fff;
}

.entry-blockquote {
    width: 100%;
    text-align: center;
    padding: var(--spacing-md);
    background: var(--color-gold-bright);
    color: var(--color-black);
    border-radius: 20px;
    overflow: hidden;
}

.realtime .social:not(:first-child) {
    margin-top: var(--spacing-2xs);
}

/*========== FUNCTION:TAB ==========*/
.tab,
.tabdata {
    position: relative;
}
.tab a,
.tabdata a {
    box-shadow: none;
}
.tab a:hover,
.tabdata a:hover {
    color: var(--color-gold);
}
.tab a.active,
.tabdata a.active {
    pointer-events: none;
}
.tab-content,
.tabdata-content {
    position: relative;
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    margin: 0 !important;
    transition-property: opacity;
    transition-duration: 1s;
}
.tab-content.active,
.tabdata-content.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
}
.tab-content > *:not(:first-child),
.tabdata-content > *:not(:first-child) {
    margin-top: var(--spacing-lg);
}

*[data-tab-style="slide"] {
    position: relative;
    z-index: 3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*[data-tab-style="slide"] .swiper {
    overflow: visible;
}
*[data-tab-style="slide"] .swiper-slide {
    width: auto !important;
    white-space: nowrap;
}
*[data-tab-style="slide"] .swiper-slide a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto;
    height: 100%;
    min-height: 34px;
    padding: calc(var(--spacing-3xs) / 2) var(--spacing-xs);
    border-radius: 50vw;
    overflow: hidden;
}
*[data-tab-style="slide"] .swiper-slide a:hover {
    background: var(--color-gray-bright);
    color: var(--color-theme);
}
*[data-tab-style="slide"] .swiper-slide:not(:last-child) > a {
    margin-right: var(--spacing-3xs);
}
*[data-tab-style="slide"] .swiper-slide a.active {
    background: var(--color-theme);
    color: var(--color-white);
}
*[data-tab-style="slide"] .selector {
    display: block;
    height: 100%;
    background: var(--color-theme);
    border-radius: 50vw;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    transition: var(--duration-x2) var(--timing-function);
    pointer-events: none;
}
*[data-tab-style="slide"] .selector ~ .swiper-slide a.active {
    background: none;
    color: var(--color-white);
    transition-delay: 0.1s;
}

.tab[data-style="bar"] {
    background: var(--color-theme);
    color: var(--color-white);
}
.tab[data-style="bar"] .swiper-slide {
    flex-grow: 1;
    width: auto !important;
    min-width: calc(100% / 6);
    white-space: nowrap;
}
.tab[data-style="bar"] .swiper-slide a {
    width: 100%;
    height: var(--button-height);
    padding: 0 var(--spacing-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition-property: background;
}
.tab[data-style="bar"] .swiper-slide a:hover {
    background: var(--color-theme-bright);
    color: inherit;
}
.tab[data-style="bar"] .swiper-slide a.active {
    background: var(--color-white);
    color: var(--color-theme);
}
.tab[data-style="bar"] *[class*="swiper-button-"] {
    height: 100%;
    padding: 0 var(--spacing-3xs);
    justify-content: center !important;
    background: var(--color-theme-light) !important;
    color: #fff !important;
}
.tab[data-style="bar"] *[class*="swiper-button-"]:hover {
    color: var(--color-gold) !important;
    opacity: 1 !important;
}
.tab[data-style="bar"] *[class*="swiper-button-"]:after {
    font-size: var(--font-size-body);
    transform: none;
}
.tab[data-style="bar"] .swiper-button-prev:after {
    content: "\e909";
}
.tab[data-style="bar"] .swiper-button-next:after {
    content: "\e90a";
}
.tab[data-style="bar"] *[class*="swiper-button-"].swiper-button-disabled {
    opacity: 0 !important;
}

.tab-block {
    background: var(--color-white);
    color: var(--color-black);
    overflow: hidden;
}
.tab-block .tab-inner {
    padding: var(--spacing-sm) var(--spacing-container);
}

/*========== FUNCTION:ACCORDION ==========*/
.accordion:not(:first-child) {
    border-top: 1px solid;
}
.accordion > .entry-panel {
    display: none;
    padding: 0 0 var(--spacing-lg);
}
.accordion > .entry-panel > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.accordion > .entry-title {
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 0 var(--spacing-2xs);
    min-height: 0;
    padding: var(--spacing-sm) 0;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-sm);
    color: var(--color-theme);
    text-transform: none;
    cursor: pointer;
    transition: var(--duration) var(--timing-function);
}
.accordion:first-child > .entry-title {
    padding-top: 0;
}
.accordion > .entry-title:after {
    font-family: "iconfont";
    content: "\e90c";
    font-size: inherit;
    font-weight: normal;
    line-height: 1;
    display: block;
    margin-left: auto;
    padding: 0 var(--spacing-3xs);
    position: relative;
    will-change: transform;
    transition: transform var(--duration) var(--timing-function);
    pointer-events: none;
}
.accordion.active > .entry-title {
    font-weight: var(--font-weight-bold);
}
.accordion.active > .entry-title:after {
    transform: rotate(-180deg);
}
.accordion > .entry-title .dot {
    display: block;
    width: var(--font-size-lg);
    height: var(--font-size-lg);
    border-radius: 50%;
    background: var(--color-theme);
    position: relative;
    will-change: transform, opacity;
}
.accordion > .entry-title .dot-panel {
    display: block;
    width: auto;
    height: 100%;
    aspect-ratio: 1.5;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-50%);
}

/*========== FUNCTION:VIDEO ==========*/
.video {
    position: relative;
    line-height: 0;
    transition: var(--duration) var(--timing-function);
}
.video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    background-color: #000;
    background-size: cover;
    background-position: center center;
}
.video .ctrls-overlaid {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: none;
    color: var(--color-body);
}
.video .ctrls-overlaid .ctrl {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: 1;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: none;
    color: inherit;
    cursor: pointer;
    transition: none;
}
.video .ctrls-overlaid .ctrl:before {
    display: block;
    font-family: "iconfont";
    content: "\e911";
    font-size: 54px;
    line-height: 1;
}
.video.playing .ctrls-overlaid {
    opacity: 0 !important;
    pointer-events: none !important;
}
.video.hidden-ctrls video::-webkit-media-controls,
.video:not(.playing) video:not([controls])::-webkit-media-controls {
    display: none !important;
}

/*========== FUNCTION:DROPDOWN ==========*/
.dropdown-style {
    position: relative;
    z-index: 10;
}
.dropdown-style .dropdown {
    display: none;
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    max-width: calc(100% + var(--spacing-container) * 2);
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    top: calc(100% + var(--spacing-2xs));
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-white);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: var(--radius);
    overflow: hidden;
}

.dropdown-style .dropdown-wrap {
    /* -webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--spacing-2xs)); */
}
.dropdown-style .dropdown-scroll {
    width: auto;
    max-width: none;
    height: auto;
    max-height: 50vh;
    padding: 0 25px 0 0;
    margin-right: -25px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-2xs)); */
}

.dropdown-style .dropdown-inner {
    padding: var(--spacing-xs);
    font-size: var(--font-size-body);
    text-align: left;
}
.dropdown-style .dropdown-inner ul > li > a {
    display: block;
    padding: var(--spacing-2xs) 0;
}
.dropdown-style .dropdown-inner ul > li > a:hover,
.dropdown-style .dropdown-inner ul > li > a.active {
    color: var(--color-gold);
}
.dropdown-style .dropdown-inner ul > li:first-child > a {
    padding-top: 0;
}
.dropdown-style .dropdown-inner ul > li:last-child > a {
    padding-bottom: 0;
}
.dropdown-style .dropdown-inner ul > li:not(:first-child) {
    border-top: 1px solid var(--color-border);
}

/*========== HAMBURGER ==========*/
.hamburger {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
}
.hamburger .bars,
.hamburger .bars:before,
.hamburger .bars:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transition: var(--duration);
}
.hamburger .bars {
    display: block;
    font-size: 0;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    transition-property: background-color, transform;
}
.hamburger .bars:before,
.hamburger .bars:after {
    display: block;
    content: "";
}
.hamburger .bars:before {
    top: -6px;
    transition-property: background-color, top;
    transition-delay: 0s, 0.1s;
}
.hamburger .bars:after {
    bottom: -6px;
    transition-property: background-color, bottom, transform;
    transition-delay: 0s, 0.1s, 0s;
}

.ctrl.active > .hamburger .bars {
    transform: translateY(-50%) rotate(45deg);
    transition-delay: 0s, 0.1s;
}
.ctrl.active > .hamburger .bars:before {
    top: 0;
    opacity: 0;
}
.ctrl.active > .hamburger .bars:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition-delay: 0s, 0s, 0.1s;
}

/*========== HEADER ==========*/
#header {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    pointer-events: none;
}

#header-height {
    width: 100%;
    height: var(--nav-height);
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.header-nav,
.header-menu {
    pointer-events: auto;
}

*[class*="header-"] .tools {
    display: flex;
    align-items: center;
    grid-gap: 0 var(--spacing-container);
}
*[class*="header-"] .tool .ctrl {
    display: flex;
    align-items: center;
    grid-gap: 0 var(--spacing-2xs);
    line-height: 1;
}
*[class*="header-"] .tool .ctrl:hover {
    color: var(--color-gold);
}
*[class*="header-"] .tool .ic,
*[class*="header-"] .tool .ic-name {
    line-height: inherit;
    vertical-align: inherit;
}
*[class*="header-"] .tool .ic {
    font-size: var(--icon-size);
}
*[class*="header-"] .tool .ic-heart-o:before {
    font-size: 120%;
}

*[class*="header-"] .tool {
    --input-height: 38px;
    --button-height: 38px;
    --button-spacing: 15px;
}

*[class*="header-"] *:is(.account-tool, .shoponline-tool) .ctrl {
    display: inline-flex;
    align-items: center;
    grid-gap: 0;
    width: auto;
    height: var(--button-height);
    padding: 0 var(--button-spacing);
    font-size: var(--font-size-body);
    color: var(--color-white);
    background: var(--color-theme);
    border-radius: var(--radius);
    overflow: hidden;
}
*[class*="header-"] *:is(.account-tool, .shoponline-tool) .ctrl .ic {
    font-size: inherit;
}
*[class*="header-"] *:is(.account-tool, .shoponline-tool) .ctrl:hover,
*[class*="header-"] *:is(.account-tool, .shoponline-tool) .ctrl.active {
    color: var(--color-white);
    background: var(--color-theme-bright);
}

*[class*="header-"] .account-tool .ctrl .ic-chevron-down {
    font-size: var(--font-size-body-sub);
}

*[class*="header-"] .shoponline-tool .ctrl {
    position: relative;
    z-index: 1;
    color: var(--color-white) !important;
    background: linear-gradient(180deg, #d4b67c 5.43%, #a9894b 62.48%, #b8995d 94.57%), #a9894b !important;
}
*[class*="header-"] .shoponline-tool .ctrl:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(180deg, #d4b67c 5.43%, #a9894b 62.48%, #b8995d 94.57%), #a9894b;
    transition: var(--duration);
}
*[class*="header-"] .shoponline-tool .ctrl:hover:before,
*[class*="header-"] .shoponline-tool .ctrl.active:before {
    opacity: 1;
}

*[class*="header-"] .search-tool {
    position: relative;
}
*[class*="header-"] .search-tool input {
    height: var(--input-height);
    width: 100%;
    min-width: 224px;
    padding: var(--spacing-3xs) var(--spacing-xs);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-body);
    color: var(--color-black);
    background: var(--color-gray-bright);
    border: 0;
    border-radius: 50vw;
    overflow: hidden;
}
*[class*="header-"] .search-tool input:-ms-input-placeholder {
    font-size: inherit !important;
}
*[class*="header-"] .search-tool input::-webkit-input-placeholder {
    font-size: inherit !important;
}
*[class*="header-"] .search-tool input::-moz-placeholder {
    font-size: inherit !important;
}
*[class*="header-"] .search-tool *[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: var(--input-height);
    padding: 0 var(--spacing-xs);
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 1;
    transition: var(--duration) var(--timing-function);
}
*[class*="header-"] .search-tool input:focus + *[type="submit"],
*[class*="header-"] .search-tool .input.filled *[type="submit"] {
    opacity: 0;
}

*[class*="header-"] .lang-tool .lang {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    grid-gap: 0 var(--spacing-2xs);
}
*[class*="header-"] .lang-tool .lang > *:not(:last-child) {
    padding-right: var(--spacing-2xs);
    border-right: 1px solid rgba(var(--rgb), 0.1);
}
*[class*="header-"] .lang-tool .lang a {
    color: rgba(var(--rgb), 0.1);
}
*[class*="header-"] .lang-tool .lang a:not(.active):hover {
    color: var(--color-gold);
}
*[class*="header-"] .lang-tool .lang a.active {
    color: var(--color-theme) !important;
}

.header-nav {
    width: 100%;
    height: var(--header-nav-height);
    position: relative;
    z-index: 101;
    display: grid;
    align-items: center;
    justify-content: space-between;
    background: var(--color-body-bg);
    color: var(--color-body);
}

.header-brand,
.header-menu-ctrl {
    line-height: 1;
}
.header-menu .panel-overlay {
    display: block;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vhFlexible, 1vh) * 100);
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity var(--duration) var(--timing-function);
    pointer-events: none;
}
@supports (-webkit-touch-callout: none) {
    .instagram-browser .header-menu .panel-overlay {
        height: 100vh;
    }
}
.header-menu .menu a:hover,
.header-menu .menu a.active {
    color: var(--color-gold);
}
.header-menu .menu a.active {
    box-shadow: var(--cta-shadow);
}
.header-menu .menu-product-container {
    --button-height: 46px;
    --icon-size: 32px;
    position: relative;
}
.header-menu .menu-product {
    text-decoration: none !important;
    box-shadow: none !important;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    grid-gap: 0 var(--spacing-2xs);
    width: auto;
    min-width: 100%;
    height: var(--button-height);
    padding: 0 var(--spacing-sm);
    font-size: var(--font-size-body);
    text-transform: none;
    color: var(--color-white);
    background: var(--color-theme);
    border: 0;
    border-radius: var(--radius);
    overflow: hidden;
}
.header-menu .menu-product:hover {
    color: var(--color-white);
    background: var(--color-theme-bright);
}
.header-menu .menu-product .entry-icon {
    display: block;
}
.header-menu .menu-product .entry-icon > * {
    display: block;
    width: var(--icon-size);
    min-width: var(--icon-size);
    max-width: var(--icon-size);
    aspect-ratio: 1 / 1;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
}
.header-menu .menu-product .entry-name {
    display: flex;
    align-items: center;
    grid-gap: 0 var(--spacing-2xs);
}
.header-menu .menu-product .entry-name .ic-angle-down {
    font-size: var(--font-size-body-sub);
}

.header-noti {
    position: relative;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: var(--font-size-body);
    line-height: normal;
    width: 100vw;
    height: var(--header-noti-height);
    background: var(--color-black);
    color: var(--color-white);
    overflow: hidden;
}
.header-noti .noti {
    position: relative;
    display: block;
    will-change: transform;
}
.header-noti .noti.enabled {
    -webkit-animation: notimarquee 25s linear infinite;
    animation: notimarquee 25s linear infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.header-noti .noti.enabled:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
@-webkit-keyframes notimarquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes notimarquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.header-noti .msg {
    padding: 0 var(--spacing-container);
}
.header-noti .msg .update {
    color: #2dd673;
}

lottie-player .main {
    display: block;
}

/*========== FOOTER ==========*/
#footer {
    --rgb: var(--color-white-rgb);
    width: 100%;
    position: relative;
    background: var(--color-theme);
    color: rgba(var(--rgb), 1);
}

.footer-nav {
    position: relative;
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    font-size: var(--font-size-body-sub);
}
.footer-nav > * {
    width: 100%;
}
.footer-nav a:hover {
    color: var(--color-gold);
}
.footer-nav .break hr {
    background: #76272b;
}
.footer-nav .app-download-links {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-3xs) var(--spacing-2xs);
    justify-content: flex-start;
}
.footer-nav .app-download-links img {
    width: auto;
    height: 34px;
}
.footer-nav .app-download-links > *[data-download="app-store"],
.footer-nav .app-download-links > *[data-download="google-play"] {
    width: auto;
    grid-column: unset;
}
.footer-brand .brand .logo {
    height: auto;
    max-height: 118px;
    max-width: min(170px, 11.8055555556vw);
    object-fit: contain;
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
}

.footer-contact .contact .entry-title {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-body);
}
.footer-contact .realtime {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 0 var(--spacing-2xs);
}
.footer-contact .realtime strong {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h3);
    color: var(--color-gold);
    letter-spacing: 0.1em;
}

.footer-directory .directory small {
    display: inline-block;
    font-size: 87.5%;
    color: rgba(var(--rgb), 0.4);
}
.footer-directory .directory > li > *:not(ul, div) {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-body);
}

.footer-legal {
    display: flex;
    flex-direction: column;
    grid-row-gap: var(--spacing-md);
}
.footer-legal > * {
    width: 100%;
}
.footer-legal .copyright {
    opacity: var(--opacity);
}

.footer-contact > *:not(:first-child),
.footer-directory .directory > li > *:is(ul, div):not(:first-child) {
    margin-top: var(--spacing-xs);
}
.footer-contact .contact > *:not(:first-child),
.footer-directory .directory > li > ul > li:not(:first-child),
.footer-legal .policy > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}

/*========== ADDON ==========*/
#addon {
    width: auto;
    height: auto;
    position: fixed;
    z-index: 99;
    /* right: calc(var(--spacing-container) - 5px);
    bottom: calc(var(--spacing-container) + 65px); */
    right: var(--spacing-container);
    bottom: var(--spacing-container);
}
/* @media (max-width:599px) {
    #addon {
        right: 10px;
        bottom: 75px;
    }
} */

html:not(.header-menu-enabled) #addon {
    z-index: 101;
}

#chat {
    --button-height: 44px;
    --button-spacing: var(--spacing-md);
    position: relative;
}
#chat .ic {
    font-size: var(--icon-size);
}
#chat .chat-ctrl *[class*="ic-"],
#chat .chat-button *[class*="ic-"] {
    vertical-align: top;
    margin: 0;
}
#chat .chat-ctrl {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-2xs);
    width: auto;
    height: var(--button-height);
    border-radius: 50vw;
    color: var(--color-theme);
    background: var(--color-white);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    padding: 0 var(--button-spacing);
    font-size: var(--font-size-body-sub);
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
}
#chat .chat-ctrl:hover {
    color: var(--color-white);
    background: var(--color-theme-bright);
}
#chat .chat-ctrl.active {
    color: var(--color-white);
    background: var(--color-theme);
}
#chat .chat-panel {
    display: none;
    width: 298px;
    max-width: calc(100vw - var(--spacing-container) * 2);
    position: absolute;
    bottom: calc(100% + var(--spacing-2xs));
    right: 0;
    background: var(--color-white);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    overflow: hidden;
}
#chat .chat-panel-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    /* -webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--spacing-2xs)); */
}
#chat .chat-panel-scroll {
    --spacing-y: calc(var(--button-height) + var(--spacing-2xs) * 2 + var(--spacing-container));
    display: block;
    width: auto;
    max-width: none;
    height: auto;
    max-height: calc(100vh - var(--spacing-y));
    max-height: calc((var(--vhFlexible, 1vh) * 100) - var(--spacing-y));
    padding: 0 25px 0 0;
    margin-right: -25px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-2xs)); */
}
#chat .chat-panel-inner {
    position: relative;
    width: 100%;
    padding: var(--spacing-md);
}
#chat .chat-content {
    text-align: center;
}
#chat .chat-content > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}
#chat .chat-content small {
    display: inline-block;
    color: var(--color-gray);
}
#chat .chat-buttons {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-2xs) 0;
}
#chat .chat-button {
    --button-height: 54px;
    --button-spacing: var(--spacing-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-2xs);
    width: auto;
    height: var(--button-height);
    padding: 0 var(--button-spacing);
    color: var(--color-theme);
    background: var(--color-white);
    border: 1px solid var(--color-border);
}
#chat .chat-button .ic-name:not(:first-child) {
    padding-left: calc(var(--spacing-2xs) + 1px);
    border-left: 1px solid var(--color-border);
    transition: border-color var(--duration) var(--timing-function);
}
#chat .chat-button:hover {
    color: var(--color-white);
    background: var(--color-theme);
    border-color: var(--color-theme);
}
#chat .chat-button:hover .ic-name:not(:first-child) {
    border-color: rgba(var(--color-white-rgb), 0.2);
}

#breadcrumb {
    font-size: var(--font-size-body-sub);
    color: var(--color-gray);
}
#breadcrumb ul li {
    display: inline-block;
    vertical-align: top;
}
#breadcrumb ul li:not(:last-child):after {
    content: " /";
}
#breadcrumb ul li a:hover {
    color: var(--color-gold);
}

/*========== CLIPBOARD ==========*/
#clipboard {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    max-width: 100%;
    margin: 0 auto;
    padding: var(--spacing-2xs);
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body-sub);
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    background-color: var(--color-theme);
    color: var(--color-white);
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*========== FILTER ==========*/
.fn {
    position: relative;
    width: auto;
    font-size: inherit;
    line-height: normal;
    text-transform: none;
}
.fn.enabled {
    z-index: 1;
}

.fn .ctrl {
    text-decoration: none !important;
    box-shadow: none !important;
    color: inherit !important;
    opacity: 1 !important;
}
.fn .ctrl:hover,
.fn .ctrl.active,
.fn.enabled .ctrl {
    color: var(--color-gold) !important;
}
.fn .ctrl {
    padding: 0;
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.fn .ctrl > * {
    margin: 0;
}
.fn .ctrl .ic {
    font-size: 87.5%;
    color: inherit;
    line-height: 1;
}
.fn .ctrl .ic:not([class*="ic-"]):before {
    content: "\e90c";
}
.fn form,
.fn .select {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
}
.fn .select:after {
    display: none;
}
.fn .select select,
.fn .select2-container,
.fn .select2-container .select2-selection--single {
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
}
.fn .select select,
.fn .select2-container .select2-selection--single {
    opacity: 0;
}
.fn .fn-panel {
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%;
}
.fn .select2-dropdown,
.fn .fn-panel {
    left: 0 !important;
    right: auto !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    max-width: calc(100vw + var(--spacing-xs) * 2) !important;
    min-width: calc(100% + var(--spacing-xs) * 2) !important;
    margin: var(--spacing-2xs) 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--color-white) !important;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 10%) !important;
    border-radius: var(--radius) !important;
    overflow: hidden !important;
}
.fn.left .select2-dropdown,
.fn.left .fn-panel {
    left: var(--spacing-xs-minus) !important;
    right: auto !important;
}

.fn.right {
    text-align: right;
}
.fn.right .select2-dropdown,
.fn.right .fn-panel {
    left: auto !important;
    right: var(--spacing-xs-minus) !important;
}
.fn .select2-results__options,
.fn .fn-panel-wrap {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 30vh !important;
}
.fn .select2-results__options,
.fn .fn-panel-inner {
    padding: var(--spacing-xs);
    font-size: var(--font-size-body);
    line-height: inherit;
    text-align: inherit;
}
.fn .fn-menu > ul {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-3xs) 0;
}
.fn .fn-menu > ul > li > a:hover,
.fn .fn-menu > ul > li > a.active,
.fn .fn-menu > ul > li.current-cat > a {
    color: var(--color-gold);
}

.fn-container {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: auto auto;
    border-bottom: 1px solid var(--color-border);
}
.fn-container .fn {
    padding-bottom: var(--spacing-2xs);
}
.fn-container .fn.left {
    grid-row: 1;
    grid-column: 1;
    justify-self: start;
}
.fn-container .fn.right {
    grid-row: 1;
    grid-column: 2;
    justify-self: end;
}
.fn-container .fn .select2-dropdown,
.fn-container .fn .fn-panel {
    margin: calc(var(--spacing-2xs) + 2px) 0 !important;
}

/*========== PAGE ==========*/
#page {
    position: relative;
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
}
#page.error-page #header,
#page.error-page #footer,
#page.error-page #addon {
    display: none !important;
}

/*========== MAIN ==========*/
#main {
    width: 100%;
    background: var(--color-body-bg);
    position: relative;
    z-index: 1;
    padding-top: var(--header-height);
    transition: padding-top var(--duration) var(--timing-function);
}
html.page-scrolling #main {
    padding-top: calc(var(--header-nav-height) + var(--header-noti-height) + var(--spacing-container));
}

.c-opacity {
    color: rgba(var(--rgb), var(--opacity)) !important;
}
.c-opacity a:hover {
    color: rgba(var(--rgb), 1);
}

/*========== SECTION ==========*/
section {
    --sc-spacing-y: var(--spacing-xl);
    --sc-spacing-y-minus: var(--spacing-xl-minus);
    --sc-spacing-y-resize: var(--spacing-lg);
    --sc-spacing-y-resize-minus: var(--spacing-lg-minus);
    position: relative;
    width: 100%;
}

.sc-inner {
    width: 100%;
    padding-top: var(--sc-spacing-y);
    padding-bottom: var(--sc-spacing-y);
    transition: var(--duration-x2) var(--timing-function);
    transition-property: padding-top;
}
main > section:first-child > .sc-inner.header-push:first-child {
    padding-top: calc(var(--header-height) + var(--sc-spacing-y));
}
main > section:first-child > .sc-inner.header-pull:first-child {
    padding-top: calc(var(--spacing-md) * 2);
}

.sc-inner .margin-top-sc:not(:first-child) {
    margin-top: var(--sc-spacing-y) !important;
}

.sc-container + .sc-container,
.sc-container > *:not(:first-child),
.sc-layout > *:not(:first-child),
.sc-group > *:not(:first-child),
.sc-main > *:not(:first-child),
.sc-elevator > *:not(:first-child),
.sc-content > *:not(:first-child),
.sc-content-box > *:not(:first-child),
.sc-white-box > *:not(:first-child),
.sc-article-box > *:not(:first-child),
.sc-column > *:not(:first-child),
.sc-alternate > .sc-columns:not(:first-child) {
    margin-top: var(--spacing-lg);
}
.sc-sidebar > *:not(:first-child),
.sc-block > *:not(:first-child),
.sc-box.content > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.sc-headline > *:not(:first-child),
.sc-desc > *:not(:first-child),
.sc-explore > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}

.sc-link {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    font-size: 0;
    opacity: 0;
}

.sc-category {
    font-size: var(--font-size-body);
    line-height: inherit;
    text-transform: uppercase;
    color: var(--color-gold);
}

.sc-publish {
    font-size: var(--font-size-body-sub);
    color: var(--color-gray);
}
.sc-publish .line {
    margin: 0 0.5em;
    opacity: 0.2;
}

.sc-headline,
.sc-function {
    position: relative;
    z-index: 3;
}

.sc-noti {
    font-size: var(--font-size-body);
    padding: var(--spacing-xs);
    background: var(--color-gray-bright);
    color: var(--color-theme);
    border-radius: var(--radius);
    text-align: center;
}

.sc-sidebar .entry-menu {
    font-size: var(--font-size-body-sub);
}
.sc-sidebar .entry-menu ul > li.current-cat,
.sc-sidebar .entry-menu ul > li > a:hover {
    color: var(--color-gold);
}
.sc-sidebar .entry-menu ul > li:not(:first-child) {
    margin-top: var(--spacing-3xs);
}

.sc-navi {
    width: 100%;
    height: auto;
    color: var(--color-body);
    background: var(--color-body-bg);
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: var(--header-height);
    transition: top var(--duration-linear) var(--timing-function-linear);
    will-change: top;
    z-index: 99;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html.page-scrolling.scroll-down .sc-navi {
    top: calc(var(--header-nav-height) + var(--header-noti-height));
    transition: none;
}
.sc-navi.fix-h {
    height: var(--scroll-nav-height);
}
.sc-navi:after {
    content: "";
    display: block;
    background: var(--color-border);
    height: 1px;
    width: calc(100% - var(--spacing-container) * 2);
    max-width: calc(100% - var(--spacing-container) * 2);
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

.sc-menu.swiper {
    width: 100%;
    overflow: visible;
}
.sc-menu .swiper-wrapper {
    align-items: center;
}
.sc-menu .swiper-slide {
    width: auto !important;
    white-space: nowrap;
}
.sc-menu .swiper-slide:not(:last-child) > * {
    margin-right: var(--spacing-2xs);
}
.sc-menu .swiper-slide a:not(.button, .object-fit) {
    position: relative;
    z-index: 1;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: 100%;
    min-height: 34px;
    padding: calc(var(--spacing-3xs) / 2) var(--spacing-xs);
    border-radius: 50vw;
    overflow: hidden;
}
.sc-menu .swiper-slide a:not(.button, .object-fit):hover {
    color: var(--color-gold);
}
.sc-menu .swiper-slide a:not(.button, .object-fit).active,
.sc-menu .swiper-slide.current-cat > a:not(.button, .object-fit) {
    background: var(--color-theme);
    color: var(--color-white);
}

.sc-menu[data-style="img"] {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
}
.sc-menu[data-style="img"] .object-fit {
    box-shadow: none !important;
    text-decoration: none !important;
    display: block !important;
    width: 100px !important;
}
.sc-menu[data-style="img"] .object-fit:before {
    padding-bottom: 100%;
}
.sc-menu[data-style="img"] .object-fit > * {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.sc-menu[data-style="img"] .swiper-slide:not(:last-child) > * {
    margin-right: var(--spacing-sm) !important;
}
html.menu-hover .sc-menu[data-style="img"] a.object-fit:not(:hover) > * {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.2;
    mix-blend-mode: luminosity;
}

.sc-scroll-navi {
    border-top: 1px solid var(--color-border);
    transform: translateY(-1px);
}
.sc-scroll-navi .selector {
    display: block;
    height: 100%;
    background: var(--color-theme);
    border-radius: 50vw;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    pointer-events: none;
}
.sc-scroll-navi .selector,
.sc-scroll-navi .selector ~ .swiper-slide .sc-scroll-navi-link:not(.button) {
    transition: var(--duration-linear) var(--timing-function-linear);
}
.sc-scroll-navi .selector ~ .swiper-slide .sc-scroll-navi-link:not(.button).active {
    background: none;
    color: var(--color-white);
    /* transition: none; */
}

.sc-blockdata {
    width: 100%;
    min-height: 328px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background: rgba(var(--color-white-rgb), 0.95);
    color: var(--color-black);
    padding: var(--spacing-xl) var(--spacing-container);
    text-align: center;
}
.sc-blockdata > * {
    width: 100%;
}
.sc-blockdata > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.sc-blockdata .sc-headline > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}
.sc-blockdata .sc-line {
    border-bottom: 1px solid rgba(var(--rgb), 0.3);
}
.sc-blockdata .sc-line:not(:first-child) {
    margin-top: var(--spacing-2xs);
}

.sc-grid-row {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.sc-grid-row > .sc-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}
.sc-grid-row > .sc-inner > .sc-container {
    flex: 1;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr auto 1fr;
    grid-gap: var(--spacing-lg) 0;
}
.sc-grid-row > .sc-inner > .sc-container > *:not(:first-child) {
    margin-top: 0;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-pos="top"] {
    grid-row: 1;
    align-self: flex-start;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-pos="middle"] {
    grid-row: 2;
    align-self: center;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-pos="bottom"] {
    grid-row: 3;
    align-self: flex-end;
}
.sc-grid-row > .sc-inner > .sc-container[data-row="1"] {
    grid-template-rows: 1fr;
    grid-gap: 0;
}
.sc-grid-row > .sc-inner > .sc-container[data-row="1"] > * {
    grid-row: auto;
}
.sc-grid-row > .sc-inner > .sc-container[data-row="2"] {
    grid-template-rows: 1fr auto;
}
.sc-grid-row > .sc-inner > .sc-container[data-row="2"] > *[data-pos="middle"] {
    grid-row: 1;
}
.sc-grid-row > .sc-inner > .sc-container[data-row="2"] > *[data-pos="bottom"] {
    grid-row: 2;
}

.sc-billboard {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.sc-billboard > .sc-inner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    min-height: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
.sc-billboard > .sc-inner.auto,
.sc-billboard > .sc-inner a,
.sc-billboard > .sc-inner button,
.sc-billboard > .sc-inner form {
    pointer-events: auto;
}
.sc-billboard > .sc-cover {
    position: relative;
    width: 100%;
    height: 100%;
}
.sc-billboard > .sc-cover .object-fit,
.sc-billboard > .sc-cover .object-fit:before,
.sc-billboard > .sc-cover .swiper,
.sc-billboard > .sc-cover .swiper-wrapper,
.sc-billboard > .sc-cover .swiper-slide {
    height: 100%;
}
.sc-billboard > .sc-cover .object-fit:before {
    /* padding-bottom: 44.2028985507%; */
    padding-bottom: 41.6666666667%;
}

.sc-billboard-slider[data-type="carousel"] {
    margin-left: var(--spacing-2xs-minus);
    margin-right: var(--spacing-2xs-minus);
}
.sc-billboard-slider[data-type="carousel"] .swiper {
    overflow: visible;
}
.sc-billboard-slider[data-type="carousel"] .swiper-slide {
    width: 100%;
    padding: 0 var(--spacing-2xs);
}
.sc-billboard-slider[data-type="carousel"] .swiper-pagination {
    left: 0;
    right: 0;
    padding: 0 calc(var(--spacing-container) + var(--spacing-2xs));
}

.sc-textboard {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.sc-textboard > .sc-inner {
    width: 100%;
    height: auto;
    /* min-height: 42.3611111111vw; */
    min-height: 35.625vw;
    position: relative;
    z-index: 3;
}
.sc-textboard > .sc-cover {
    position: relative;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
}
.sc-textboard > .sc-cover .object-fit,
.sc-textboard > .sc-cover .object-fit:before,
.sc-textboard > .sc-cover .swiper,
.sc-textboard > .sc-cover .swiper-wrapper,
.sc-textboard > .sc-cover .swiper-slide {
    height: 100%;
}

*[data-section-style="frame"] {
    padding: var(--spacing-container);
}
*[data-section-style="frame-y"] {
    padding-top: var(--spacing-container);
    padding-bottom: var(--spacing-container);
}
*[data-section-style="frame-y"] + *[data-section-style="frame-y"] {
    padding-top: 0;
}
*[data-section-style*="frame"] + section:not([class*="bg-"]) > .sc-inner:first-child {
    padding-top: calc(var(--sc-spacing-y) - var(--spacing-container));
}
main > section[data-section-style*="frame"]:first-child,
main > section:first-child > .sc-scroll-container > .sc-scroll-navi + section[data-section-style="frame"] {
    padding-top: 0;
}

.sc-banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sc-banners > .sc-banner {
    width: 100%;
}
.sc-banner {
    position: relative;
    width: 100%;
}
.sc-banner > .sc-cover .object-fit:before {
    padding-bottom: 75%;
}
.sc-banner > .sc-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--spacing-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.sc-banner .sc-container {
    width: 360px;
    max-width: 100%;
    margin: 0 auto;
    padding: var(--spacing-md);
    text-align: center;
}

.sc-boxes {
    display: flex;
    flex-wrap: wrap;
}
.sc-boxes > .sc-box {
    width: 100%;
}
.sc-boxes > .sc-box:not(:first-child) {
    margin-top: 0 !important;
}
.sc-boxes > .sc-box.cover .sc-cover,
.sc-boxes > .sc-box.cover .sc-cover .object-fit,
.sc-boxes > .sc-box.cover .sc-cover .object-fit:before {
    height: 100%;
}
.sc-boxes > .sc-box.cover .sc-cover .object-fit:before {
    padding-bottom: 97.6%;
}
.sc-boxes > .sc-box.content {
    height: auto;
    min-height: 326px;
    display: flex;
    flex-direction: column;
    padding: var(--sc-spacing-y) var(--spacing-container);
}
.sc-boxes > .sc-box.content > * {
    width: 100%;
}
.sc-boxes > .sc-box.content.v-center {
    justify-content: center;
}

.sc-columns {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-lg) 0;
}
.sc-columns > .sc-column {
    width: 100%;
}
.sc-columns > .sc-column:not(:first-child) {
    margin-top: 0 !important;
}
.sc-columns > .sc-column.cover .sc-cover .object-fit:before {
    padding-bottom: 88.4057971014%;
}

.sc-collection {
    width: 100%;
    position: relative;
}
.sc-collection > .sc-container {
    position: relative;
    z-index: 1;
}
.sc-collections {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--sc-spacing-y);
}
.sc-collections[data-alternate-color="theme"] > .sc-collection:nth-child(even) > .sc-container > .sc-blockdata,
.sc-collections[data-alternate-color="gold"] > .sc-collection:nth-child(odd) > .sc-container > .sc-blockdata {
    background: var(--color-gold) !important;
}
main > *[data-section="collection-list"]:first-child > .sc-inner {
    padding-top: 0;
}

.sc-overview {
    position: relative;
}
/* .sc-overview .sc-container {
    max-width: calc(1050px + var(--spacing-container)*2) !important;
} */
.sc-overview > .sc-cover {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}
.sc-overview > .sc-cover .object-fit:before {
    padding-bottom: 44.2028985507%;
}
.sc-overview > .sc-inner {
    min-height: 42.3611111111vw;
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
*[data-section-style="frame"] > .sc-overview > .sc-inner {
    padding-bottom: 0;
}
.sc-overview .sc-block {
    position: relative;
    padding: var(--spacing-lg) var(--spacing-container);
    background-color: rgba(var(--color-white-rgb), 0.95);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}
.sc-overview .sc-block > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.sc-overview .sc-block .content-loadmore {
    width: 100%;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}
.sc-overview .sc-block .sc-explore {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sc-overview .sc-block .sc-headline > *:not(:first-child),
.sc-overview .sc-block .sc-explore > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}

.sc-overview.v-bottom > .sc-container {
    margin-top: calc(-270px);
    position: relative;
    z-index: 4;
}
.sc-overview.v-bottom > .sc-container .sc-block {
    min-height: calc(270px + var(--spacing-md));
}
/* .sc-overview.v-bottom > .sc-inner {
    align-items: flex-start;
    padding-top: 22.6388888889vw;
} */

.sc-overview.style2 > .sc-cover {
    position: relative;
    z-index: 0;
    top: auto;
    left: auto;
}
.sc-overview.style2 > .sc-inner {
    min-height: 0;
    padding: 0;
    position: relative;
    z-index: 3;
}
.sc-overview.style2 > .sc-cover + .sc-inner {
    margin-top: -9.3055555556vw;
}

.sc-content-box {
    width: 880px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: var(--spacing-lg) var(--spacing-container);
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 15px;
    overflow: hidden;
}
.sc-content-box.fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.sc-white-box {
    width: 100%;
    max-width: 100%;
    padding: var(--spacing-lg) var(--spacing-container);
    background: var(--color-white);
}

.sc-gallery {
    margin: 0 calc(var(--spacing-container-minus) / 2);
}
.sc-gallery .object > * {
    width: auto;
    height: 27.7777777778vw;
    min-height: 400px;
}
.sc-gallery .swiper {
    overflow: visible;
}
.sc-gallery .swiper-slide {
    width: auto !important;
}
.sc-gallery .swiper-slide,
.sc-gallery *[class*="swiper-hover-"] {
    padding: 0 calc(var(--spacing-container) / 2);
}
.sc-gallery .swiper-hover-prev {
    left: calc(var(--spacing-container) / 2);
}
.sc-gallery .swiper-hover-next {
    right: calc(var(--spacing-container) / 2);
}

*[data-section="single"] .sc-cover {
    position: relative;
}
*[data-section="single"] .sc-cover .object-fit:before {
    padding-bottom: 35.4838709677%;
}
*[data-section="single"] .sc-cover .object-overlay {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
*[data-section="single"] .sc-cover .cover-logo {
    display: flex;
    align-items: center;
}
*[data-section="single"] .sc-cover .cover-logo .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 170px;
    height: 8.3333333333vw;
    max-height: 120px;
}
*[data-section="single"] .sc-cover .cover-logo .logo > * {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
*[data-section="single"] .sc-cover .cover-logo .logo:not(:last-child) {
    margin-right: var(--spacing-md);
    padding-right: var(--spacing-md);
    border-right: 1px solid;
}
*[data-section="single"] .sc-cover .cover-logo .logo-page > * {
    height: 91.6666666667%;
}
*[data-section="single"] .sc-article-box {
    padding-left: var(--spacing-container);
    padding-right: var(--spacing-container);
}

section[class*="h-"] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
section[class*="h-"] > * {
    width: 100%;
}
section[class*="h-"].v-center {
    align-items: center;
}
section.h-full {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}
@supports (-webkit-touch-callout: none) {
    .instagram-browser section.h-full {
        min-height: 100vh;
    }
}

.bundle-section > section:not(:last-child) > .sc-inner:last-child {
    padding-bottom: 0 !important;
}

/*========== MODULES ==========*/
.card {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: inherit;
    cursor: default;
}
.card a:not(.link-overlay),
.card button {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}
.card .ellipsis {
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.card .cover {
    overflow: hidden;
}
.card .cover .object-fit:before {
    padding-bottom: 0%;
}
.card .cover,
.card .caption {
    position: relative;
    z-index: 3;
    pointer-events: none;
}
.card-container {
    position: relative;
}
.card-container.type-grid {
    display: grid;
}

*[data-card="featured"] .card .cover {
    overflow: visible;
}
*[data-card="featured"] .card .cover .object-fit:before {
    padding-bottom: 121.9444444444%;
}
*[data-card="featured"] .card .cover .object-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    padding: var(--spacing-md);
}
*[data-card="featured"] .card .caption .entry-title {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
}
*[data-card="featured"] .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}

*[data-card="product"] .card .cover {
    overflow: visible;
}
*[data-card="product"] .card .cover .object-fit {
    transition: var(--duration-x2) var(--timing-function);
    will-change: transform;
}
*[data-card="product"] .card:hover .cover .object-fit {
    transform: scale(1.05);
    -webkit-filter: drop-shadow(0px 14px 15px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 14px 15px rgba(0, 0, 0, 0.25));
}
*[data-card="product"] .card .cover .object-fit:before {
    padding-bottom: 162.01388888889%;
    background: #000;
}
*[data-card="product"] .card .cover .object-fit:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.42%, rgba(0, 0, 0, 0.5) 83.48%);
}
*[data-card="product"] .card .cover .object-fit > * {
    opacity: 0.9;
}
*[data-card="product"] .card .cover .object-overlay {
    padding: var(--spacing-md);
}
*[data-card="product"] .card .caption {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr auto;
    grid-gap: var(--spacing-sm) 0;
}
*[data-card="product"] .card .caption .entry-category {
    font-size: var(--font-size-body-sub);
}
*[data-card="product"] .card .caption .entry-category:not(:last-child) {
    margin-bottom: var(--spacing-sm);
}
*[data-card="product"] .card .caption .entry-title {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
}
*[data-card="product"] .card .caption .entry-desc {
    font-size: var(--font-size-lg);
}
*[data-card="product"] .card .caption .entry-explore .button {
    width: 100%;
}
*[data-card="product"].type-slider .swiper {
    overflow: visible;
}
*[data-card="product"].type-slider .swiper-slide {
    width: calc(100% / 4) !important;
}
*[data-card="product"].type-slider .swiper-slide:hover {
    z-index: 1;
}

*[data-card="news"] .card {
    text-align: left;
}
*[data-card="news"] .card .cover .object-fit:before {
    padding-bottom: 66.3888888889%;
}
*[data-card="news"] .card .caption .entry-title {
    transition: var(--duration) var(--timing-function);
}
*[data-card="news"] .card:hover .caption .entry-title {
    color: var(--color-gold);
}
*[data-card="news"] .card .caption .entry-category {
    font-size: var(--font-size-body);
    color: var(--color-gold);
}
*[data-card="news"] .card .caption .entry-publish {
    font-size: var(--font-size-body-sub);
    color: var(--color-gray);
}
*[data-card="news"] .card.type-video .cover:after {
    font-family: "iconfont";
    content: "\e933";
    aspect-ratio: 1/1;
    width: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background-color: rgba(var(--color-white-rgb), 0.5);
    border-radius: 50%;
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    overflow: hidden;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
*[data-card="news"].type-grid .card.type-video .cover:after,
*[data-card="news"].type-list .card.type-video .cover:after {
    width: var(--button-height);
}
*[data-card="news"].type-grid {
    display: grid;
    grid-gap: calc(var(--spacing-md) - var(--spacing-2xs)) 0;
    margin-bottom: calc(var(--spacing-md) * -1);
}
*[data-card="news"].type-grid .card-grid {
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--color-border);
}
*[data-card="news"].type-grid .card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-2xs) 0;
    padding: var(--spacing-2xs);
    transition: var(--duration) var(--timing-function);
}
*[data-card="news"].type-grid .card:hover {
    background: var(--color-theme);
    color: var(--color-white);
}
*[data-card="news"].type-grid .card > * {
    width: 100%;
}
*[data-card="news"].type-grid .card .caption {
    order: -1;
    flex: 1;
    display: flex;
    flex-direction: column;
}
*[data-card="news"].type-grid .card .caption > * {
    width: 100%;
}
*[data-card="news"].type-grid .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
*[data-card="news"].type-grid .card .caption > .entry-publish:not(:first-child) {
    margin-top: var(--spacing-sm);
}
*[data-card="news"].type-grid .card .caption .entry-title,
*[data-card="news"].type-grid .card .caption .entry-publish {
    transition: none;
}
*[data-card="news"].type-grid .card .caption > .entry-title {
    flex: 1;
}
*[data-card="news"].type-grid .card:hover .caption .entry-title,
*[data-card="news"].type-grid .card:hover .caption .entry-publish {
    color: inherit;
}
*[data-card="news"].type-grid .card .caption .entry-publish > .entry-time {
    margin-left: auto;
}
*[data-card="news"].type-list > *:not(:first-child) {
    padding-top: var(--spacing-sm);
    margin-top: var(--spacing-sm);
    border-top: 1px solid var(--color-border);
}
*[data-card="news"].type-list .card {
    display: flex;
    grid-gap: var(--spacing-md);
    align-items: center;
}
*[data-card="news"].type-list .card .cover {
    width: 15.2777777778vw;
    min-width: 220px;
}
*[data-card="news"].type-list .card .caption {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: var(--spacing-3xs) var(--spacing-md);
    align-items: baseline;
}
*[data-card="news"].type-list .card .caption > .entry-category {
    grid-row: 1;
    grid-column: 1;
}
*[data-card="news"].type-list .card .caption > .entry-title {
    grid-row: 2;
    grid-column: 1 / span 2;
    width: 100%;
    max-width: 75%;
}
*[data-card="news"].type-list .card .caption > .entry-publish {
    grid-row: 1;
    grid-column: 2;
    text-align: right;
}
*[data-card="news"].type-list-slider .card {
    display: flex;
    grid-gap: var(--spacing-md);
    background-color: var(--color-white);
    color: var(--color-black);
    padding: var(--spacing-xs);
}
*[data-card="news"].type-list-slider .card .cover {
    width: 15.2777777778vw;
    min-width: 220px;
}
*[data-card="news"].type-list-slider .card .caption {
    flex: 1;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-3xs) var(--spacing-md);
    align-items: baseline;
}
*[data-card="news"].type-list-slider .card .caption > .entry-title {
    width: 100%;
    max-width: 75%;
}
*[data-card="news"].type-list-slider .card .caption > .entry-publish {
    width: 100%;
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

*[data-card="news"].type-recommended {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--spacing-lg) var(--spacing-sm);
}
*[data-card="news"].type-recommended .card .caption .entry-time {
    display: none;
}
*[data-card="news"].type-recommended .card .caption {
    margin-top: var(--spacing-xs);
}
*[data-card="news"].type-recommended .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
*[data-card="news"].type-recommended .card .caption > .entry-category + * {
    margin-top: var(--spacing-2xs);
}

*[data-card="style"] .card {
    text-align: center;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-md) var(--spacing-container);
    padding: var(--spacing-lg) var(--spacing-container);
    color: var(--color-black);
    border-radius: 15px;
    overflow: hidden;
}
*[data-card="style"] .card > * {
    width: 100%;
}
*[data-card="style"] .card.portrait .cover .object-fit:before {
    padding-bottom: 148.3333333333%;
}
*[data-card="style"] .card.landscape .cover .object-fit > * {
    border-radius: 4px;
    box-shadow: 0px 13.5px 29.5px rgba(0, 0, 0, 0.36);
    overflow: hidden;
}
*[data-card="style"] .card.landscape .cover .object-fit:before {
    padding-bottom: 61.8421052632%;
}
*[data-card="style"] .card .cover {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
*[data-card="style"] .card .cover .object-fit > * {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
*[data-card="style"] .card .cover .entry-icon {
    display: block;
    width: 100%;
    line-height: 1;
}
*[data-card="style"] .card .cover .entry-icon > img {
    display: block;
    margin: 0 auto;
    width: 120px;
    max-width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
*[data-card="style"] .card .caption > *:not(:first-child),
*[data-card="style"] .card .caption .entry-desc > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-card="style"] .card .caption .button {
    --button-height: var(--button-height-sm);
    --button-spacing: var(--spacing-md);
}
*[data-card="style"].type-slider {
    margin-left: var(--spacing-2xs-minus);
    margin-right: var(--spacing-2xs-minus);
}
*[data-card="style"].type-slider .swiper {
    overflow: visible;
}
*[data-card="style"].type-slider .swiper-slide {
    height: auto !important;
}
*[data-card="style"].type-slider .swiper-slide,
*[data-card="style"].type-slider *[class*="swiper-hover-"] {
    padding: 0 var(--spacing-2xs);
}

*[data-card="detail"] .card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: var(--spacing-md) 0;
    text-align: center;
    padding: var(--spacing-lg) var(--spacing-container);
    color: var(--color-black);
    background: var(--color-gray-bright);
    border-radius: var(--radius);
    overflow: hidden;
}
*[data-card="detail"] .card > * {
    width: 100%;
}
*[data-card="detail"] .card .cover .entry-icon {
    display: block;
    width: 100%;
    line-height: 1;
}
*[data-card="detail"] .card .cover .entry-icon > img {
    display: block;
    margin: 0 auto;
    width: 78px;
    max-width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
*[data-card="detail"] .card .caption {
    flex: 1;
}
*[data-card="detail"] .card .caption > *:not(:first-child),
*[data-card="detail"] .card .caption .entry-desc > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-card="detail"].type-slider {
    margin-left: var(--spacing-2xs-minus);
    margin-right: var(--spacing-2xs-minus);
}
*[data-card="detail"].type-slider .swiper {
    overflow: visible;
}
*[data-card="detail"].type-slider .swiper-slide {
    height: auto !important;
    width: 27.52% !important;
    min-width: 252px;
    padding: 0 var(--spacing-2xs);
}
*[data-card="detail"].type-slider:has(.swiper-slide:nth-child(4)) .swiper-slide {
    width: calc(100% / 4) !important;
}

*[data-card="offer"] .card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: var(--spacing-lg) 0;
    text-align: center;
    padding: var(--spacing-lg) var(--spacing-container);
    color: var(--color-black);
    background: var(--color-gray-bright);
    border: 1px solid var(--color-border);
    border-radius: 0;
    overflow: hidden;
}
*[data-card="offer"] .card > * {
    width: 100%;
}
*[data-card="offer"] .card .cover .entry-icon {
    display: block;
    width: 100%;
    line-height: 1;
}
*[data-card="offer"] .card .cover .entry-icon > img {
    display: block;
    margin: 0 auto;
    width: 78px;
    max-width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
*[data-card="offer"] .card .caption {
    flex: 1;
}
*[data-card="offer"] .card .caption .entry-title {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
    color: var(--color-theme);
}
*[data-card="offer"] .card .caption .entry-title a {
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
*[data-card="offer"] .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}
*[data-card="offer"] .card .caption .entry-desc > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-card="offer"].type-grid {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-container);
    padding: 0 var(--spacing-container);
}

*[data-card="bank"] .card {
    text-align: center;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-sm) var(--spacing-container);
    padding: var(--spacing-lg) var(--spacing-container);
    color: var(--color-black);
    background: var(--color-gray-bright);
    border-radius: 15px;
    overflow: hidden;
}
*[data-card="bank"] .card > * {
    width: 100%;
}
*[data-card="bank"] .card .cover .object-fit:before {
    padding-bottom: 100%;
}
*[data-card="bank"] .card .cover .object-fit > * {
    -o-object-fit: contain;
    object-fit: contain;
}
*[data-card="bank"] .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-card="bank"].type-slider {
    margin-left: var(--spacing-2xs-minus);
    margin-right: var(--spacing-2xs-minus);
}
*[data-card="bank"].type-slider .swiper {
    overflow: visible;
}
*[data-card="bank"].type-slider .swiper-slide {
    height: auto !important;
    width: 22.4% !important;
    min-width: 280px;
}
*[data-card="bank"].type-slider .swiper-slide,
*[data-card="bank"].type-slider *[class*="swiper-hover-"] {
    padding: 0 var(--spacing-2xs);
}

*[data-card="promo"] .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
*[data-card="promo"] .card > * {
    width: 100%;
}
*[data-card="promo"] .card .cover .object-fit:before {
    padding-bottom: 100%;
}
*[data-card="promo"] .card .caption {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: var(--spacing-sm);
    text-align: center;
}
*[data-card="promo"] .card .caption .entry-title {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-lg);
    color: var(--color-theme);
}
*[data-card="promo"] .card .caption .entry-explore {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 2px;
}

*[data-card="promo"] .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-card="promo"] .card .caption > .entry-explore:not(:first-child) {
    margin-top: var(--spacing-sm);
}
*[data-card="promo"].type-slider {
    margin-left: var(--spacing-2xs-minus);
    margin-right: var(--spacing-2xs-minus);
}
*[data-card="promo"].type-slider .swiper {
    overflow: visible !important;
}
*[data-card="promo"].type-slider .swiper-slide {
    height: auto;
    padding: 0 var(--spacing-2xs) !important;
}

.content-loadmore .entry-explore {
    margin-top: var(--spacing-xs);
    display: none;
}
.content-loadmore .entry-explore .ctrl {
    font-size: var(--font-size-body-sub);
    display: inline-flex;
    align-items: center;
    grid-gap: 0 var(--spacing-2xs);
}
.content-loadmore .entry-explore .ctrl .ic:before {
    content: "\e90c";
    font-size: 87.5%;
}
.content-loadmore.enabled .entry-explore {
    display: block;
}
.content-loadmore.enabled.loaded .entry-explore .ctrl .ic:before {
    content: "\e90b";
}
.content-loadmore.enabled:not(.loaded) .entry-content > *:not(:first-child) {
    display: none;
}

.featured-container {
    --icon-size: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: var(--spacing-sm) 0;
}
.featured-container > .featured {
    width: 100%;
}
.featured-container + *:not(:first-child) {
    margin-top: var(--spacing-sm) !important;
}

.featured {
    display: grid;
    grid-template-columns: var(--icon-size) 1fr;
    grid-auto-flow: dense;
    grid-gap: 0 var(--spacing-sm);
    align-items: center;
    align-content: center;
    text-align: left;
}
.featured > * {
    grid-column: 2;
}
.featured > *:not(:first-child) {
    margin-top: 0 !important;
}
.featured > .entry-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.featured > .entry-icon img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-filter: var(--filter-gold);
    filter: var(--filter-gold);
}
.featured > .entry-title {
    font-size: var(--font-size-body);
    color: var(--color-gold);
}
.featured > .entry-desc {
    font-size: var(--font-size-body-sub);
}

.step {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-sm) 0;
    text-align: center;
}
.step > * {
    width: 100%;
}
.step .cover {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.step .cover .object-fit:before {
    padding-bottom: 100%;
}
.step-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: var(--spacing-lg) 0;
    counter-reset: step;
}
.step-container .step {
    width: 100%;
}
.step-container .step:before {
    --size: 40px;
    counter-increment: step;
    content: counter(step);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: var(--size);
    width: var(--size);
    margin-left: auto;
    margin-right: auto;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h3);
    line-height: 1;
    color: var(--color-gold);
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;
}
.step-container.type-slider {
    display: block;
    grid-gap: 0;
}

.compare-table table {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.compare-table table tr > * {
    width: 16.25vw;
    line-height: var(--line-height-sm);
    padding: var(--spacing-sm) var(--spacing-2xs);
    border-bottom: 1px solid;
    text-align: center;
    vertical-align: middle;
}
.compare-table table thead tr > * {
    padding-top: var(--spacing-2xs);
    padding-bottom: var(--spacing-2xs);
}
.compare-table table tr > *:first-child {
    padding-left: 0;
}
.compare-table table tr > *:last-child {
    padding-right: 0;
}
.compare-table table > *:first-child > tr:first-child > * {
    padding-top: 0;
}
.compare-table table > *:last-child > tr:last-child > * {
    padding-bottom: 0;
    border-bottom: 0;
}
.compare-table table tr > th {
    font-weight: var(--font-weight-bold);
}
.compare-table table thead tr > th {
    color: var(--color-gold);
}
.compare-table table tbody tr > th {
    color: var(--color-theme);
}
.compare-table table thead tr > * {
    border-color: var(--color-black);
}
.compare-table table tbody tr > * {
    border-color: var(--color-border);
}

/* PAGE:INDEX */
*[data-section="gold-price-today"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*[data-section="gold-price-today"] .c-buy {
    color: #c6133d !important;
}
*[data-section="gold-price-today"] .c-sell {
    color: #059837 !important;
}
*[data-section="gold-price-today"] .visibility-hidden {
    visibility: hidden !important;
}

*[data-section="gold-price-today"] .sc-container {
    width: 100%;
    min-height: 100%;
    padding-top: var(--spacing-container);
    padding-bottom: var(--spacing-container);
    display: flex;
    flex-direction: column;
}
*[data-section="gold-price-today"] .sc-container > * {
    width: 100%;
}
*[data-section="gold-price-today"] .sc-container > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}
*[data-section="gold-price-today"] .sc-container > script:first-child + *:not(:first-child) {
    margin-top: 0;
}
*[data-section="gold-price-today"] .sc-headline {
    --logo-height: 76px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-auto-flow: dense;
    grid-gap: 0 var(--spacing-2xs);
    align-items: center;
    /* align-content: center; */
    min-height: var(--logo-height);
}
*[data-section="gold-price-today"] .sc-headline > * {
    grid-column: 1;
}
*[data-section="gold-price-today"] .sc-headline > *:not(:first-child) {
    margin-top: 0;
}
*[data-section="gold-price-today"] .sc-headline > .sc-logo {
    grid-column: 2;
    grid-row: 1 / span 2;
}
*[data-section="gold-price-today"] .sc-content > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-section="gold-price-today"] .tab {
    display: flex;
}
*[data-section="gold-price-today"] .tab > a {
    flex: 1;
    width: 100%;
    height: auto;
    min-height: var(--button-height);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--color-theme);
    padding: var(--spacing-3xs) var(--spacing-container);
}
*[data-section="gold-price-today"] .tab > a:hover {
    color: var(--color-gold);
}
*[data-section="gold-price-today"] .tab > a.active {
    background: var(--color-theme);
    color: var(--color-white);
}
*[data-section="gold-price-today"] .market-status span {
    display: inline-flex;
    align-items: center;
    grid-gap: var(--spacing-3xs);
    vertical-align: top;
    font-weight: var(--font-weight-bold);
}
*[data-section="gold-price-today"] .market-status span:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ff2000;
    overflow: hidden;
}
*[data-section="gold-price-today"] .market-status.market-on span:before {
    background: #306f1d;
}
*[data-section="gold-price-today"] .entry-remark {
    line-height: var(--line-height-sm);
}

.gold-price-boxes {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-2xs);
}
.gold-price-box {
    display: block;
    width: 100%;
    position: relative;
    padding: 4px;
    background: linear-gradient(180deg, #a9894b 0%, #f1e0a6 48.44%, #a9894b 100%);
    border-radius: 15px;
    overflow: hidden;
}
.gold-price-box-inner {
    --color-border: var(--color-gold);
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-2xs);
    padding: var(--spacing-2xs) calc(var(--spacing-sm) - 4px);
    color: var(--color-theme);
    background: var(--color-white);
    border-radius: calc(15px - 4px);
    overflow: hidden;
}
.gold-price-box-inner > * {
    width: 100%;
}
.gold-price-box-inner .entry-header {
    text-align: center;
}
.gold-price-box-inner .entry-header:not(:last-child) {
    padding-bottom: var(--spacing-2xs);
    border-bottom: 1px solid var(--color-border);
}
.gold-price-box-inner .entry-remark .p-group {
    display: inline-block;
}

.gold-price-table {
    width: 100%;
    table-layout: fixed;
}
.gold-price-table tr > * {
    line-height: var(--line-height-sm);
    vertical-align: middle;
    text-align: center;
}
.gold-price-table .name {
    font-size: var(--font-size-xl);
}
.gold-price-table .price {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h2);
}
.gold-price-table .change {
    display: inline-flex;
    vertical-align: middle;
    grid-gap: var(--spacing-2xs);
    align-items: center;
    justify-content: center;
    height: 40px;
    width: auto;
    min-width: 102px;
    padding: 0 var(--spacing-sm);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
    white-space: nowrap;
    color: #fff;
    background: #306f1d;
    border-radius: 5px;
    overflow: hidden;
}
.gold-price-table .change:before {
    font-family: "iconfont";
    content: "\e948";
    font-size: var(--icon-size);
    transform: translateY(-0.1em);
}
.gold-price-table .change.down {
    background: #b51700;
}
.gold-price-table .change.down:before {
    font-family: "iconfont";
    content: "\e949";
    transform: translateY(0.1em);
}

*[data-gold="gold-bar965"] .gold-price-table {
    table-layout: auto;
}

*[data-gold="inter-gold"] .gold-price-box-inner {
    padding-top: var(--spacing-2xs);
    padding-bottom: var(--spacing-2xs);
    background: linear-gradient(180deg, #eadeaa 0%, #b69f6a 69.23%);
}
*[data-gold="inter-gold"] .gold-price-table tr > .tcell-name {
    text-align: center;
}

.gold-graph {
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    border-radius: 10px;
    overflow: hidden;
}

.gold-graph-area {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.gold-graph-area > .gold-graph {
    flex: 1;
    display: grid;
    grid-template-columns: 100%;
}
.gold-graph-area > .gold-graph :is(.tradingview-widget-container, .object-fit) {
    height: 100%;
}
.gold-graph-area > .gold-graph :is(.tradingview-widget-container, .object-fit) > *[id^="tradingview_"] {
    display: grid;
    grid-template-columns: 100%;
    height: 100% !important;
    min-height: 292px !important;
}
*[data-section="gold-price-today"] .sc-content--news {
    position: relative;
    z-index: 3;
}
*[data-section="gold-price-today"] .sc-content--news *[data-card="news"].type-list-slider .swiper {
    overflow: visible;
}
*[data-section="gold-price-today"] .sc-content--news *[data-card="news"].type-list-slider .swiper-pages {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    transform: translateY(calc((-100%) - var(--spacing-xs)));
}

/* PAGE:ABOUT */
.about-history .history {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: var(--spacing-lg) var(--spacing-container);
}
.about-history .history:before {
    content: "";
    display: block;
    width: calc(100% + 1px);
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -1px;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(209, 162, 84, 0) 0%, rgba(209, 162, 84, 0.5) 100%);
    opacity: 0;
    transition: var(--duration) var(--timing-function);
    pointer-events: none;
}
.about-history .history:hover:before {
    opacity: 1;
}
.about-history .history .entry-year {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
    color: var(--color-gold);
}
.about-history .history .entry-cover .object-fit:before {
    padding-bottom: 66.4615384615%;
}
.about-history .history > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.about-history .swiper {
    overflow: visible;
}
.about-history .swiper-slide {
    width: calc(100% / 3) !important;
    height: auto !important;
    overflow: hidden;
}
.about-history .swiper-slide .history {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.about-history .swiper-slide:not(:last-child) .history {
    border-right-color: var(--color-gold);
}

.about-business > .sc-cover .object-fit:before {
    padding-bottom: 57.5471698113%;
}
.about-business > .sc-block {
    padding: var(--spacing-md) var(--spacing-container);
    background: var(--color-white);
    color: var(--color-black);
    position: relative;
    z-index: 1;
}

.about-company {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: var(--spacing-sm);
}
.about-company .company {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding: var(--spacing-lg);
    background: var(--color-theme);
    color: var(--color-white);
    border-radius: 15px;
    overflow: hidden;
    transition: var(--duration) var(--timing-function);
}
.about-company .company > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.about-company .company .caption > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.about-company .company .caption .entry-title {
    font-size: var(--font-size-xl);
}
.about-company .company .cover .entry-logo {
    background: var(--color-theme);
    transition: var(--duration) var(--timing-function);
}
.about-company .company .cover .entry-logo > * {
    display: block;
    width: 100%;
    height: 110px;
    max-width: 235px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    mix-blend-mode: screen;
}
.about-company .company:hover,
.about-company .company:hover .cover .entry-logo {
    background: var(--color-theme-bright);
}

/* PAGE:CONTACT */
.contact-info .entry-title {
    font-size: var(--font-size-lg);
}
.contact-info > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
.contact-info .entry-info a {
    color: var(--color-gold);
}
.contact-info .entry-info a:hover {
    box-shadow: var(--cta-shadow);
}

.contact-channel .channel {
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-sm);
    text-align: left;
}
.contact-channel .channel .cover {
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
}
.contact-channel .channel .cover .ic {
    font-size: 30px;
}
.contact-channel .channel .cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.contact-channel .channel .caption .entry-info {
    font-size: var(--font-size-lg);
    color: var(--color-gold);
}
.contact-channel .channel .caption .entry-info a:hover {
    box-shadow: var(--cta-shadow);
}

.contact-map {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.contact-map .map-container:before {
    padding-bottom: 44.2028985507%;
}
.contact-map .map-cta {
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-sm);
    padding: var(--spacing-sm);
    background: var(--color-white);
    color: var(--color-black);
    position: absolute;
    z-index: 3;
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
}
.contact-map .map-info {
    font-size: var(--font-size-body-sub);
    padding: var(--spacing-sm);
    background: var(--color-white);
    color: var(--color-black);
    border-bottom: 1px solid var(--color-border);
    transition: background-color var(--duration) var(--timing-function);
}
.contact-map .map-info > .entry-title {
    transition: color var(--duration) var(--timing-function);
}
.contact-map .map-info > .entry-info {
    color: var(--color-gray);
    display: none;
}
.contact-map .map-info > *:not(:first-child),
.contact-map .map-info .entry-info > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.contact-map .map-info .entry-info > h3:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.contact-map .map-info .entry-info a {
    color: var(--color-gold);
}
.contact-map .map-info .entry-info a:hover {
    box-shadow: var(--cta-shadow);
}
.contact-map .map-info.active {
    background-color: var(--color-gray-bright);
}
.contact-map .map-info.active > .entry-title,
.contact-map .map-info .entry-info > h3 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-body);
    color: var(--color-theme);
}
.contact-map .map-info:not(.active):hover > .entry-title {
    color: var(--color-gold);
    cursor: pointer;
}

/* PAGE:STORES */
.store {
    color: var(--color-gray);
}
.store a:hover {
    color: var(--color-gold);
}
.store .cover .object-fit:before {
    padding-bottom: 66.5972222222%;
}
.store .entry-title,
.store .entry-explore,
.store .entry-service > h3 {
    font-size: var(--font-size-lg);
    color: var(--color-black);
}
.store .entry-explore {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0 var(--spacing-sm);
}
.store .entry-explore a:hover {
    color: var(--color-gold);
    box-shadow: var(--cta-shadow);
}
.store .entry-tag {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-3xs);
}
.store .entry-tag .tag {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: top;
    width: auto;
    height: 2em;
    border-radius: 50vw;
    padding: 0 var(--spacing-2xs);
    background: var(--color-gold);
    color: var(--color-white);
    font-size: inherit;
}
.store .more-detail a:hover {
    color: var(--color-gold);
    box-shadow: var(--cta-shadow);
}
.store .more-detail .entry-info > h3 {
    color: var(--color-gold);
}
.store .more-detail .entry-service > h3:not(:last-child) {
    margin-bottom: var(--spacing-2xs);
}
.store .detail > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.store .more-detail .entry-info > h3:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.store .detail > .entry-explore:not(:first-child),
.store .more-detail > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.store-container > *:not(:first-child) {
    margin-top: var(--spacing-lg);
}

/* PAGE:CAREER */
.job-container > *:not(:last-child) {
    padding-bottom: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    border-bottom: 1px solid var(--color-border);
}

.job-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--spacing-lg);
}
.job-wrapper .entry-logo {
    display: block;
    line-height: 1;
}
.job-wrapper .entry-logo > * {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    max-width: 200px;
    max-height: 112px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top;
}
.job-wrapper .entry-title {
    font-size: var(--font-size-lg);
    color: var(--color-theme);
}
.job-wrapper .entry-content a:not(:hover) {
    color: inherit;
    box-shadow: none;
}
.job-wrapper .entry-job .job {
    text-decoration: none;
    box-shadow: none;
    color: inherit;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    grid-gap: var(--spacing-2xs);
}
.job-wrapper .entry-job .job:not(:last-child) {
    padding-bottom: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    border-bottom: 1px solid var(--color-border);
}
.job-wrapper .entry-job .job .name {
    display: block;
    margin-right: auto;
    font-size: var(--font-size-lg);
    transition: var(--duration) var(--timing-function);
}
.job-wrapper .entry-job .job:hover .name {
    color: var(--color-gold);
}
.job-wrapper .entry-job .job .total {
    display: block;
    margin-left: auto;
    color: var(--color-gray);
    white-space: nowrap;
}

.job-head > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.job-head .entry-logo + * {
    margin-top: var(--spacing-md);
}
.job-head .entry-content > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}

.job-desc > *:not(:first-child),
.job-form > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}

*[data-section="job-single"] .sc-navi {
    width: 100%;
    padding-bottom: var(--spacing-sm);
}
*[data-section="job-single"] .sc-navi:after {
    width: 100%;
    max-width: 100%;
}
*[data-section="job-single"] .sc-headline {
    width: 100%;
}
*[data-section="job-single"] .sc-headline .button {
    width: 100%;
}

/* GOLD FUTURES */
html.gold-futures-html {
    --logo-height: 38px;
}
html.gold-futures-html .header-nav {
    /* grid-template-columns: 100% !important;
    grid-gap: 0 !important;
    justify-items: center;
    text-align: center; */
    border-bottom: 1px solid var(--color-border);
}
/* html.gold-futures-html .header-brand {
    grid-column: 1;
    grid-row: 1;
} */
.explore-box {
    text-align: center;
    padding: var(--spacing-sm);
    border-radius: 15px;
}
.explore-box > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}

.derivative {
    display: block;
    width: 100%;
    background: var(--color-gray-bright);
}
.derivative .cover {
    padding: var(--spacing-2xs);
}
.derivative .cover .object-fit:before {
    padding-bottom: 100%;
}
.derivative .cover .object-fit > * {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.derivative-container.type-flex {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-sm);
}
.derivative-container.type-flex > * {
    width: calc((100% - var(--spacing-sm) * 3) / 4);
}

.gold-futures-main *[data-section="single"] .entry-content table tr > * {
    text-align: left;
}
.gold-futures-main *[data-section="single"] .entry-content table tr > th {
    font-weight: var(--font-weight-bold);
}
.gold-futures-main *[data-section="single"] .entry-content > table > * > tr > * {
    padding: var(--spacing-xs) var(--spacing-container);
    border: 1px solid var(--color-border);
    vertical-align: top;
}
.gold-futures-main *[data-section="single"] .entry-content > table > * > tr > *:first-child {
    border-left: 0;
}
.gold-futures-main *[data-section="single"] .entry-content > table > * > tr > *:last-child {
    border-right: 0;
}
.gold-futures-main *[data-section="single"] .entry-content > table > * > tr > th {
    background: var(--color-gold);
    color: var(--color-white);
}

.gold-futures-main *[data-section="single"] .symbol-table {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    background: var(--color-gray-bright);
}
.gold-futures-main *[data-section="single"] .symbol-table .symbol > * {
    color: var(--color-black);
    padding: var(--spacing-xs) var(--spacing-container);
}
.gold-futures-main *[data-section="single"] .symbol-table .symbol > *:not(:first-child) {
    border-top: 1px solid var(--color-border);
}
.gold-futures-main *[data-section="single"] .time-table tr > * {
    padding: 0 !important;
}
.gold-futures-main *[data-section="single"] .time-table tr > *:first-child {
    width: 25%;
}
.gold-futures-main *[data-section="single"] .time-table tr > *:not(:last-child) {
    padding-right: 1em !important;
}

/*========== IFRAME ==========*/
#iframe-body {
    height: auto !important;
    min-height: 0 !important;
    background: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
}
#iframe-body #page {
    padding: 0 !important;
    min-height: 0 !important;
}
#iframe-body .cky-consent-container,
#iframe-body .woofc-overlay,
#iframe-body #woofc-count,
#iframe-body #woofc-area,
#iframe-body #fb-root {
    display: none !important;
}

/*========== MAILCHIMP ==========*/
.iframe-subscribe {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}
#mc_embed_signup {
    padding: 0 !important;
    background: none !important;
}
#mc_embed_signup #mc_embed_signup_scroll {
    display: block !important;
    position: relative !important;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: normal;
    text-transform: none;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group {
    position: relative !important;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group:not(:first-child) {
    margin-top: var(--spacing-xs) !important;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:-ms-input-placeholder {
    font-size: inherit !important;
    font-style: inherit !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: var(--font-weight-regular) !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input::-webkit-input-placeholder {
    font-size: inherit !important;
    font-style: inherit !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: var(--font-weight-regular) !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input::-moz-placeholder {
    font-size: inherit !important;
    font-style: inherit !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: var(--font-weight-regular) !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
#mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe {
    display: flex;
    margin: var(--spacing-sm) auto 0;
}

#mc_embed_signup #mce-responses {
    width: 100% !important;
    padding: 0 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    text-align: center;
    text-transform: none;
}
#mc_embed_signup #mce-responses .response {
    padding: var(--spacing-2xs) 0 0 !important;
    font-size: var(--font-size-body-sub) !important;
    color: inherit !important;
}
#mc_embed_signup #mce-responses #mce-error-response {
    color: var(--color-error) !important;
}
#mc_embed_signup #mce-responses #mce-success-response {
    color: var(--color-theme) !important;
}
#mc_embed_signup div.mce_inline_error {
    width: 100%;
    margin: 0 !important;
    background: none !important;
    padding: 0 !important;
    font-size: var(--font-size-xs) !important;
    font-weight: inherit !important;
    color: var(--color-error) !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    display: none !important;
}
#mc_embed_signup input.mce_inline_error {
    border-color: var(--color-error) !important;
}

/*========== ANIMATE ==========*/
.animate {
    will-change: opacity, transform;
}
.animated {
    -webkit-animation-duration: var(--duration);
    animation-duration: var(--duration);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

/*========== BUNDLE CSS ==========*/
img,
iframe,
.button,
.loadmore,
.explore,
#header,
#footer,
#addon,
#breadcrumb,
.mfp-close,
.select2-selection--single,
.select2-results__option,
.choice > span,
.accordion > .entry-title,
.sc-menu,
.sc-billboard,
.fn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html.touchevents a {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.brand,
.hamburger,
.plaimanas,
.button,
.social a,
.object,
.qty-btn,
.sc-link,
.mfp-close,
.modal-dismiss {
    text-decoration: none !important;
    box-shadow: none !important;
}

/*========== CHECK ==========*/
#page-message {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--spacing-sm);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background: var(--color-body-bg);
    color: var(--color-body);
    will-change: opacity;
    opacity: 0;
    pointer-events: none;

    display: none !important;
}
@media (max-width: 991px) and (orientation: landscape) {
    html.is-device #page-message {
        opacity: 1;
        pointer-events: auto;
        transition: opacity var(--duration) var(--timing-function);
    }
}