@charset "UTF-8";
html{}
body{font:var(--SiteFW) var(--SiteFS)/1.5 var(--SiteFF2);margin:unset;background-color:var(--body-background-color);color:var(--body-text-color);-webkit-font-smoothing:antialiased;word-break:break-word;-webkit-tap-highlight-color:transparent;}
input,textarea,select{font-size:var(--SiteFS);color:var(--body-text-color);font-family:var(--SiteFF2);font-weight:var(--SiteFW);}
h1,h2,h3,h4,h5,h6,ul,ol{margin:unset;}
h1,h2,h3{font-family:var(--SiteFF);font-weight:var(--SiteFW-EB);}
h1{font-size:var(--SiteFS-XXXL);}
h2{font-size:var(--SiteFS-XXL);}
h3{font-size:var(--SiteFS-XL);}
h4{font-size:var(--SiteFS-L);}
ul,ol,menu{padding-inline-start:unset;}
li{list-style-type:none;}
form,dl,dd,menu{margin:unset;}
a{color:var(--SiteTHM);text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;
	& img{border:none;}
}
b{font-weight:var(--SiteFW-B);}
code{font-family:var(--SiteFF3);font-weight:var(--SiteFW-B);}

/*fonts*/
/*Manrope*/
/* cyrillic-ext */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/v15/manrope-cyrillic-ext-d84d715714.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
/* cyrillic */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/v15/manrope-cyrillic-4f8626e318.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
/* greek */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/v15/manrope-greek-6c7142c441.woff2") format("woff2");unicode-range:U+0370-03FF;}
/* vietnamese */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/v15/manrope-vietnamese-54718ab248.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
/* latin-ext */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/v15/manrope-latin-ext-3942629d96.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
/* latin */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/v15/manrope-8951283ba1.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* Noto Sans Arabic */
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/notosansarabic/v18/notosansarabic-e0a507374e.woff2") format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC,U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* Roboto Mono */
/* cyrillic-ext */
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:100 700;font-display:swap;src:url("../fonts/robotomono/v23/robotomono-cyrillic-ext-6224b6cfd0.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
/* cyrillic */
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:100 700;font-display:swap;src:url("../fonts/robotomono/v23/robotomono-cyrillic-502ed7d7f7.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
/* greek */
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:100 700;font-display:swap;src:url("../fonts/robotomono/v23/robotomono-greek-6ccf916683.woff2") format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}
/* vietnamese */
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:100 700;font-display:swap;src:url("../fonts/robotomono/v23/robotomono-vietnamese-a656d88aad.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
/* latin-ext */
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:100 700;font-display:swap;src:url("../fonts/robotomono/v23/robotomono-latin-ext-34948aa905.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
/* latin */
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:100 700;font-display:swap;src:url("../fonts/robotomono/v23/robotomono-17e694a0b8.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* variables */
:root{
	--CPT-US: 3.5em;
	--CPT-BDW: 2px;

	--SiteFS: 12px;
	--SiteFS-S: .833334em;
	--SiteFS-L: 1.166667em;
	--SiteFS-XL: 1.333334em;
	--SiteFS-XXL: 1.5em;
	--SiteFS-XXXL: 2em;

	--SiteFW: 400;
	--SiteFW-B: 600;
	--SiteFW-EB: 800;

	--IconFF: var(--IconFF1);

	--SiteTHM:var(--CPT-THM);
	--SiteTHM-A0:rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B)/0);
	--SiteTHM-A5:rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B)/5%);
	--SiteTHM-A10:rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B)/10%);
	--SiteTHM-A25:rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B)/25%);
	--SiteTHM-A50:rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B)/50%);
	--SiteTHM-A75:rgba(var(--CPT-THM-R) var(--CPT-THM-G) var(--CPT-THM-B)/75%);

	--background-color-mask-a75: rgba(0 0 0/75%);
	--background-color-mask-a50: rgba(0 0 0/50%);
	--background-color-mask-a25: rgba(0 0 0/25%);

	--color-warning-r: 186;
	--color-warning-g: 85;
	--color-warning-b: 211;
	--color-warning-h: 288.1;
	--color-warning-s: 58.88%;
	--color-warning-l: 58.04%;
	--text-color-warning: rgb(var(--color-warning-r) var(--color-warning-g) var(--color-warning-b));
	--background-color-warning: color-mix(in srgb,var(--text-color-warning),transparent 90%);

	--color-alert-r: 255;
	--color-alert-g: 0;
	--color-alert-b: 0;
	--color-alert-h: 0;
	--color-alert-s: 100%;
	--color-alert-l: 50%;
	--text-color-alert: rgb(var(--color-alert-r) var(--color-alert-g) var(--color-alert-b));
	--background-color-alert: color-mix(in srgb,var(--text-color-alert),transparent 90%);

	--color-complete-r: 34;
	--color-complete-g: 139;
	--color-complete-b: 34;
	--color-complete-h: 120;
	--color-complete-s: 60.69%;
	--color-complete-l: 33.92%;
	--text-color-complete: rgb(var(--color-complete-r) var(--color-complete-g) var(--color-complete-b));
	--background-color-complete: color-mix(in srgb,var(--text-color-complete),transparent 90%);

	--color-promotion-r: 34;
	--color-promotion-g: 139;
	--color-promotion-b: 34;
	--color-promotion-h: 120;
	--color-promotion-s: 60.69%;
	--color-promotion-l: 33.92%;
	--text-color-promotion: rgb(var(--color-promotion-r) var(--color-promotion-g) var(--color-promotion-b));
	--background-color-promotion: color-mix(in srgb,var(--text-color-promotion),transparent 90%);
}
/* light mode */
@media (prefers-color-scheme: light) {
	:root{
		--CPT-THM-R: 255;
		--CPT-THM-G: 69;
		--CPT-THM-B: 0;
		--CPT-THM-H: 16;
		--CPT-THM-S: 100%;
		--CPT-THM-L: 50%;
		--SiteTHM-text-invert: white;

		--body-background-color: hsl(0 0% 97%);
		--background-color-L0: #fff;
		--background-color-L1: #fff;
		--background-color-L2: #fff;
		--background-color-L3: #fff;

		--body-text-color: rgba(0 0 0/75%);
		--body-text-color-a0: rgba(0 0 0/0%);
		--body-text-color-a5: rgba(0 0 0/5%);
		--body-text-color-a10: rgba(0 0 0/10%);
		--body-text-color-a25: rgba(0 0 0/25%);
		--body-text-color-a50: rgba(0 0 0/50%);
		--body-text-color-a75: rgba(0 0 0/75%);

		--color-warning-r: 186;
		--color-warning-g: 85;
		--color-warning-b: 211;
		--color-warning-h: 288.1;
		--color-warning-s: 58.88%;
		--color-warning-l: 58.04%;

		--color-alert-r: 255;
		--color-alert-g: 0;
		--color-alert-b: 0;
		--color-alert-h: 0;
		--color-alert-s: 100%;
		--color-alert-l: 50%;

		--color-complete-r: 34;
		--color-complete-g: 139;
		--color-complete-b: 34;
		--color-complete-h: 120;
		--color-complete-s: 60.69%;
		--color-complete-l: 33.92%;

		--color-promotion-r: 34;
		--color-promotion-g: 139;
		--color-promotion-b: 34;
		--color-promotion-h: 120;
		--color-promotion-s: 60.69%;
		--color-promotion-l: 33.92%;

		--brightness-filter: 0;
		color-scheme: light;
	}
}
/* dark mode */
@media (prefers-color-scheme: dark) {
	:root{
		--CPT-THM-R: 0;
		--CPT-THM-G: 191;
		--CPT-THM-B: 255;
		--CPT-THM-H: 195.06;
		--CPT-THM-S: 100%;
		--CPT-THM-L: 50%;
		--SiteTHM-text-invert: black;

		--body-background-color: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%)/10) 10%);
		--background-color-L0: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%)/10) 24%);
		--background-color-L1: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%)/10) 21%);
		--background-color-L2: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%)/10) 18%);
		--background-color-L3: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%)/10) 15%);

		--body-text-color: rgba(255 255 255/100%);
		--body-text-color-a0: rgba(255 255 255/0%);
		--body-text-color-a5: rgba(255 255 255/5%);
		--body-text-color-a10: rgba(255 255 255/10%);
		--body-text-color-a25: rgba(255 255 255/25%);
		--body-text-color-a50: rgba(255 255 255/50%);
		--body-text-color-a75: rgba(255 255 255/75%);

		--color-warning-r: 238;
		--color-warning-g: 130;
		--color-warning-b: 238;
		--color-warning-h: 300;
		--color-warning-s: 76.06%;
		--color-warning-l: 72.16%;

		--color-alert-r: 255;
		--color-alert-g: 69;
		--color-alert-b: 0;
		--color-alert-h: 16.24;
		--color-alert-s: 100%;
		--color-alert-l: 50%;

		--color-complete-r: 154;
		--color-complete-g: 205;
		--color-complete-b: 50;
		--color-complete-h: 79.74;
		--color-complete-s: 60.78%;
		--color-complete-l: 50%;

		--color-promotion-r: 154;
		--color-promotion-g: 205;
		--color-promotion-b: 50;
		--color-promotion-h: 79.74;
		--color-promotion-s: 60.78%;
		--color-promotion-l: 50%;

		--CPT-BDC: rgba(255 255 255/10%);

		--CPT-COLOR: rgba(255 255 255/100%);
		--CPT-COLOR-A5: rgba(255 255 255/5%);
		--CPT-COLOR-A10: rgba(255 255 255/10%);
		--CPT-COLOR-A25: rgba(255 255 255/25%);
		--CPT-COLOR-A50: rgba(255 255 255/50%);
		--CPT-COLOR-A75: rgba(255 255 255/75%);

		--CPT-BGC: rgba(255 255 255/10%);

		--brightness-filter: 1;
		color-scheme: dark;
	}
	[data-hue] {
		--d-r: 0;
		--d-g: 0;
		--d-b: 0;
		--d-h: 0;
		--d-s: 0%;
		--d-l: 0%;
	}
}


/* 全局字体变量 */
:root{
	/*标题字体*/
	--font-family-heading: "Manrope";
	/*普通字体*/
	--font-family-content: "Manrope";
	/*特殊用途*/
	--font-family-code: "Roboto Mono";

	/*标题字体*/
	--SiteFF:var(--font-family-heading, ""), "Arial", system-ui, sans-serif;
	/*普通字体*/
	--SiteFF2:var(--font-family-content, ""), "Arial", system-ui, sans-serif;
	/*特殊用途*/
	--SiteFF3:var(--font-family-code, ""), monospace, ui-monospace, sans-serif;
}
/* body variables */
body{
	--VWX:calc(var(--VW) * 1px);
	--VHX:calc(var(--VH) * 1px);
	--VWidth:var(--VWX,100vw);
	--VHeight:var(--VHX,100vh);
	@supports (width:100dvw){
			--VWidth:min(100dvw,var(--VWX,100vw));
			--VHeight:min(100dvh,var(--VHX,100vh));
	}

	--MaxContentWidth:120em;
	--spacing:2em;
	@media only screen and (max-width:1440px){--MaxContentWidth:106.666667em;}
	@media only screen and (max-width:1280px){--MaxContentWidth:83.333334em;}
	@media only screen and (max-width:1000px){--MaxContentWidth:100%;--spacing:1.5em;}
}


/*component reset*/
.btw{--icon-size:calc(var(--CPT-FS) * 1.5);
	&[color]:is(:hover,:focus,:focus-within){--shadow-color:transparent;}
	&[color="outline"]{--border-color:var(--body-text-color-a10);}
	&.btwloading>span::before{content:'' !important;border-radius:unset;opacity:unset;animation:unset;background:url('../images/placeholder/loading-701269f903.svg') no-repeat center/contain;filter:invert(var(--lightness-trend,var(--brightness-filter)));}
}
[color="warning"],.warning{--r:var(--color-warning-r);--g:var(--color-warning-g);--b:var(--color-warning-b);--h:var(--color-warning-h);--s:var(--color-warning-s);--l:var(--color-warning-l);}
[color="alert"],.alert{--r:var(--color-alert-r);--g:var(--color-alert-g);--b:var(--color-alert-b);--h:var(--color-alert-h);--s:var(--color-alert-s);--l:var(--color-alert-l);}
[color="complete"],.complete{--r:var(--color-complete-r);--g:var(--color-complete-g);--b:var(--color-complete-b);--h:var(--color-complete-h);--s:var(--color-complete-s);--l:var(--color-complete-l);}
[color="promotion"],.promotion{--r:var(--color-promotion-r);--g:var(--color-promotion-g);--b:var(--color-promotion-b);--h:var(--color-promotion-h);--s:var(--color-promotion-s);--l:var(--color-promotion-l);}

[class*="cpt-"]{--label-color:var(--CPT-COLOR-A50);
	&:focus-within{--shadow-focus-color:transparent !important;}
	&>input[type="search"]::-webkit-search-cancel-button{--search-cancel-button-background-position-y:var(--brightness-filter);}
}
.cpt-text,.cpt-quantity,.cpt-search,.cpt-select{
	&>span{
		&:has(+input),&:has(+select){padding-inline-end:unset;}
	}
	&>input+span{padding-inline-start:unset;}
}
.cpt-text{
	&>span:has(+div){padding-inline-end:unset;
		&+div{flex:auto;padding-inline:calc(var(--CPT-US)/2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	}
	/* region */
	&:has(>span[region]){
		&:hover{cursor:pointer;--border-color:var(--CPT-THM);--background-focus-color:var(--CPT-THM-A10);}
		&>span[region]{
			&+div{display:flex;align-items:center;gap:1em;padding-inline-end:calc(var(--CPT-US)/3);overflow:hidden;
				&[icon]::before{flex:none;order:9;content:attr(icon);display:flex;align-items:center;justify-content:center;font-size:1em;width:1.5em;height:1.5em;border-radius:100%;background:var(--body-text-color-a5);}
				.name{flex:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
				.code{flex:none;font-weight:var(--SiteFW-B);white-space:nowrap;}
			}
		}
	}
}
.cpt-select{--select-arrow-background-position-y:calc(var(--brightness-filter) * -1);
	& option{color:var(--body-text-color);background:var(--body-background-color);}
}
.cpt-textarea{
	&>span[data-word-count]{display:flex;justify-content:space-between;align-items:center;gap:1em;font-size:var(--SiteFS-S);color:var(--body-text-color-a50);
		&::after{content:attr(data-word-count);}
	}
}
.cpt-checkbox,.cpt-radio{
	&:has(b){--font-weight:var(--SiteFW);
		b{font-weight:var(--SiteFW-EB);}
	}
	&>input[type="checkbox"]{
		&:checked+span{--checkbox-background-position-y:calc(var(--brightness-filter) * -1);}
		&:disabled+span,
		&:checked:disabled+span{--checkbox-background-position-y:calc(var(--brightness-filter) - 1);}
	}
	&>input[type="radio"]{
		&:checked+span{--radio-background-position-y:calc(var(--brightness-filter) * -1);}
		&:disabled+span,
		&:checked:disabled+span{--radio-background-position-y:calc(var(--brightness-filter) - 1);}
	}
}
.cpt-switcher{
	&>input[type="checkbox"]{
		&+span{--switcher-background-position-y:calc(var(--brightness-filter) * -1);}
		&:checked+span{--switcher-background-position-y:calc(var(--brightness-filter) - 1);}
		&:disabled+span{--switcher-background-position-y:calc(var(--brightness-filter) * -1 - 2);}
		&:checked:disabled+span{--switcher-background-position-y:calc(var(--brightness-filter) - 3);}
	}
}
.checkbox-group,.radio-group{display:flex;flex-wrap:wrap;gap:1em var(--spacing);background-color:unset;}


/*rtl*/
html[lang*="ar"]{
	direction:rtl;
	--inline-start:right;
	--inline-end:left;

	--translate-reverse:-1;
	--angle-reverse:-1;

	/*标题字体*/
	--font-family-heading: "Manrope","Noto Sans Arabic";
	/*普通字体*/
	--font-family-content: "Manrope","Noto Sans Arabic";

	--CPT-FF: "Manrope","Noto Sans Arabic","Arial",system-ui,sans-serif;

	& [icon="sort"]::before,& [icon="search"]::before,& [icon-only="search"]::before,& [icon-only="logout"]::before,& [icon="navigate_before"]::before,& [icon-only="navigate_before"]::before,& [icon="navigate_next"]::before,& [icon-only="navigate_next"]::before,& [icon="chevron_left"]::before,& [icon-only="chevron_left"]::before,& [icon="chevron_right"]::before,& [icon-only="chevron_right"]::before,& [icon="arrow_back"]::before,& [icon-only="arrow_back"]::before,& [icon="arrow_forward"]::before,& [icon-only="arrow_forward"]::before,& [icon="arrow_circle_left"]::before,& [icon-only="arrow_circle_left"]::before,& [icon="arrow_circle_right"]::before,& [icon-only="arrow_circle_right"]::before,& [icon="send"]::before,& [icon-only="send"]::before,& [icon="logout"]::before,& [icon-only="logout"]::before{transform:scaleX(-1);}
}


/*layout*/
body{display:flex;flex-direction:column;justify-content:start;min-width:320px;min-height:var(--VHeight);}
#content{flex:auto;
	&>.inner{width:min(var(--MaxContentWidth),100%);margin-inline:auto;padding-inline:var(--spacing);box-sizing:border-box;}
}


/* site header */
#site_header{display:flex;flex-direction:column;gap:1px;background-color:var(--background-color-L2);position:sticky;inset-block-start:calc(var(--global-nav-height) * -1px);z-index:9;--spacing:2em;transition:box-shadow 300ms;
	&.float{box-shadow:rgba(0 0 0/5%) 0 0 2em;}
	@media only screen and (max-width:1000px){--spacing:1.5em;}
	#global_nav{box-shadow:var(--body-text-color-a5) 0 1px 0;
		&>.inner{max-width:var(--MaxContentWidth);min-height:4em;padding-inline:var(--spacing);margin-inline:auto;box-sizing:border-box;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--spacing);}
		.global_nav_ctrl{display:none;}
		.nav{
			&>.inner{display:flex;align-items:center;gap:.5em var(--spacing);flex-wrap:wrap;height:1.5em;overflow:hidden;}
			.link{display:block;color:inherit;transition:color 300ms;
				&:hover{color:var(--SiteTHM);}
				&>span::before{display:none;}
			}
		}
		.settings{display:flex;gap:var(--spacing);align-items:center;
			.language_currency{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;color:inherit;padding-block:.75em;white-space:nowrap;cursor:pointer;transition:color 300ms;
				&:hover{color:var(--SiteTHM);}
				&>span{display:flex;align-items:center;
					&>b~b::before{content:'/';display:inline-block;vertical-align:top;margin-inline:.5em;opacity:.25;}
				}
			}
			.download_app{display:block;color:inherit;transition:color 300ms;
				&:hover{color:var(--SiteTHM);}
				&>span{display:grid;grid-template-columns:auto 1fr;gap:.5em;align-items:center;font-weight:var(--SiteFW-B);text-transform:uppercase;
					&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;}
				}
			}
		}
		@media only screen and (max-width:1280px){}
		@media only screen and (max-width:1000px){
			.global_nav_ctrl{display:block;width:var(--CPT-US);height:var(--CPT-US);margin-block:calc((4em - var(--CPT-US))/2);display:flex;align-items:center;justify-content:center;
				&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;opacity:.5;}
				&.on::before{content:'close';opacity:1;transform:rotate(180deg);transition:300ms;}
			}		
			.nav{display:none;grid-column:1/-1;order:9;
				&.show{display:block;}
				&>.inner{height:auto;padding:var(--spacing) calc(var(--spacing) * 1.5);margin-inline:calc(var(--spacing) * -1);background:var(--background-color-L3);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
				.link>span{display:grid;grid-template-columns:auto 1fr;gap:.75em;align-items:center;opacity:unset;
					&::before{display:block;font-size:2em;width:1em;height:1em;line-height:1;overflow:hidden;}
					&[icon]::before{content:attr(icon);}
				}
			}
		}
		@media only screen and (max-width:800px){}
		@media only screen and (max-width:480px){
			&>.inner{padding-inline:1em;}
			.nav>.inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(12em,1fr));gap:calc(var(--spacing)/2) calc(var(--spacing) * 1.166667);margin-inline:-1em;padding-inline:calc(var(--spacing) * 1.166667);}
			.settings .download_app{display:none;}
		}
	}
	#main_nav{
		&>.inner{max-width:var(--MaxContentWidth);height:8em;padding-inline:var(--spacing);margin-inline:auto;box-sizing:border-box;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing);}
		.nav{
			.nav_ctrl_off{}
			&>.inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);
				#nav_logo{--logo:url('../images/seagm_logo_2020_text_black-22628aa159.svg');--H:1.5em;--W:calc(var(--H)/3 * 13);
					& a{display:block;color:inherit;
						&::before{content:'';display:block;width:var(--W);height:var(--H);background:var(--logo) no-repeat center/contain;-webkit-mask-image:linear-gradient(calc(var(--brightness-filter) * 180deg),rgba(0 0 0/100%),rgba(0 0 0/75%));mask-image:linear-gradient(calc(var(--brightness-filter) * 180deg),rgba(0 0 0/100%),rgba(0 0 0/75%));filter:invert(var(--brightness-filter));}
						&>span{display:none;}
						/* 20th */
						@media only screen and (max-width:1000px),(min-width:1281px){display:flex;flex-direction:column;gap:.25em calc(var(--H)/2);
							&::after{content:'Since 2007';display:block;font-size:var(--SiteFS-S);font-weight:var(--SiteFW-B);padding-inline:.5em;text-align:center;color:black;background:linear-gradient(gold,goldenrod);border-radius:.25em;letter-spacing:.5px;white-space:nowrap;}
						}
						@media only screen and (max-width: 1000px){flex-direction:row;}
					}
				}
				#nav_zone{display:flex;align-items:center;gap:1px;
					.type{position:relative;
						&:has(.dropmenu_ctrl) .bt{padding-inline-end:calc(var(--CPT-US)/2 + 1.25em);}
						.bt{display:flex;align-items:center;color:inherit;border-radius:var(--CPT-BDR);height:var(--CPT-US);padding-inline:calc(var(--CPT-US)/2);box-sizing:border-box;transition:color 300ms,background-color 300ms;overflow:hidden;
							&:hover,&:has(+.dropmenu_ctrl.on){color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
							&>span{display:block;font-weight:var(--SiteFW-EB);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10em;}
						}
						.dropmenu_ctrl{position:absolute;inset-block:0;inset-inline-end:0;z-index:1;margin-block:auto;margin-inline-end:calc(var(--CPT-US)/4);width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;border-radius:25%;cursor:pointer;transition:color 300ms,background-color 300ms;
							&::before{content:'expand_more';font-size:1.333334em;}
							&:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
							&.on{color:var(--SiteTHM-text-invert);background-color:var(--SiteTHM);}
						}
						.dropmenu{position:absolute;inset-inline-start:0;inset-block-start:calc(100% + 1em);z-index:1;width:35em;padding:1em;box-sizing:border-box;background:var(--background-color-L1);border-radius:var(--CPT-BDR);box-shadow:rgb(0 0 0/10%) 0 1em 2em;display:grid;grid-template-columns:repeat(auto-fill,minmax(12em,1fr));
							&:not(.show){display:none;}
							&.show{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
							@starting-style{&.show{opacity:0;}}
							.category{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;height:var(--CPT-US);padding-inline:1em;border-radius:var(--CPT-BDR);color:inherit;transition:background-color 300ms;
								&:hover{background-color:rgba(var(--r,var(--CPT-THM-R)) var(--g,var(--CPT-THM-G)) var(--b,var(--CPT-THM-B))/10%);}
								&>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
							}
						}
					}
				}
			}
		}
		.menu{display:flex;gap:1em;align-items:center;justify-content:end;position:relative;
			.user{display:flex;align-items:center;justify-content:end;gap:1em;
				#login-btn{}
				#headCart{
					&:hover{--color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);}
					&[data-cart-counter]:not([data-cart-counter=""],[data-cart-counter="0"])::after{content:attr(data-cart-counter);display:block;position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;font-size:var(--SiteFS-S);font-weight:var(--SiteFW-EB);min-width:1.5em;max-width:3em;height:1.5em;padding-inline:.333334em;box-sizing:border-box;line-height:1.5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:1.5em;background:var(--SiteTHM);color:var(--SiteTHM-text-invert);}
				}
				#user-btn{position:relative;cursor:pointer;min-width:var(--CPT-US);height:var(--CPT-US);display:flex;align-items:center;justify-content:center;
					.avatar{width:2.5em;height:2.5em;border-radius:100%;overflow:hidden;background-color:var(--body-background-color);box-shadow:var(--body-text-color-a10) 0 0 0 .25em;transition:box-shadow 300ms;
						&>img{display:block;width:100%;height:100%;object-fit:cover;}
					}
					&:hover .avatar{box-shadow:var(--SiteTHM-A50) 0 0 0 .25em;}
					&[data-msg-counter]:not([data-msg-counter=""],[data-msg-counter="0"])::after{content:attr(data-msg-counter);display:block;position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;font-size:var(--SiteFS-S);font-weight:var(--SiteFW-EB);min-width:1.5em;max-width:3em;height:1.5em;padding-inline:.333334em;box-sizing:border-box;line-height:1.5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:1.5em;background:var(--SiteTHM);color:var(--SiteTHM-text-invert);}
				}
				#user_dropdown{
					&>.inner{
						.welcome{display:flex;flex-direction:column;gap:var(--spacing);justify-content:center;text-align:center;max-width:20em;min-height:25em;margin-inline:auto;
							& img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;}
							& h3{font-size:var(--SiteFS);}
							.btc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;
								.btw{flex:auto;}
							}
						}
						.user_menu_info{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;padding:1px;overflow:hidden;
							.avatar{width:3em;height:3em;border-radius:100%;overflow:hidden;background:var(--body-background-color);box-shadow:var(--body-text-color-a10) 0 0 0 1px;
								&>img{display:block;width:100%;height:100%;object-fit:cover;}
							}
							.name{overflow:hidden;
								&>span,&>i{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
								&>span{font-weight:var(--SiteFW-EB);}
								&>i{font-style:normal;font-size:var(--SiteFS-S);color:var(--body-text-color-a50);}
							}
							.func{display:none;}
						}
						.user_menu{display:flex;flex-direction:column;gap:1em;
							.group{display:grid;grid-template-columns:repeat(auto-fill,minmax(15em,1fr));column-gap:calc(var(--spacing)/2);padding-block-start:1em;box-shadow:var(--body-text-color-a5) 0 1px 0 inset;
								.bt{color:inherit;display:grid;grid-template-columns:2em 1fr;align-items:center;gap:1em;height:3em;padding-inline:1em;border-radius:var(--CPT-BDR);transition:color 300ms,background-color 300ms;
									&:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
									&::before{content:attr(icon);font-size:1.5em;margin-inline:auto;}
									&[data-msg-counter]:not([data-msg-counter=""],[data-msg-counter="0"]){grid-template-columns:2em 1fr auto;
										&::after{content:attr(data-msg-counter);font-size:var(--SiteFS-S);font-weight:var(--SiteFW-EB);min-width:1.5em;max-width:3em;height:1.5em;padding-inline:.333334em;box-sizing:border-box;line-height:1.5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:1.5em;color:var(--SiteTHM-text-invert);background:var(--SiteTHM);}
									}
									&>span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
								}
							}
						}
					}
				}
			}
		}
		@media only screen and (min-width:1001px){
			.nav_ctrl_on,
			.nav_ctrl_off,
			.universal_search_bt,
			.user_dropdown_ctrl_off{display:none;}
			#user_dropdown{position:absolute;z-index:1;inset-inline-end:0;inset-block-start:calc(100% + 1em);width:40em;}
			#login-btn+#user_dropdown{width:30em;}
			#user_dropdown{
				&:not(.show){display:none;}
				&.show{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
				@starting-style{&.show{opacity:0;}}
				&>.inner{display:flex;flex-direction:column;gap:var(--spacing);background:var(--background-color-L1);border-radius:1em;box-shadow:rgb(0 0 0/10%) 0 1em 2em;padding:var(--spacing);}
			}
			@media only screen and (max-width:1280px){
				.nav>.inner{
					#nav_logo{--W:2em;--H:2em;--logo:url('../images/seagm_logo_2020_shield-a28166db3a.svg');
						& a::before{filter:unset;-webkit-mask:unset;mask:unset;}
					}
				}
			}
		}
		@media only screen and (max-width:1280px){
			&>.inner{grid-template-columns:auto 1fr;column-gap:1em;}
			.nav>.inner{column-gap:1em;}
			#universal_search{
				&:not(.active){
					.cpt-search{display:none;}
					.universal_search_bt{display:inline-block;}
				}
				&.active{flex:auto;max-width:30em;
					.cpt-search{width:min(30em,100%);}
					.universal_search_bt{display:none;}
					&~.user{display:none;}
				}
			}
		}
		@media only screen and (max-width:1000px){
			&>.inner{height:6em;}
			.nav{position:fixed;inset:0;z-index:999;background-color:var(--background-color-mask-a50);
				&:not(.show){display:none;}
				&.show{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;
					&>.inner{transform:translateX(0);transition:transform 300ms;}
					@starting-style{opacity:0;
						&>.inner{transform:translateX(calc(var(--translate-reverse,1) * -5em));}
					}
				}
				&>.nav_ctrl_off{position:absolute;inset:0;z-index:-1;}
				&>.inner{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:unset;align-items:stretch;width:min(25em,calc(100% - 5em));height:calc(100% - 2em);margin:1em;box-sizing:border-box;border-radius:1em;overflow:hidden;background:var(--background-color-L0);box-shadow:rgba(0 0 0/10%) 0 0 2em;	
					#nav_logo{display:grid;grid-template-columns:1fr auto;align-items:center;padding-inline:var(--spacing) 1em;height:5em;box-shadow:var(--body-text-color-a5) 0 1px 0;--H:1.25em;
						& a{display:flex;align-items:center;height:3em;}
						.close{--icon-opacity:.5;}
					}
					#nav_zone{flex-direction:column;align-items:unset;padding:1em;overflow:hidden auto;
						.type{display:grid;align-items:center;column-gap:1em;
							&:has(.dropmenu_ctrl){grid-template-columns:1fr auto;}
							.bt{padding-inline:1.5em!important;padding-block:1em;
								&>span{max-width:100%;}
							}
							.dropmenu_ctrl{position:unset;margin:unset;}
							.dropmenu{position:unset;width:unset;padding-inline:unset;box-shadow:unset;background-color:unset;
								.category{height:3em;padding-inline:1.5em;}
							}
						}
					}
				}
			}
			.menu{
				.user{
					#headCart:is([data-cart-counter=""],[data-cart-counter="0"]){display:none;}
					#user_dropdown{position:fixed;inset:0;z-index:999;background-color:var(--background-color-mask-a50);
						&:not(.show){display:none;}
						&.show{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;
							&>.inner{transform:translateX(0);transition:transform 300ms;}
							@starting-style{opacity:0;
								&>.inner{transform:translateX(calc(var(--translate-reverse,1) * 5em));}
							}
						}
						&>.user_dropdown_ctrl_off{position:absolute;inset:0;z-index:-1;}
						&>.inner{width:min(25em,calc(100% - 5em));height:calc(100% - 2em);margin-block:1em;margin-inline:auto 1em;box-sizing:border-box;border-radius:1em;display:grid;grid-template-rows:auto 1fr;background:var(--background-color-L0);box-shadow:rgba(0 0 0/10%) 0 0 2em;position:relative;
							&>.user_dropdown_ctrl_off{margin-inline-start:auto;--icon-opacity:.5;}
							.welcome{padding:var(--spacing);box-sizing:border-box;
								.btc{flex-direction:column;align-items:unset;width:15em;margin-inline:auto;}
							}
							.user_menu_info{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding-block:unset;padding-inline:var(--spacing) 1em;height:5em;box-shadow:var(--body-text-color-a5) 0 1px 0;
								.func{display:block;--icon-opacity:.5;}
							}
							.user_menu{overflow:hidden auto;padding:var(--spacing);
								.group:first-child{padding:unset;box-shadow:unset;}
							}
						}
					}
				}
			}
		}
		@media only screen and (max-width:800px){}
		@media only screen and (max-width:480px){
			&>.inner{height:5em;padding-inline:1em;}
			#universal_search #universal_search_dropdown{inset-block-start:calc(var(--CPT-US) + .5em);border-radius:.5em;}
		}
	}
}
@media only screen and (max-width:1000px){body:is(:has(#main_nav .nav.show),:has(#user_dropdown.show)){overflow:hidden;}}


/* site footer */
#site_footer{margin-block-start:auto;
	&>.inner{margin-inline:auto;max-width:var(--MaxContentWidth);padding:var(--spacing);box-sizing:border-box;display:grid;grid:"footer_payments_wrp footer_sns_wrp" auto "footer_nav_wrp footer_app" auto "footer_nav_wrp footer_trustpilot" 1fr "footer_copyright ." auto/1fr clamp(25em,30%,30em);gap:var(--spacing);align-items:start;position:relative;--CPT-US:3em;
		&::before{content:'';display:block;height:1px;position:absolute;inset-inline:0;inset-block-start:0;z-index:0;margin-inline:var(--spacing);background:var(--body-text-color-a5);}
	}
	#footer_payments_wrp{grid-area:footer_payments_wrp;}
	#footer_sns_wrp{grid-area:footer_sns_wrp;}
	#footer_nav_wrp{grid-area:footer_nav_wrp;}
	#footer_app{grid-area:footer_app;}
	#footer_copyright{grid-area:footer_copyright;}
	#footer_trustpilot{grid-area:footer_trustpilot;}
	@media only screen and (max-width:1000px){
		&>.inner{display:flex;flex-direction:column;justify-content:start;}
		#footer_payments_wrp{order:-9;}
		#footer_nav_wrp{order:-8;}
		#footer_copyright{order:9;}
	}
	#footer_payments_wrp{
		.channel_list{display:flex;flex-wrap:wrap;align-items:center;column-gap:1em;height:3em;overflow:hidden;
			.logo{min-width:2em;max-width:10em;height:2em;margin-block:.5em;box-sizing:border-box;overflow:hidden;
				&>img{display:block;width:auto;max-width:calc(100% - var(--brightness-filter) * var(--CPT-BDW) * 2);height:calc(100% - var(--brightness-filter) * var(--CPT-BDW) * 2);object-fit:contain;border-radius:calc(var(--brightness-filter) * .333334em);color:#000;background:rgba(255 255 255/var(--brightness-filter));padding:calc(var(--brightness-filter) * var(--CPT-BDW));}
			}
		}
	}
	#footer_sns_wrp{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;justify-content:center;
		&>h3{font-size:1em;font-weight:var(--SiteFW);color:var(--body-text-color-a50);}
		#footer_sns{display:flex;flex-wrap:wrap;align-items:center;gap:1px;
			.btw:not(:hover){--color:currentColor;--background-color:transparent;--border-color:transparent;}
		}
	}
	#footer_nav_wrp{
		#footer_nav{display:flex;flex-wrap:wrap;gap:1em calc(var(--spacing) * 1.5);
			.group{display:flex;flex-direction:column;gap:.5em;
				.title{color:var(--body-text-color-a50);margin-block-end:.5em;}
				.link{display:block;color:inherit;transition:color 300ms;
					&:hover{color:var(--SiteTHM);}
				}
			}
		}
		@media only screen and (max-width:480px){align-self:stretch;
			#footer_nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5em,1fr));}
		}
	}
	#footer_app{
		a.download{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5em;padding:1em 1.5em;border-radius:1em;box-sizing:border-box;color:var(--color);background:var(--SiteTHM) linear-gradient(calc(135deg * var(--angle-reverse,1)),hsl(calc(var(--h) - 10) var(--s) var(--l)),hsl(calc(var(--h) + 10) var(--s) var(--l)));
			&::before{content:attr(icon);font-size:2em;opacity:.5;order:9;}
			&::after{content:'';display:block;width:4em;height:4em;background:url("https://seagm-media.seagmcdn.com/art/v6/app.png?x-oss-process=image/resize,w_96") no-repeat center/cover;order:-1;}
			.text{
				&>div{font-size:var(--SiteFS-L);font-weight:var(--SiteFW-EB);}
				&>i{font-style:normal;opacity:.5;}
			}
		}
	}
	#footer_copyright{display:grid;align-items:center;grid-template-columns:auto auto 1fr;gap:1em;
		&::before{content:'';display:block;--H:1.25em;width:calc(182/42 * var(--H));height:var(--H);background:url('../images/seagm_logo_2020_text_black-22628aa159.svg') no-repeat center/contain;filter:invert(var(--brightness-filter));}
		&::after{content:'Since 2007';display:block;font-size:var(--SiteFS-S);font-weight:var(--SiteFW-B);padding-inline:.5em;text-align:center;color:black;background:linear-gradient(gold,goldenrod);border-radius:.25em;letter-spacing:.5px;white-space:nowrap;}
		& h3{order:9;font-size:1em;font-weight:var(--SiteFW);color:var(--body-text-color-a50);}
		@media only screen and (max-width:480px){display:flex;flex-wrap:wrap;}
	}
	#footer_trustpilot{display:flex;align-items:center;justify-content:center;height:3em;box-sizing:border-box;background-color:#fff;border-radius:1em;overflow:hidden;text-align:center;
		& a{color:rgba(0 0 0/50%);}
	}
}


/* Universal Search */
#universal_search{position:relative;
	.cpt-search{width:25em;max-width:100%;
		&:not(:focus-within){--icon-opacity:.5;}
	}
	.universal_search_bt:hover{--color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);}
	&:not(.active) #universal_search_dropdown{display:none;}
	&.active #universal_search_dropdown{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
	@starting-style{&.active #universal_search_dropdown{opacity:0;}}

	#universal_search_dropdown{display:flex;flex-direction:column;position:absolute;inset-inline:0;inset-block-start:calc(var(--CPT-US) + 1em);z-index:1;background-color:var(--background-color-L0);border-radius:1em;box-shadow:rgb(0 0 0/10%) 0 1em 2em;overflow:hidden;
		.block{display:grid;grid:"title" auto "list" 1fr;overflow:hidden;}
		.hide{display:none;}
		.title{grid-area:title;display:grid;align-items:center;height:var(--CPT-US);padding-inline:calc(var(--CPT-US)/2);color:var(--body-text-color-a50);box-shadow:var(--body-text-color-a5) 0 1px 0 0;margin-block-end:1px;}
		.list{grid-area:list;display:flex;gap:1px;padding:1em;box-sizing:border-box;overflow:hidden;overflow-y:auto;}
		& div.load{order:9;
			.loading{padding:calc(var(--CPT-US)/2);}
		}
		#recent_list{
			&:not(:has(.list>*)){display:none;}
			.list{flex-wrap:wrap;gap:.5em;
				.recent{flex:none;display:flex;align-items:center;height:2.5em;max-width:min(15em,calc(50% - .25em));padding-inline:1em;box-sizing:border-box;color:inherit;border-radius:.5em;cursor:pointer;background-color:var(--body-text-color-a5);transition:color 300ms,background-color 300ms;
					&>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
					&:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
				}
			}
		}
		#recommend_list{
			&:not(:has(.list>*)){display:none;}
			.list{flex-wrap:wrap;gap:.5em;
				.recommend{flex:none;display:flex;align-items:center;height:2.5em;max-width:min(15em,calc(50% - .25em));padding-inline:1em;box-sizing:border-box;color:inherit;border-radius:.5em;cursor:pointer;background-color:var(--body-text-color-a5);transition:color 300ms,background-color 300ms;
					&>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
					&:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
				}
			}
		}
		#result_list{max-height:min(calc(var(--CPT-US) * 2 + (var(--CPT-US) + .5em) * 6 + 2em + 1px * 7),calc(var(--VHeight) - var(--main-nav-height) * 1px - var(--spacing) - var(--CPT-US)));
			&:not(:has(.list>*)){display:none;}
			.list{flex-direction:column;
				.result{flex:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1em;height:calc(var(--CPT-US) + .5em);padding-inline:.5em 1em;color:inherit;border-radius:.5em;cursor:pointer;transition:color 300ms,background-color 300ms;
					&:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
					.img{width:calc(var(--CPT-US) - .5em);height:calc(var(--CPT-US) - .5em);background:var(--body-background-color,#fff);box-shadow:var(--body-text-color-a5) 0 0 0 1px;border-radius:25%;overflow:hidden;
						&>img{display:block;width:100%;height:100%;object-fit:cover;}
					}
					&>span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;font-weight:var(--SiteFW-B);}
					&>i{padding:.25em .5em;border-radius:.5em;font-size:var(--SiteFS-S);font-style:normal;text-transform:uppercase;white-space:nowrap;color:var(--body-text-color-a50);background-color:var(--body-text-color-a5);}
					& b{font-weight:var(--SiteFW-EB);background-color:var(--SiteTHM-A25);}
				}
				.btw.more{--icon-order:9;--font-weight:var(--SiteFW);--color:var(--body-text-color-a50);margin-inline:auto;}
			}
		}
	}
}


/*Pager*/
.pager_wrp{
	&:has(.pager:empty){display:none;}
	.pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5em;
		& a{display:block;color:inherit;padding:.75em;border-radius:.5em;transition:color 300ms,background-color 300ms;
			&.on{background:var(--body-text-color-a5);pointer-events:none;}
			&:not(.on):hover{background-color:var(--SiteTHM-A10);color:var(--SiteTHM);}
			&>span{display:flex;align-items:center;justify-content:center;min-width:1.5em;height:1.5em;font-weight:var(--SiteFW-B);}
			&.preview,&.next{
				&>span{display:block;width:1.5em;height:1.5em;overflow:hidden;
					&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;}
				}
			}
		}
		@media only screen and (max-width:480px){display:grid;grid-template-columns:auto 1fr auto;gap:1em;width:fit-content;margin-inline:auto;
			&:not(:has(>*)){display:none;}
			&>*:not(.preview,.next){display:none;}
			&::before{content:attr(data-title);white-space:nowrap;}
			& a{
				&.preview{order:-99;}
				&.next{order:99;}
			}
		}
	}
}


/* ItemList & ItemLink */
.ItemList{display:grid;grid-template-columns:repeat(var(--itemlist-column-fill,auto-fill),var(--itemlist-column-count,minmax(var(--itemlist-column-size,18em),1fr)));gap:var(--itemlist-gap,1em var(--spacing));align-items:start;
	.ItemLink{width:min(30em,100%);margin-inline:auto;}
}
.ItemLink{display:grid;grid-template-columns:auto 1fr;gap:var(--itemlink-gap,1em);align-items:center;color:inherit;text-decoration:none;transition:color 300ms;
	&:is(a):hover{color:var(--SiteTHM);}
	.img{width:var(--itemlink-img-w,5em);height:var(--itemlink-img-w,5em);background-color:var(--body-text-color-a5);box-shadow:var(--body-text-color-a5) 0 0 0 1px;border-radius:25%;overflow:hidden;align-self:start;
		& img{display:block;width:100%;height:100%;object-fit:cover;
			&.lazyloaded:is([src*="operator-logo.transferto.com"],[src*="mobile-recharge/operator"]){padding:15%;box-sizing:border-box;background:#fff;object-fit:contain;}
		}
		&:has(img.sku_img){box-shadow:var(--body-text-color-a10) 0 0 0 1px;
			& img.sku_img{object-fit:contain;}
		}
	}
	.T{display:flex;flex-direction:column;gap:.25em;overflow:hidden;
		.name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;font-weight:var(--SiteFW-B);
			&~*{font-size:var(--SiteFS-S);
				&>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
			}
			&:has(+*+*){-webkit-line-clamp:1;line-clamp:1;max-height:1.5em;}
		}
		.tags{display:flex;flex-wrap:wrap;gap:.5em;height:1.5em;overflow:hidden;
			&:empty,&:not(:has(>*)),&:not(:has(>*:not(:empty))){display:none;}
			&>span{color:var(--body-text-color-a50);
				&:not(:first-child)::before{content:'/';margin-inline-end:.5em;opacity:.5;}
			}
		}
		.data{display:flex;gap:1em;
			&>span{color:var(--body-text-color-a50);
				&[icon]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;
					&::before{content:attr(icon);font-size:1.166667em;}
				}
			}
		}
		.Mark{display:flex;flex-wrap:wrap;gap:.25em .5em;}
		.price{display:flex;flex-wrap:wrap;gap:.5em;height:1.5em;overflow:hidden;
			&>span{color:var(--SiteTHM);font-weight:var(--SiteFW-EB);}
			&>span+span{color:var(--body-text-color-a50);font-weight:var(--SiteFW);text-decoration:line-through;}
		}
	}
	&:not(:has(img:is(.GamePic,.CardPic,.MaterialPic))):has(.F){grid-template-columns:auto 1fr auto;
		.F{display:flex;align-items:center;gap:1em;
			.btw{--CPT-US:3em;
				&.buy{--color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);--border-color:transparent;
					&:hover{--border-color:var(--SiteTHM);}
				}
			}
			.qtt{display:block;width:fit-content;min-width:3em;margin-inline:auto;padding-inline:.5em;box-sizing:border-box;text-align:center;font-weight:var(--SiteFW-B);border-radius:.333334em;color:var(--body-text-color);background-color:var(--body-text-color-a5);}
		}
	}
	&:has(img:is(.GamePic,.CardPic,.MaterialPic)){grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;
		.img:has(img.GamePic){width:var(--itemlink-img-w,10em);height:calc(var(--itemlink-img-w,10em)/3 * 4);border-radius:calc(var(--itemlink-img-w,10em)/10);}
		.img:has(img.CardPic){width:var(--itemlink-img-w,10em);height:calc(var(--itemlink-img-w,10em)/3 * 4);border-radius:calc(var(--itemlink-img-w,10em)/10);
			&[region]{position:relative;z-index:0;
				&::before{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:5% 7%;--flag-h:calc(var(--itemlink-img-w,10em)/6.666);}
			}
			& img{--mask-card:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODAgNjQwIj48cGF0aCBkPSJNNDMyIDBINDhDMjEuNSAwIDAgMjEuNSAwIDQ4djU0NGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzODRjMjYuNSAwIDQ4LTIxLjUgNDgtNDhWNDhjMC0yNi41LTIxLjUtNDgtNDgtNDh6TTI5OCA5MkgxODJjLTYuNiAwLTEyLTUuNC0xMi0xMnM1LjQtMTIgMTItMTJoNDBjMC05LjkgOC4xLTE4IDE4LTE4czE4IDguMSAxOCAxOGg0MGM2LjYgMCAxMiA1LjQgMTIgMTJzLTUuNCAxMi0xMiAxMnoiLz48L3N2Zz4=");-webkit-mask-image:var(--mask-card);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:var(--mask-card);mask-repeat:no-repeat;mask-size:contain;}
		}
		.img:has(img.MaterialPic){width:var(--itemlink-img-w,11.5em);height:var(--itemlink-img-w,11.5em);border-radius:calc(var(--itemlink-img-w,11.5em)/10);}
		.T{gap:.5em;}
	}
}
.Mark{
	&:not(:has(>*)){display:none;}
	&>:is(.stockout,.preorder,.discount){display:block;width:fit-content;max-width:100%;padding-inline:.5em;box-sizing:border-box;font-weight:var(--SiteFW-B);text-transform:uppercase;border-radius:.333334em;color:var(--text-color);background-color:var(--background-color);
		&.stockout{--text-color:var(--text-color-alert);--background-color:var(--background-color-alert);}
		&.preorder{--text-color:var(--text-color-warning);--background-color:var(--background-color-warning);}
		&.discount{--text-color:var(--SiteTHM-text-invert);--background-color:var(--text-color-promotion);}
	}
	&>.promotion{color:var(--text-color-promotion);}
	&>.warning{color:var(--text-color-warning);}
}
.Status{
	&>*:is(.unpaid,.sending,.preorder){padding-inline:.5em;border-radius:.25em;font-weight:var(--SiteFW-B);color:var(--color);background-color:var(--background-color);
		&.unpaid{--color:var(--text-color-alert);--background-color:var(--background-color-alert);}
		&.sending{--color:var(--text-color-complete);--background-color:var(--background-color-complete);}
		&.preorder{--color:var(--text-color-warning);--background-color:var(--background-color-warning);}
	}
	&>*:is(.closed,.completed,.refunded){color:var(--color);font-weight:var(--font-weight,inherit);text-transform:uppercase;
		&.closed{--color:var(--body-text-color-a50);}
		&.completed{--color:var(--text-color-complete);--font-weight:var(--SiteFW-B);}
		&.refunded{--color:var(--text-color-warning);--font-weight:var(--SiteFW-B);}
	}
}


/* News List */
.NewsList{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--newslist-column,24em),1fr));gap:var(--newslist-gap,1em);
	.news{display:flex;flex-direction:column;gap:1em;color:inherit;transition:color 300ms;
		@media (any-hover){&:hover{color:var(--SiteTHM);}}
		.img{overflow:hidden;border-radius:1em;background:var(--body-background-color);box-shadow:var(--body-text-color-a5) 0 0 0 1px;
			& img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;}
		}
		.headline{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;}
		.content{color:var(--body-text-color-a50);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;overflow:hidden;text-overflow:ellipsis;}
	}
}


/* theme */
[data-hue] {
    --r: var(--d-r,255);
    --g: var(--d-g,255);
    --b: var(--d-b,255);
    --h: var(--d-h,0);
    --s: var(--d-s,0%);
    --l: var(--d-l,100%);
    --threshold: .6;
    --background-color: rgba(var(--r) var(--g) var(--b)/var(--background-alpha,1));
    --red: calc(var(--r) * .2126);
    --green: calc(var(--g) * .7152);
    --blue: calc(var(--b) * .0722);
    --sum: calc(var(--red) + var(--green) + var(--blue));
    --lightness: calc(var(--sum)/255);
    --lightness-trend: clamp(0%,calc((var(--lightness) - var(--threshold)) * -100% * infinity),100%);
    --color: hsl(0 0% var(--lightness-trend));
    --color-img-bdc: hsl(0 0% var(--lightness-trend)/10%);
    --color-img-bgc: hsl(0 0% var(--lightness-trend)/10%);
    --offset-h1: calc(var(--h) + 10);
    --offset-h2: calc(var(--h) - 10);
    --offset-s1: calc(var(--s) * .9);
    --offset-s2: calc(var(--s) * .9);
    --offset-l1: max(calc(var(--l) - 10%),20%);
    --offset-l2: min(calc(var(--l) + 10%),80%);
}

/*Reviews rate star*/
[review-star]{display:block;width:calc(var(--RateStarSize,1em) * 5);height:var(--RateStarSize,1em);overflow:hidden;position:relative;
	&::before,&::after{content:'';display:block;font-size:var(--RateStarSize,1em);height:1em;overflow:hidden;background-image:url("../images/review_star-50b44dc701.svg");background-repeat:repeat-x;background-position-x:0;background-size:1em;}
	&::before{width:5em;background-position-y:calc(var(--brightness-filter) * -2em);}
	&::after{background-position-y:calc(var(--brightness-filter) * -2em + -1em);position:absolute;inset-block:0;inset-inline-start:0;z-index:0;margin-block:auto;width:calc(var(--RateStar,0) * 1em);}
	&[review-star="1"]{--RateStar:1}
	&[review-star="2"]{--RateStar:2}
	&[review-star="3"]{--RateStar:3}
	&[review-star="4"]{--RateStar:4}
	&[review-star="5"]{--RateStar:5}
}

/*flags*/
[region],[currency]{
	--img1e: url("https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20250212_h24g.jpg");
	--img15e: url("https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20250212_h36g.jpg");
	--img2e: url("https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20250212_h48g.jpg");
	&::before{content:'';display:block;--flag-w:calc(var(--flag-h,1.5em) * 4/3);width:var(--flag-w);height:var(--flag-h,1.5em);border-radius:var(--border-radius,calc(var(--flag-h,1.5em)/4));background-color:#fff;background-image:var(--flag-sprite,var(--img15e));background-position:calc(var(--x,9) * (var(--flag-w) + 1px) * -1) calc(var(--y,29) * (var(--flag-h,1.5em) + 1px) * -1);background-size:calc(var(--flag-w) * 10 + 9px) calc(var(--flag-h,1.5em) * 30 + 29px);background-repeat:no-repeat;box-shadow:rgba(0 0 0/10%) 0 0 0 1px inset,rgba(255 255 255/10%) 0 0 0 1px inset;}
	&:is([currency=''],[region=''])::before{content:none;}
	&[region="ad"]{--x:0;--y:0}&[region="ae"],&[currency="AED"]{--x:1;--y:0}&[region="af"],&[currency="AFN"]{--x:2;--y:0}&[region="ag"]{--x:3;--y:0}&[region="ai"]{--x:4;--y:0}&[region="al"]{--x:5;--y:0}&[region="am"],&[currency="AMD"]{--x:6;--y:0}&[region="ao"],&[currency="AOA"]{--x:7;--y:0}&[region="ar"],&[currency="ARS"]{--x:8;--y:0}&[region="as"]{--x:9;--y:0}&[region="at"]{--x:0;--y:1}&[region="au"],&[currency="AUD"]{--x:1;--y:1}&[region="aw"],&[currency="AWG"]{--x:2;--y:1}&[region="ax"]{--x:3;--y:1}&[region="az"],&[currency="AZN"]{--x:4;--y:1}&[region="ba"]{--x:5;--y:1}&[region="bb"],&[currency="BBD"]{--x:6;--y:1}&[region="bd"],&[currency="BDT"]{--x:7;--y:1}&[region="be"]{--x:8;--y:1}&[region="bf"]{--x:9;--y:1}&[region="bg"],&[currency="BGN"]{--x:0;--y:2}&[region="bh"],&[currency="BHD"]{--x:1;--y:2}&[region="bi"],&[currency="BIF"]{--x:2;--y:2}&[region="bj"]{--x:3;--y:2}&[region="bl"]{--x:4;--y:2}&[region="bm"],&[currency="BMD"]{--x:5;--y:2}&[region="bn"],&[currency="BND"]{--x:6;--y:2}&[region="bo"],&[currency="BOB"]{--x:7;--y:2}&[region="bq"]{--x:8;--y:2}&[region="br"],&[currency="BRL"]{--x:9;--y:2}&[region="bs"],&[currency="BSD"]{--x:0;--y:3}&[region="bt"],&[currency="BTN"]{--x:1;--y:3}&[region="bv"]{--x:2;--y:3}&[region="bw"],&[currency="BWP"]{--x:3;--y:3}&[region="by"],&[currency="BYR"]{--x:4;--y:3}&[region="bz"],&[currency="BZD"]{--x:5;--y:3}&[region="ca"],&[currency="CAD"]{--x:6;--y:3}&[region="cc"]{--x:7;--y:3}&[region="cd"]{--x:8;--y:3}&[region="cf"]{--x:9;--y:3}&[region="cg"],&[currency="CDF"]{--x:0;--y:4}&[region="ch"],&[currency="CHF"]{--x:1;--y:4}&[region="ci"]{--x:2;--y:4}&[region="ck"]{--x:3;--y:4}&[region="cl"],&[currency="CLP"]{--x:4;--y:4}&[region="cm"]{--x:5;--y:4}&[region="cn"],&[currency="CNY"]{--x:6;--y:4}&[region="co"],&[currency="COP"]{--x:7;--y:4}&[region="cr"],&[currency="CRC"]{--x:8;--y:4}&[region="cu"]{--x:9;--y:4}&[region="cv"],&[currency="CVE"]{--x:0;--y:5}&[region="cw"]{--x:1;--y:5}&[region="cx"]{--x:2;--y:5}&[region="cy"]{--x:3;--y:5}&[region="cz"],&[currency="CZK"]{--x:4;--y:5}&[region="de"],&[currency="DEM"]{--x:5;--y:5}&[region="dj"],&[currency="DJF"]{--x:6;--y:5}&[region="dk"],&[currency="DKK"]{--x:7;--y:5}&[region="dm"],&[currency="DOP"]{--x:8;--y:5}&[region="do"]{--x:9;--y:5}&[region="dz"],&[currency="DZD"]{--x:0;--y:6}&[region="ec"],&[currency="ECS"]{--x:1;--y:6}&[region="ee"]{--x:2;--y:6}&[region="eg"],&[currency="EGP"]{--x:3;--y:6}&[region="eh"]{--x:4;--y:6}&[region="er"],&[currency="ERN"]{--x:5;--y:6}&[region="es"]{--x:6;--y:6}&[region="et"],&[currency="ETB"]{--x:7;--y:6}&[region="fi"]{--x:8;--y:6}&[region="fj"],&[currency="FJD"]{--x:9;--y:6}&[region="fk"],&[currency="FKP"]{--x:0;--y:7}&[region="fm"]{--x:1;--y:7}&[region="fo"]{--x:2;--y:7}&[region="fr"],&[currency="FRF"]{--x:3;--y:7}&[region="ga"]{--x:4;--y:7}&[region="gb"],&[currency="GBP"]{--x:5;--y:7}&[region="gd"]{--x:6;--y:7}&[region="ge"],&[currency="GEL"]{--x:7;--y:7}&[region="gf"]{--x:8;--y:7}&[region="gg"]{--x:9;--y:7}&[region="gh"],&[currency="GHS"]{--x:0;--y:8}&[region="gi"],&[currency="GIP"]{--x:1;--y:8}&[region="gl"]{--x:2;--y:8}&[region="gm"],&[currency="GMD"]{--x:3;--y:8}&[region="gn"],&[currency="GNF"]{--x:4;--y:8}&[region="gp"]{--x:5;--y:8}&[region="gq"]{--x:6;--y:8}&[region="gr"]{--x:7;--y:8}&[region="gs"]{--x:8;--y:8}&[region="gt"],&[currency="GTQ"]{--x:9;--y:8}&[region="gu"]{--x:0;--y:9}&[region="gw"]{--x:1;--y:9}&[region="gy"],&[currency="GYD"]{--x:2;--y:9}&[region="hk"],&[currency="HKD"]{--x:3;--y:9}&[region="hm"]{--x:4;--y:9}&[region="hn"],&[currency="HNL"]{--x:5;--y:9}&[region="hr"],&[currency="HRK"]{--x:6;--y:9}&[region="ht"],&[currency="HTG"]{--x:7;--y:9}&[region="hu"],&[currency="HUF"]{--x:8;--y:9}&[region="id"],&[currency="IDR"]{--x:9;--y:9}&[region="ie"],&[currency="IEP"]{--x:0;--y:10}&[region="il"],&[currency="ILS"]{--x:1;--y:10}&[region="im"]{--x:2;--y:10}&[region="in"],&[currency="INR"]{--x:3;--y:10}&[region="io"]{--x:4;--y:10}&[region="iq"],&[currency="IQD"]{--x:5;--y:10}&[region="ir"],&[currency="IRR"]{--x:6;--y:10}&[region="is"],&[currency="ISK"]{--x:7;--y:10}&[region="it"],&[currency="ITL"]{--x:8;--y:10}&[region="je"]{--x:9;--y:10}&[region="jm"],&[currency="JMD"]{--x:0;--y:11}&[region="jo"],&[currency="JOD"]{--x:1;--y:11}&[region="jp"],&[currency="JPY"]{--x:2;--y:11}&[region="ke"],&[currency="KES"]{--x:3;--y:11}&[region="kg"],&[currency="KGS"]{--x:4;--y:11}&[region="kh"],&[currency="KHR"]{--x:5;--y:11}&[region="ki"]{--x:6;--y:11}&[region="km"],&[currency="KMF"]{--x:7;--y:11}&[region="kn"]{--x:8;--y:11}&[region="kp"],&[currency="KPW"]{--x:9;--y:11}&[region="kr"],&[currency="KRW"]{--x:0;--y:12}&[region="kw"],&[currency="KWD"]{--x:1;--y:12}&[region="ky"],&[currency="KYD"]{--x:2;--y:12}&[region="kz"],&[currency="KZT"]{--x:3;--y:12}&[region="la"]{--x:4;--y:12}&[region="lb"],&[currency="LBP"]{--x:5;--y:12}&[region="lc"]{--x:6;--y:12}&[region="li"]{--x:7;--y:12}&[region="lk"],&[currency="LKR"]{--x:8;--y:12}&[region="lr"]{--x:9;--y:12}&[region="ls"],&[currency="LSL"]{--x:0;--y:13}&[region="lt"],&[currency="LTL"]{--x:1;--y:13}&[region="lu"]{--x:2;--y:13}&[region="lv"],&[currency="LVL"]{--x:3;--y:13}&[region="ly"],&[currency="LYD"]{--x:4;--y:13}&[region="ma"],&[currency="MAD"]{--x:5;--y:13}&[region="mc"]{--x:6;--y:13}&[region="md"],&[currency="MDL"]{--x:7;--y:13}&[region="me"]{--x:8;--y:13}&[region="mf"]{--x:9;--y:13}&[region="mg"],&[currency="MGA"]{--x:0;--y:14}&[region="mh"]{--x:1;--y:14}&[region="mk"],&[currency="MKD"]{--x:2;--y:14}&[region="ml"]{--x:3;--y:14}&[region="mm"],&[currency="MMK"]{--x:4;--y:14}&[region="mn"],&[currency="MNT"]{--x:5;--y:14}&[region="mo"],&[currency="MOP"]{--x:6;--y:14}&[region="mp"]{--x:7;--y:14}&[region="mq"]{--x:8;--y:14}&[region="mr"],&[currency="MRO"]{--x:9;--y:14}&[region="ms"]{--x:0;--y:15}&[region="mt"]{--x:1;--y:15}&[region="mu"],&[currency="MUR"]{--x:2;--y:15}&[region="mv"],&[currency="MVR"]{--x:3;--y:15}&[region="mw"],&[currency="MWK"]{--x:4;--y:15}&[region="mx"],&[currency="MXN"]{--x:5;--y:15}&[region="my"],&[currency="MYR"]{--x:6;--y:15}&[region="mz"],&[currency="MZN"]{--x:7;--y:15}&[region="na"],&[currency="NAD"]{--x:8;--y:15}&[region="nc"]{--x:9;--y:15}&[region="ne"]{--x:0;--y:16}&[region="nf"]{--x:1;--y:16}&[region="ng"],&[currency="NGN"]{--x:2;--y:16}&[region="ni"],&[currency="NIO"]{--x:3;--y:16}&[region="nl"],&[currency="ANG"]{--x:4;--y:16}&[region="no"],&[currency="NOK"]{--x:5;--y:16}&[region="np"],&[currency="NPR"]{--x:6;--y:16}&[region="nr"]{--x:7;--y:16}&[region="nu"]{--x:8;--y:16}&[region="nz"],&[currency="NZD"]{--x:9;--y:16}&[region="om"],&[currency="OMR"]{--x:0;--y:17}&[region="pa"],&[currency="PAB"]{--x:1;--y:17}&[region="pe"],&[currency="PEN"]{--x:2;--y:17}&[region="pf"]{--x:3;--y:17}&[region="pg"],&[currency="PGK"]{--x:4;--y:17}&[region="ph"],&[currency="PHP"]{--x:5;--y:17}&[region="pk"],&[currency="PKR"]{--x:6;--y:17}&[region="pl"],&[currency="PLN"]{--x:7;--y:17}&[region="pm"]{--x:8;--y:17}&[region="pn"]{--x:9;--y:17}&[region="pr"]{--x:0;--y:18}&[region="ps"]{--x:1;--y:18}&[region="pt"]{--x:2;--y:18}&[region="pw"]{--x:3;--y:18}&[region="py"],&[currency="PYG"]{--x:4;--y:18}&[region="qa"],&[currency="QAR"]{--x:5;--y:18}&[region="re"]{--x:6;--y:18}&[region="ro"],&[currency="RON"]{--x:7;--y:18}&[region="rs"],&[currency="RSD"]{--x:8;--y:18}&[region="ru"],&[currency="RUB"]{--x:9;--y:18}&[region="rw"],&[currency="RWF"]{--x:0;--y:19}&[region="sa"],&[currency="SAR"]{--x:1;--y:19}&[region="sb"],&[currency="SBD"]{--x:2;--y:19}&[region="sc"],&[currency="SCR"]{--x:3;--y:19}&[region="sd"],&[currency="SDG"]{--x:4;--y:19}&[region="se"],&[currency="SEK"]{--x:5;--y:19}&[region="sg"],&[currency="SGD"]{--x:6;--y:19}&[region="sh"]{--x:7;--y:19}&[region="si"],&[currency="SIT"]{--x:8;--y:19}&[region="sj"]{--x:9;--y:19}&[region="sk"]{--x:0;--y:20}&[region="sl"],&[currency="SLL"]{--x:1;--y:20}&[region="sm"]{--x:2;--y:20}&[region="sn"]{--x:3;--y:20}&[region="so"],&[currency="SOS"]{--x:4;--y:20}&[region="sr"]{--x:5;--y:20}&[region="ss"]{--x:6;--y:20}&[region="st"]{--x:7;--y:20}&[region="sv"]{--x:8;--y:20}&[region="sx"]{--x:9;--y:20}&[region="sy"],&[currency="SYP"]{--x:0;--y:21}&[region="sz"],&[currency="SZL"]{--x:1;--y:21}&[region="tc"]{--x:2;--y:21}&[region="td"]{--x:3;--y:21}&[region="tf"]{--x:4;--y:21}&[region="tg"]{--x:5;--y:21}&[region="th"],&[currency="THB"]{--x:6;--y:21}&[region="tj"],&[currency="TJS"]{--x:7;--y:21}&[region="tk"]{--x:8;--y:21}&[region="tl"]{--x:9;--y:21}&[region="tm"],&[currency="TMT"]{--x:0;--y:22}&[region="tn"],&[currency="TND"]{--x:1;--y:22}&[region="to"],&[currency="TOP"]{--x:2;--y:22}&[region="tr"],&[currency="TRY"]{--x:3;--y:22}&[region="tt"]{--x:4;--y:22}&[region="tv"]{--x:5;--y:22}&[region="tw"],&[currency="NTD"]{--x:6;--y:22}&[region="tz"],&[currency="TZS"]{--x:7;--y:22}&[region="ua"],&[currency="UAH"]{--x:8;--y:22}&[region="ug"],&[currency="UGX"]{--x:9;--y:22}&[region="um"]{--x:0;--y:23}&[region="us"],&[currency="USD"]{--x:1;--y:23}&[region="uy"],&[currency="UYU"]{--x:2;--y:23}&[region="uz"],&[currency="UZS"]{--x:3;--y:23}&[region="va"]{--x:4;--y:23}&[region="vc"]{--x:5;--y:23}&[region="ve"],&[currency="VEF"]{--x:6;--y:23}&[region="vg"]{--x:7;--y:23}&[region="vi"]{--x:8;--y:23}&[region="vn"],&[currency="VND"]{--x:9;--y:23}&[region="vu"],&[currency="VUV"]{--x:0;--y:24}&[region="wf"]{--x:1;--y:24}&[region="ws"],&[currency="WST"]{--x:2;--y:24}&[region="ye"]{--x:3;--y:24}&[region="yt"]{--x:4;--y:24}&[region="za"],&[currency="ZAR"]{--x:5;--y:24}&[region="zm"],&[currency="ZMW"]{--x:6;--y:24}&[region="zw"],&[currency="ZWL"]{--x:7;--y:24}&[region="global"]{--x:8;--y:24}&[region="eu"],&[currency="EUR"]{--x:9;--y:24}&[region="apac"]{--x:0;--y:25}&[region="sea"]{--x:1;--y:25}&[region="latam"]{--x:2;--y:25}&[region="mena"]{--x:3;--y:25}&[region="asia"]{--x:4;--y:25}&[region="europe"]{--x:5;--y:25}&[region="north-america"]{--x:6;--y:25}&[region="south-america"]{--x:7;--y:25}&[region="oceania"]{--x:8;--y:25}&[region="africa"]{--x:9;--y:25}&[region="aq"]{--x:0;--y:26}&[region="central-african"],&[currency="XAF"]{--x:1;--y:26}&[region="west-african"],&[currency="XOF"]{--x:2;--y:26}
}

/*category icons*/
[data-category-icon]{
	--category-text-color: hsl(var(--h) var(--s) var(--l));
	--category-background-color: hsl(var(--h) var(--s) var(--l)/10%);
	&::before{content:'';display:block;width:var(--category-icon-size,2em);height:var(--category-icon-size,2em);background-image:url("../images/category_icons-734b268be6.svg");background-repeat:no-repeat;background-position:calc((var(--x,10) - 1) * var(--category-icon-size,2em) * -1) calc((var(--y,5) - 1) * var(--category-icon-size,2em) * -1);background-size:calc(var(--category-icon-size,2em) * 10) calc(var(--category-icon-size,2em) * 5);}
	&[data-category-icon='']::before{content:none;}
	&[data-category-icon='01']{--x:1;--y:1}&[data-category-icon='02']{--x:2;--y:1}&[data-category-icon='03']{--x:3;--y:1}&[data-category-icon='04']{--x:4;--y:1}&[data-category-icon='05']{--x:5;--y:1}&[data-category-icon='06']{--x:6;--y:1}&[data-category-icon='07']{--x:7;--y:1}&[data-category-icon='08']{--x:8;--y:1}&[data-category-icon='09']{--x:9;--y:1}&[data-category-icon='10']{--x:10;--y:1}&[data-category-icon='11']{--x:1;--y:2}&[data-category-icon='12']{--x:2;--y:2}&[data-category-icon='13']{--x:3;--y:2}&[data-category-icon='14']{--x:4;--y:2}&[data-category-icon='15']{--x:5;--y:2}&[data-category-icon='16']{--x:6;--y:2}&[data-category-icon='17']{--x:7;--y:2}&[data-category-icon='18']{--x:8;--y:2}&[data-category-icon='19']{--x:9;--y:2}&[data-category-icon='20']{--x:10;--y:2}&[data-category-icon='21']{--x:1;--y:3}&[data-category-icon='22']{--x:2;--y:3}&[data-category-icon='23']{--x:3;--y:3}&[data-category-icon='24']{--x:4;--y:3}&[data-category-icon='25']{--x:5;--y:3}&[data-category-icon='26']{--x:6;--y:3}&[data-category-icon='27']{--x:7;--y:3}&[data-category-icon='28']{--x:8;--y:3}&[data-category-icon='29']{--x:9;--y:3}&[data-category-icon='30']{--x:10;--y:3}&[data-category-icon='31']{--x:1;--y:4}&[data-category-icon='32']{--x:2;--y:4}&[data-category-icon='33']{--x:3;--y:4}&[data-category-icon='34']{--x:4;--y:4}&[data-category-icon='35']{--x:5;--y:4}&[data-category-icon='36']{--x:6;--y:4}&[data-category-icon='37']{--x:7;--y:4}&[data-category-icon='38']{--x:8;--y:4}&[data-category-icon='39']{--x:9;--y:4}&[data-category-icon='40']{--x:10;--y:4}&[data-category-icon='41']{--x:1;--y:5}&[data-category-icon='42']{--x:2;--y:5}&[data-category-icon='43']{--x:3;--y:5}&[data-category-icon='44']{--x:4;--y:5}&[data-category-icon='45']{--x:5;--y:5}&[data-category-icon='46']{--x:6;--y:5}&[data-category-icon='47']{--x:7;--y:5}&[data-category-icon='48']{--x:8;--y:5}&[data-category-icon='49']{--x:9;--y:5}&[data-category-icon='50']{--x:10;--y:5}
	&[data-category-icon='01'],&[data-category-icon='15'],&[data-category-icon='22'],&[data-category-icon='25'],&[data-category-icon='31'],&[data-category-icon='32']{--r:13;--g:204;--b:242;--h:190;--s:90%;--l:50%}
	&[data-category-icon='02'],&[data-category-icon='13'],&[data-category-icon='18'],&[data-category-icon='19'],&[data-category-icon='21']{--r:255;--g:170;--b:0;--h:40;--s:100%;--l:50%}
	&[data-category-icon='03'],&[data-category-icon='14'],&[data-category-icon='16'],&[data-category-icon='17'],&[data-category-icon='36']{--r:244;--g:71;--b:37;--h:10;--s:90%;--l:55%}
	&[data-category-icon='04'],&[data-category-icon='11'],&[data-category-icon='23'],&[data-category-icon='34']{--r:38;--g:217;--b:38;--h:120;--s:70%;--l:50%;--hex:#26d926}
	&[data-category-icon='12'],&[data-category-icon='24'],&[data-category-icon='26'],&[data-category-icon='27'],&[data-category-icon='33']{--r:153;--g:61;--b:245;--h:270;--s:90%;--l:60%}
}

/*platform icons*/
[data-platform-icon]{
	&::before{content:'';display:block;width:var(--platform-icon-size,2em);height:var(--platform-icon-size,2em);background-image:url("../images/platform_icons-1e5ef422fe.svg");background-repeat:no-repeat;background-position:calc((var(--x,10) - 1) * var(--platform-icon-size,2em) * -1) calc((var(--y,5) - 1) * var(--platform-icon-size,2em) * -1);background-size:calc(var(--platform-icon-size,2em) * 10) calc(var(--platform-icon-size,2em) * 5);filter:invert(var(--brightness-filter));}
	&[data-platform-icon='']::before{content:none;}
	&[data-platform-icon='1']{--x:1;--y:1}&[data-platform-icon='2']{--x:2;--y:1}&[data-platform-icon='3']{--x:3;--y:1}&[data-platform-icon='4']{--x:4;--y:1}&[data-platform-icon='5']{--x:5;--y:1}&[data-platform-icon='6']{--x:6;--y:1}&[data-platform-icon='7']{--x:7;--y:1}&[data-platform-icon='8']{--x:8;--y:1}&[data-platform-icon='9']{--x:9;--y:1}&[data-platform-icon='10']{--x:10;--y:1}&[data-platform-icon='11']{--x:1;--y:2}&[data-platform-icon='12']{--x:2;--y:2}&[data-platform-icon='13']{--x:3;--y:2}&[data-platform-icon='14']{--x:4;--y:2}&[data-platform-icon='15']{--x:5;--y:2}&[data-platform-icon='16']{--x:6;--y:2}&[data-platform-icon='17']{--x:7;--y:2}&[data-platform-icon='18']{--x:8;--y:2}&[data-platform-icon='19']{--x:9;--y:2}&[data-platform-icon='20']{--x:10;--y:2}&[data-platform-icon='21']{--x:1;--y:3}&[data-platform-icon='22']{--x:2;--y:3}&[data-platform-icon='23']{--x:3;--y:3}&[data-platform-icon='24']{--x:4;--y:3}&[data-platform-icon='25']{--x:5;--y:3}&[data-platform-icon='26']{--x:6;--y:3}&[data-platform-icon='27']{--x:7;--y:3}&[data-platform-icon='28']{--x:8;--y:3}&[data-platform-icon='29']{--x:9;--y:3}&[data-platform-icon='30']{--x:10;--y:3}&[data-platform-icon='31']{--x:1;--y:4}&[data-platform-icon='32']{--x:2;--y:4}&[data-platform-icon='33']{--x:3;--y:4}&[data-platform-icon='34']{--x:4;--y:4}&[data-platform-icon='35']{--x:5;--y:4}&[data-platform-icon='36']{--x:6;--y:4}&[data-platform-icon='37']{--x:7;--y:4}&[data-platform-icon='38']{--x:8;--y:4}&[data-platform-icon='39']{--x:9;--y:4}&[data-platform-icon='40']{--x:10;--y:4}&[data-platform-icon='41']{--x:1;--y:5}&[data-platform-icon='42']{--x:2;--y:5}&[data-platform-icon='43']{--x:3;--y:5}&[data-platform-icon='44']{--x:4;--y:5}&[data-platform-icon='45']{--x:5;--y:5}&[data-platform-icon='46']{--x:6;--y:5}&[data-platform-icon='47']{--x:7;--y:5}&[data-platform-icon='48']{--x:8;--y:5}&[data-platform-icon='49']{--x:9;--y:5}&[data-platform-icon='50']{--x:10;--y:5}
}


/* article */
article.docs{
	&:not([lang*="ar"]){direction:ltr;}
	&>*:first-child{margin-block-start:0;}
	& h1{font-weight:var(--SiteFW-EB);font-size:var(--SiteFS-XXXL);margin-block:1em;}
	& h2{font-weight:var(--SiteFW-EB);font-size:var(--SiteFS-XXL);margin-block:1em;}
	& h3{font-weight:var(--SiteFW-EB);font-size:var(--SiteFS-XL);margin-block:1em;}
	& h4{font-weight:var(--SiteFW-EB);font-size:var(--SiteFS);margin-block:1em;}
	& ul,& ol{margin-block:1em;margin-inline-start:2em;
		&>li{list-style-position:outside;margin-block:.5em;
			&::marker{color:var(--body-text-color-a50);}
		}
	}
	& ul>li{list-style-type:disc;}
	& ol>li{list-style-type:decimal;}
	& a{font-weight:var(--SiteFW-EB);
		&:not(.btw){text-decoration:underline;}
	}
	& b{font-weight:var(--SiteFW-EB);}
	.img{min-width:5em;min-height:5em;width:fit-content;max-width:60em;margin-block:1em;box-sizing:border-box;background:var(--body-text-color-a5);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-radius:.5em;overflow:hidden;}
	& img{display:block;max-width:min(60em,100%);max-height:min(40em,100%);width:auto;height:auto;object-fit:contain;}
	& table{width:auto !important;vertical-align:top;border-collapse:collapse;border:none !important;text-align:center;margin-block:1em;
		& th,& td{border:1px color-mix(in srgb,white calc(90% - var(--brightness-filter) * 65%),black) solid;padding:.5em 1em !important;}
		& p{margin:unset !important;}
	}
	.youtube-player{margin:1em auto;max-width:60em;}
	& iframe{display:block;width:100%;max-width:60em;height:auto;aspect-ratio:16/9;margin:0 auto;border-radius:1em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0);}
	@media only screen and (max-width:1000px){
		& h1{font-size:var(--SiteFS-XXL);}
		& h2{font-size:var(--SiteFS-XL);}
		& h3{font-size:var(--SiteFS-L);}
	}
}


/*loading placeholder*/
div.load{display:block;pointer-events:none;
	.loading{display:flex;align-items:center;gap:1em;vertical-align:top;position:relative;color:var(--body-text-color-a50);
		&::before{content:'';display:block;font-size:var(--icon-size,1.5em);width:1em;height:1em;background:url('../images/placeholder/loading-701269f903.svg') no-repeat center/contain;filter:invert(var(--brightness-filter));}
	}
}

/* search_empty placeholder */
#search_empty{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);
	&.hide{display:none;}
	& img{display:block;width:min(20em,calc(100% - var(--spacing) * 2));height:auto;margin-inline:auto;aspect-ratio:5/3;object-fit:contain;}
	& h3{font-size:var(--SiteFS);font-weight:var(--SiteFW);text-align:center;}
}


/* tips */
.tips_wrp{display:flex;flex-direction:column;gap:.5em;
	&:empty,&.hide,&:not(:has(.tips:not(.hide,:empty),.show:not(:empty))){display:none;}
	&>*:empty,.alert:not(.show),.success:not(.show),.hide{display:none;}
	& a{display:inline-block;font-weight:var(--SiteFW-B);text-decoration:underline;}
	&>[icon]:not(*:empty,.hide){display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;
		&::before{content:var(--icon,'info_outline');font-size:1.5em;align-self:start;}
	}
	.tips{color:var(--body-text-color-a50);}
	.warning,.alert,.success{color:var(--color);font-weight:var(--font-weight);}
	.warning{--color:var(--text-color-warning);--font-weight:inherit;--icon:'report';}
	.alert{--color:var(--text-color-alert);--font-weight:var(--SiteFW-B);--icon:'error';}
	.success{--color:var(--text-color-complete);--font-weight:var(--SiteFW-B);--icon:'check';}
}


/*tukitips*/
#tukitip_wrp{position:fixed;inset-inline:0;inset-block-start:0;z-index:10000;height:0;margin:var(--spacing);display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1em;
	&:not(.show){display:none;}
	&.show{transition:opacity 300ms,transform 300ms;transition-behavior:allow-discrete;
		@starting-style{opacity:0;transform:translateY(calc(var(--spacing) * -1));}
	}
	#tukitip{max-width:40em;min-width:15em;padding:var(--spacing);color:var(--color,inherit);background-color:var(--background-color-L0);border-radius:var(--CPT-BDR);box-sizing:border-box;box-shadow:var(--background-color,transparent) 0 0 0 999em inset,rgba(0 0 0/10%) 0 1em 2em;
		&>div[icon]{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing);align-items:center;
			&::before{content:attr(icon);display:block;font-size:2em;width:1em;height:1em;line-height:1;overflow:hidden;align-self:start;}
		}
		.load .loading{justify-content:center;}
		&.warning{font-weight:var(--SiteFW-B);--color:var(--text-color-warning);--background-color:var(--background-color-warning);}
		&.alert{font-weight:var(--SiteFW-EB);--color:var(--text-color-alert);--background-color:var(--background-color-alert);}
		&.success{font-weight:var(--SiteFW-B);--color:var(--text-color-complete);--background-color:var(--background-color-complete);}
	}
}


/*tukibox*/
body:has(#tukibox_overlay.show){overflow:hidden;}
#tukibox_overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--background-color-mask-a50);--spacing:2em;--MxHeight:calc(var(--VHeight) - var(--spacing) * 2);
	@media only screen and (max-width:1000px),(max-height:640px){--spacing:1.5em;}
	@media only screen and (max-width:480px),(max-height:480px){--spacing:1em;}
	&:not(.show){display:none;}
	&.show{transition:opacity 300ms;transition-behavior:allow-discrete;}
	@starting-style{opacity:0;}
	&>.tukibox_close{position:absolute;inset:0;z-index:0;}
	.tukibox{display:grid;grid:"header" auto "content" 1fr "footer" auto;width:var(--tukibox-width,40em);height:var(--tukibox-height,auto);min-width:var(--tukibox-min-width,auto);max-width:var(--tukibox-max-width,calc(var(--VWidth) - var(--spacing) * 2));min-height:min(var(--tukibox-min-height,25em),calc((var(--VWidth) - var(--spacing) * 2) * 2/3));max-height:min(var(--tukibox-max-height,50em),calc(var(--VHeight) - var(--spacing) * 2));box-sizing:border-box;border-radius:1em;box-shadow:var(--tukibox-boxshadow);background-color:var(--tukibox-background-color,var(--background-color-L0));overflow:hidden;position:relative;
		&>.header{grid-area:header;}
		&>.content{grid-area:content;}
		&>.footer{grid-area:footer;}
		&>.tukibox_close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:0;border-radius:inherit;}

		&>.header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing);padding-block:max(calc(var(--spacing)/2),1.25em);padding-inline:calc(var(--spacing) * 1.5);min-height:5em;box-sizing:border-box;overflow:hidden;
			& h3{font-size:var(--SiteFS-L);font-weight:var(--SiteFW-B);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
			.func{display:flex;align-items:center;gap:1em;margin-inline-end:calc(var(--spacing)/-2);--CPT-US:3em;}
		}
		&>.content{display:flex;flex-direction:column;gap:1em;padding-inline:calc(var(--spacing) * 1.5);overflow:hidden auto;outline:unset;
			&.scrollable{padding-block:max(calc(var(--spacing)/2),1.5em);background-color:var(--background-color-L1);box-shadow:var(--body-text-color-a5) 0 1px 0,var(--body-text-color-a5) 0 -1px 0;}
			&>.load:only-child{margin:auto;}
		}
		&>.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing);padding-block:max(calc(var(--spacing)/2),1.25em);padding-inline:calc(var(--spacing) * 1.5);min-height:5em;box-sizing:border-box;overflow:hidden;
			.func{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:1em;margin-inline-start:auto;}
		}
		&:not(:has(>.header))>.content{padding-block-start:max(calc(var(--spacing)/2),1.5em);}
		&:not(:has(>.footer))>.content{padding-block-end:max(calc(var(--spacing)/2),1.5em);}

		.block{display:flex;flex-direction:column;gap:1.5em;}
		.field{display:flex;flex-direction:column;gap:1em;}
		.radio-group,
		.checkbox-group{display:flex;flex-wrap:wrap;gap:1em var(--spacing);}
	}
}
/* tukibox_Maintenance */
.tukibox:has(#tukibox_Maintenance){--tukibox-width:50em;
	#tukibox_Maintenance{padding:calc(var(--spacing) * 2);gap:var(--spacing);background:linear-gradient(180deg,var(--SiteTHM-A10),transparent);
		&>div{width:min(30em,100%);margin-inline:auto;}
		.art{
			&>img{display:block;width:min(20em,calc(var(--VWidth) * .618));height:auto;margin-inline:auto;aspect-ratio:5/4;object-fit:contain;}
		}
		.message{text-align:center;display:flex;flex-direction:column;gap:1em;
			& h3{font-size:var(--SiteFS-XL);font-weight:var(--SiteFW-EB);text-transform:uppercase;}
		}
		.btc{display:flex;flex-wrap:wrap;gap:1em;align-items:center;justify-content:center;}
	}
}
/* tukibox RegionList */
.tukibox:has(#tukibox_RegionList){--tukibox-width:60em;--tukibox-min-height:40em;
	#tukibox_RegionList{gap:var(--spacing);padding-block:var(--spacing);background-color:var(--background-color-L1);box-shadow:var(--body-text-color-a5) 0 1px 0,var(--body-text-color-a5) 0 -1px 0;
		.RegionSearch{max-width:30em;}
		.RegionList{display:grid;grid-template-columns:repeat(auto-fill,minmax(15em,1fr));align-items:start;column-gap:1em;
			.RegionItem{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;height:var(--CPT-US);padding-inline:1.25em;border-radius:var(--CPT-BDR);box-shadow:var(--border-color,transparent) 0 0 0 var(--CPT-BDW) inset,var(--background-color,transparent) 0 0 0 999em inset;overflow:hidden;cursor:pointer;transition:box-shadow 300ms;--H:1.5em;
				.name{display:block;font-weight:var(--SiteFW-B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
				&:hover{--border-color:var(--SiteTHM-A0);--background-color:var(--SiteTHM-A10);}
				&.on{--border-color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);}
				&.hide{display:none;}
				&:has(.code){grid-template-columns:auto 1fr auto;
					.code{display:block;color:var(--body-text-color-a50);}
				}
			}
		}
	}
}
/* tukibox Currency and Language */
.tukibox:has(#tukibox_UserSettings){
	#tukibox_UserSettings{padding-block:max(calc(var(--spacing)/2),1.5em);background-color:var(--background-color-L1);box-shadow:var(--body-text-color-a5) 0 1px 0,var(--body-text-color-a5) 0 -1px 0;
		.LanguageList{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,15em),1fr));align-items:start;gap:.25em 1em;
			.language{display:flex;align-items:center;gap:1em;height:var(--CPT-US);padding-inline:calc(var(--CPT-US)/2);border-radius:var(--CPT-BDR);box-shadow:var(--border-color,transparent) 0 0 0 var(--CPT-BDW) inset,var(--background-color,transparent) 0 0 0 999em inset;overflow:hidden;cursor:pointer;transition:box-shadow 300ms;
				&:hover{--border-color:var(--SiteTHM-A0);--background-color:var(--SiteTHM-A10);}
				&>span{font-weight:var(--SiteFW-B);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
				&.on{--border-color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);
					&::before{content:'checked';font-size:1.5em;flex:none;color:var(--SiteTHM);margin-inline-start:auto;order:9;}
				}
			}
		}
	}
}

/* OTP user_information */
.tukibox:has(#tukibox_UserTask){
	#tukibox_UserTask{gap:var(--spacing);
		.task_list{display:flex;flex-direction:column;gap:1em;
			.task{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75em 1em;padding:1.25em 1.5em;box-sizing:border-box;color:inherit;border-radius:var(--CPT-BDR);box-shadow:var(--body-text-color-a10) 0 0 0 var(--CPT-BDW) inset;background-color:var(--CPT-BGC);transition:box-shadow 300ms;
				&::before{order:9;align-self:start;content:attr(icon);display:flex;align-items:center;justify-content:center;font-size:1em;width:2em;height:2em;border-radius:.5em;color:var(--background-color-L0);background-color:var(--SiteTHM);transition:color 300ms,background-color 300ms;}
				&:hover{box-shadow:var(--SiteTHM) 0 0 0 var(--CPT-BDW) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}
				&.done{box-shadow:var(--text-color-complete) 0 0 0 var(--CPT-BDW) inset,var(--background-color-complete) 0 0 0 999em inset;cursor:unset;
					&::before{content:'check';font-size:2em;width:1em;height:1em;color:var(--text-color-complete);border-radius:unset;background-color:unset;}
				}
				.T{font-weight:var(--SiteFW-EB);}
				.C{grid-column:1/-1;order:99;color:var(--body-text-color-a50);}
			}
		}
	}
}
/* tukibox_OrderConfirmation (item buy confirmation & buy again confirmation) */
.tukibox:has(#tukibox_OrderConfirmation){
	#tukibox_OrderConfirmation{
		.SKU_confirmation{display:flex;flex-direction:column;gap:1.5em;padding:1.5em;border-radius:.5em;background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;}
		.ItemLink{
			.F{flex-direction:column;gap:.25em;}
			.pri{font-weight:var(--SiteFW-EB);}
			.qtt{padding-inline:.75em;font-weight:var(--SiteFW-EB);border-radius:.5em;background-color:var(--body-text-color-a5);}
			&+.Mark{padding-block-start:1.5em;box-shadow:var(--body-text-color-a5) 0 1px 0 inset;display:flex;flex-wrap:wrap;gap:.5em 1em;
				.promotion{
					&:has(+.promotion)::after{content:'; ';}
				}
			}
		}
		.order_info{display:flex;flex-direction:column;gap:1em;padding:1.25em 1.5em;border-radius:.5em;background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;
			.order_data{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:.5em 1em;
				.T{min-width:5em;color:var(--body-text-color-a50);}
				.C{font-weight:var(--SiteFW-B);}
			}
		}
	}
}
/* tukibox_ItemClaim */
.tukibox:has(#tukibox_ItemClaim){
	#tukibox_ItemClaim{padding:calc(var(--spacing) * 2);gap:var(--spacing);
		.art{
			&>img{display:block;width:min(20em,100%);height:auto;margin-inline:auto;aspect-ratio:4/3;object-fit:contain;}
		}
		.message{text-align:center;display:flex;flex-direction:column;gap:1em;width:min(30em,100%);margin-inline:auto;
			& h3{font-size:var(--SiteFS-XL);}
		}
		.btc{display:flex;flex-wrap:wrap;gap:1em;align-items:center;justify-content:center;}
	}
}
/* tukibox_ReviewReport (user review report popup) */
.tukibox:has(#tukibox_ReviewReport){
	#tukibox_ReviewReport{gap:var(--spacing);padding-block:max(calc(var(--spacing)/2),1.5em);background-color:var(--background-color-L1);box-shadow:var(--body-text-color-a5) 0 1px 0,var(--body-text-color-a5) 0 -1px 0;
		.form{display:flex;flex-direction:column;gap:var(--spacing);
			.cpt-checkbox{--font-weight:var(--SiteFW);}
			.cpt-textarea{grid-column:1/-1;
				&>textarea{font-weight:var(--SiteFW);}
			}
		}
	}
}
/* tukibox_ClaimCoupon coupon promotion popup */
.tukibox:has(#tukibox_ClaimCoupon){
	#tukibox_ClaimCoupon{gap:unset;padding:var(--spacing);color:#fff;background-color:var(--background-color-L1);background-image:url('https://seagm-media.seagmcdn.com/art/v6/coupon/coupon_popup_bg0.png?x-oss-process=image/resize,w_960'),linear-gradient(0deg,#3a6db0,#eb79a0);background-repeat:no-repeat;background-position:center;background-size:cover;
		&::before{content:'';display:block;aspect-ratio:3/2;background:url('https://seagm-media.seagmcdn.com/art/v6/coupon/coupon_popup_bg1.png?x-oss-process=image/resize,w_480') no-repeat center/contain;width:min(20em,calc(100% - var(--spacing) * 2));margin-inline:auto;}
		&::after{content:'';display:block;aspect-ratio:4/1;background:url('https://seagm-media.seagmcdn.com/art/v6/coupon/coupon_popup_bg2.png?x-oss-process=image/resize,w_960') no-repeat center bottom/contain;margin-inline:calc(var(--spacing) * -1);margin-block-end:calc(var(--spacing) * -1);}
		&>.title{order:-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;
			& .tukibox_close{--CPT-US:2.5em;--CPT-BDR:25%;align-self:start;}
		}
		&>.coupon{width:min(30em,calc(100% - var(--spacing)));margin:auto;}
	}
}

/* UCP card retrieve popup */
.tukibox:has(#tukibox_CardView){--tukibox-width:50em;--tukibox-min-height:35em;
	#tukibox_CardView{overflow:auto;gap:var(--spacing);
		.card_info{display:flex;flex-direction:column;gap:1em;}
		.ItemLink{margin-block:1px;width:min(30em,100%);
			.qtt{padding-inline:.75em;font-weight:var(--SiteFW-EB);border-radius:.5em;background-color:var(--body-text-color-a5);}
		}
	}
	.pin_list{width:100%;box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-collapse:collapse;background-color:var(--background-color-L3);
		& thead{color:var(--body-text-color-a50);}
		& tbody{
			&>tr{box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
		}
		& th{text-align:center;font-weight:var(--SiteFW);padding:1em;}
		& td{vertical-align:top;text-align:center;white-space:nowrap;padding:1em;}
		.link{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;text-align:start;white-space:normal;width:min(30em,100%);margin-inline:auto;}
		@media only screen and (max-width:480px){display:block;overflow:hidden;box-shadow:unset;background-color:unset;
			& tbody{display:flex;flex-direction:column;gap:1em;}
			& thead{display:none;}
			& tbody>tr{display:flex;flex-direction:column;gap:.5em;padding:1.5em;box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;background-color:var(--background-color-L3);border-radius:.5em;}
			& td{display:flex;justify-content:space-between;gap:1.5em;padding:unset;
				&::before{content:attr(data-title);color:var(--body-text-color-a50);}
			}
		}
	}
	.instruction{
		.intro{display:grid;grid-template-columns:auto 1fr;gap:.5em;font-size:var(--SiteFS-S);
			&::before{content:attr(icon);font-size:1.5em;}
			&>span{font-weight:var(--CPT-FW-B);}
		}
	}
}
/* UCP card retrieve popup (Agent)*/
.tukibox:has(#tukibox_CardExport){--tukibox-width:80em;--tukibox-max-height:min(60em,calc(var(--VHeight) - var(--spacing) * 2));
	#tukibox_CardExport{
		#card_export{padding-block:1px;
			.pin_list_wrp{background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px;overflow:auto;
				.pin_list{vertical-align:top;width:100%;border-collapse:collapse;background:var(--background-color-L3);
					& th,& td{vertical-align:top;padding:.75em 1em;white-space:nowrap;}
					& th{padding-block:1em;font-weight:var(--SiteFW);text-align:start;color:var(--body-text-color-a50);background:var(--body-text-color-a5);}
					& td{box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
				}
			}
		}
	}
}
/* UCP redeem coupon */
.tukibox:has(#tukibox_RedeemCoupon){
	#tukibox_RedeemCoupon{padding:calc(var(--spacing) * 2);gap:var(--spacing);
		.art{
			&>img{display:block;width:min(20em,100%);height:auto;margin-inline:auto;aspect-ratio:4/3;object-fit:contain;}
		}
		.link{width:min(30em,100%);margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:1em;
			& h3{font-size:var(--SiteFS-XL);}
			.cpt-text>input{text-align:center;text-transform:uppercase;letter-spacing:.5em;}
		}
		.btc{display:flex;flex-wrap:wrap;gap:1em;align-items:center;justify-content:center;}
	}
}
/* UCP download invoice popup */
.tukibox:has(#tukibox_DownloadInvoice){
	#tukibox_DownloadInvoice{
		.details{display:grid;grid-template-columns:auto 1fr;gap:.75em 1.5em;padding:1.5em;background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-radius:.5em;
			.iid{font-weight:var(--SiteFW-EB);}
			.pid{font-weight:var(--SiteFW-EB);
				&:not(:last-child){display:inline-block;vertical-align:top;
					&::after{content:' ,'}
				}
			}
		}
	}
}
/* UCP prepaid popup (iframe) */
.tukibox:has(#tukibox_PrepaidFrame){--tukibox-height:40em;
	&>.tukibox_close{--CPT-US:3em;border-start-end-radius:inherit;border-end-start-radius:inherit;border-start-start-radius:unset;border-end-end-radius:unset;}
	#tukibox_PrepaidFrame{padding:unset;
		.tukibox_prepaid_iframe{display:block;width:100%;height:100%;border:unset;}
	}
}
/* UCP prepaid popup (form) */
.tukibox:has(#tukibox_PrepaidForm){
	#tukibox_PrepaidForm{
		.form{width:min(30em,100%);margin:auto;display:flex;flex-direction:column;gap:1em;--CPT-US:4em;}
	}
}
/* UCP prepaid popup (list) */
.tukibox:has(#tukibox_PrepaidList){--tukibox-width:50em;
	#tukibox_PrepaidList{
		.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(12em,1fr));gap:.5em;
			.cpt-radio>input[type="radio"]{
				&+span{--CPT-US:4em;height:var(--CPT-US);box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1em;line-height:var(--line-height,2);padding-block:calc((var(--CPT-US) - var(--line-height,2) * var(--CPT-FS))/2);padding-inline:calc(var(--CPT-US)/3);overflow:hidden;background-color:var(--CPT-BGC);border-radius:var(--border-radius,var(--CPT-BDR));box-shadow:var(--border-color,var(--CPT-BDC)) 0 0 0 var(--CPT-BDW) inset,var(--background-color,transparent) 0 0 0 999em inset;cursor:pointer;transition:box-shadow 300ms;
					&::before{align-self:inherit;}
					b{font-weight:var(--SiteFW-EB);}
					i{font-weight:var(--SiteFW);font-style:normal;color:var(--body-text-color-a50);}
				}
				&:checked+span{--border-color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);}
			}
		}
	}
}


/* SEAGM Star redeem confirmation */
.tukibox:has(#tukibox_RedeemConfirmation){
	#tukibox_RedeemConfirmation{
		.SKU_confirmation{display:flex;flex-direction:column;gap:1.5em;padding:1.5em;border-radius:.5em;background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;
			.price_wrp{padding-block-start:1.5em;box-shadow:var(--body-text-color-a5) 0 1px 0 inset;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;
				.pri{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;font-weight:var(--SiteFW-EB);color:var(--SiteTHM);
					&::before{font-size:1.5em;}
				}
			}
		}
	}
}


/* lucky draw chance notification popup */
.tukibox:has(#tukibox_LuckydrawNotification){
	&>.tukibox_close{--CPT-US:3em;border-start-end-radius:inherit;border-end-start-radius:inherit;border-start-start-radius:unset;border-end-end-radius:unset;}
	#tukibox_LuckydrawNotification{justify-content:center;gap:var(--spacing);text-align:center;padding:calc(var(--spacing) * 2);background-color:#9078F0;background-image:url('https://seagm-media.seagmcdn.com/art/v6/luckydraw/prize_bg.png?x-oss-process=image/resize,w_960,limit_0'),radial-gradient(#9078F0,#6C48F8);background-repeat:no-repeat;background-position:center;background-size:cover;color:white;
		.art{
			&>img{display:block;width:min(25em,75%);height:auto;margin-inline:auto;aspect-ratio:4/3;object-fit:contain;}
		}
		& h3{font-size:var(--SiteFS-XL);}
	}
}
/* lucky draw winner popup */
.tukibox:has(#tukibox_LuckydrawWinner){
	&>.tukibox_close{--CPT-US:3em;border-start-end-radius:inherit;border-end-start-radius:inherit;border-start-start-radius:unset;border-end-end-radius:unset;}
	#tukibox_LuckydrawWinner{justify-content:center;gap:var(--spacing);text-align:center;padding:calc(var(--spacing) * 2);background-color:#9078F0;background-image:url('https://seagm-media.seagmcdn.com/art/v6/luckydraw/prize_bg.png?x-oss-process=image/resize,w_960,limit_0'),radial-gradient(#9078F0,#6C48F8);background-repeat:no-repeat;background-position:center;background-size:cover;color:white;
		.art{
			&>img{display:block;width:min(25em,75%);height:auto;margin-inline:auto;aspect-ratio:4/3;object-fit:contain;}
		}
		& h3{font-size:var(--SiteFS-XL);}
	}
}
/* lucky draw Prize popup */
.tukibox:has(#tukibox_LuckydrawPrize){
	#tukibox_LuckydrawPrize{gap:var(--spacing);
		.item_info{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-radius:.5em;--spacing:1.5em;}
		.item_pin{display:grid;grid-template-columns:auto 1fr;gap:.25em 1em;padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;
			.T{min-width:5em;}
		}
	}
}


/*youtube-player container*/
.youtube-player{border-radius:1em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0);margin-block:1em;background:var(--background-color-L3) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2OCA0OCc+PHBhdGggZmlsbD0ncmdiYSgwLDAsMCwuMSknIGQ9J002Ni41Miw3Ljc0Yy0wLjc4LTIuOTMtMi40OS01LjQxLTUuNDItNi4xOUM1NS43OSwuMTMsMzQsMCwzNCwwUzEyLjIxLC4xMyw2LjksMS41NSBDMy45NywyLjMzLDIuMjcsNC44MSwxLjQ4LDcuNzRDMC4wNiwxMy4wNSwwLDI0LDAsMjRzMC4wNiwxMC45NSwxLjQ4LDE2LjI2YzAuNzgsMi45MywyLjQ5LDUuNDEsNS40Miw2LjE5IEMxMi4yMSw0Ny44NywzNCw0OCwzNCw0OHMyMS43OS0wLjEzLDI3LjEtMS41NWMyLjkzLTAuNzgsNC42NC0zLjI2LDUuNDItNi4xOUM2Ny45NCwzNC45NSw2OCwyNCw2OCwyNFM2Ny45NCwxMy4wNSw2Ni41Miw3Ljc0eicvPjxwYXRoIGQ9J00gNDUsMjQgMjcsMTQgMjcsMzQnIGZpbGw9J3doaXRlJy8+PC9zdmc+") no-repeat center/5em 5em;box-shadow:var(--body-text-color-a5) 0 0 0 1px;aspect-ratio:16/9;
	&>iframe,&>video{display:block;width:100%;height:100%;border:unset;margin:unset;object-fit:cover;}
}

/*Breadcrumbs*/
.Breadcrumbs.hide{display:none;}


/*livechat_container*/
.livechat_container{position:fixed;inset-inline-end:0;inset-block-end:0;z-index:8;margin-inline-end:var(--spacing);
	.livechat_btw{border-start-start-radius:.666667em;border-start-end-radius:.666667em;background:var(--SiteTHM);color:var(--body-background-color);box-shadow:var(--SiteTHM-A10) 0 0 0 .25em;font-weight:var(--SiteFW-EB);cursor:pointer;padding:1em 1.5em;
		&>span{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;
			&::before{content:attr(icon);display:block;font-size:1.5em;}
		}
		&.btwloading>span::before{content:'';background:url('../images/placeholder/loading-701269f903.svg') no-repeat center/contain;filter:invert(calc(1 - var(--brightness-filter)));}
	}
	@media only screen and (max-width:1000px){margin-inline:0;
		.livechat_btw{border-start-end-radius:unset;padding:1em;
			&>span{display:block;width:1.5em;height:1.5em;overflow:hidden;}
		}
	}
}



/* debug */
*,::before,::after{
	/* box-shadow:lime 0 0 0 1px inset !important; */
}
/* debug */