@charset "UTF-8";
html{}
body{font:var(--SiteFS,12px)/1.5 var(--SiteFF2);font-weight:var(--CPT-FW);margin:unset;background:var(--body-background-color,hsl(0 0% 97%));color:var(--body-text-color,rgba(0 0 0/75%));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-word;-webkit-tap-highlight-color:transparent;}
input,textarea,select{font-size:1em;color:#555;font-family:var(--SiteFF2);font-weight:var(--CPT-FW);}
h1,h2,h3,h4,h5,h6,ul,ol{margin:0;}
h1,h2,h3{font-family:var(--SiteFF);font-weight:var(--CPT-FW);}
ul,ol,menu{padding-inline-start:0;}
li{list-style-type:none;}
form,dl,dd,menu{margin:0;}
a img{border:none;}
a{color:var(--SiteTHM);text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;}
b{font-weight:var(--CPT-FW-B);}

/*fonts*/
/*Manrope*/
/* cyrillic-ext */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("/skin/common/fonts/manrope/v15/manrope-cyrillic-ext-c425875f.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("/skin/common/fonts/manrope/v15/manrope-cyrillic-a4282bd0.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("/skin/common/fonts/manrope/v15/manrope-greek-9ceeac10.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("/skin/common/fonts/manrope/v15/manrope-vietnamese-10fbe264.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("/skin/common/fonts/manrope/v15/manrope-latin-ext-0ec434d3.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("/skin/common/fonts/manrope/v15/manrope-c1485303.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("/skin/common/fonts/notosansarabic/v18/notosansarabic-2295a7ea.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("/skin/common/fonts/robotomono/v23/robotomono-cyrillic-ext-6fe8dea5.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("/skin/common/fonts/robotomono/v23/robotomono-cyrillic-288685cb.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("/skin/common/fonts/robotomono/v23/robotomono-greek-5a4b38ea.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("/skin/common/fonts/robotomono/v23/robotomono-vietnamese-9715b299.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("/skin/common/fonts/robotomono/v23/robotomono-latin-ext-6046256c.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("/skin/common/fonts/robotomono/v23/robotomono-fa30bd41.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-THM-R: 30;
	--CPT-THM-G: 144;
	--CPT-THM-B: 255;
	--CPT-THM-H: 210;
	--CPT-THM-S: 100%;
	--CPT-THM-L: 56%;

	--CPT-US: 3.5em;
	--CPT-BDW: 2px;
	--CPT-FW: 400;
	--CPT-FW-B: 600;
	--CPT-FW-EB: 800;

	--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%);

	--SiteFS: 12px;
	--SiteFS-S: .833334em;
	--SiteFS-L: 1.166667em;
	--SiteFS-XL: 1.5em;
	--SiteFS-XXL: 2em;

	--IconFF: var(--IconFF1);

	--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%;
	--background-color-warning: rgba(var(--color-warning-r) var(--color-warning-g) var(--color-warning-b) / 10%);
	--text-color-warning: rgba(var(--color-warning-r) var(--color-warning-g) var(--color-warning-b));

	--color-alert-r: 255;
	--color-alert-g: 0;
	--color-alert-b: 0;
	--color-alert-h: 0;
	--color-alert-s: 100%;
	--color-alert-l: 50%;
	--background-color-alert: rgba(var(--color-alert-r) var(--color-alert-g) var(--color-alert-b) / 10%);
	--text-color-alert: rgba(var(--color-alert-r) var(--color-alert-g) var(--color-alert-b));

	--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%;
	--background-color-complete: rgba(var(--color-complete-r) var(--color-complete-g) var(--color-complete-b) / 10%);
	--text-color-complete: rgba(var(--color-complete-r) var(--color-complete-g) var(--color-complete-b));

	--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%;
	--background-color-promotion: rgba(var(--color-promotion-r) var(--color-promotion-g) var(--color-promotion-b) / 10%);
	--text-color-promotion: rgba(var(--color-promotion-r) var(--color-promotion-g) var(--color-promotion-b));
}

/*全局字体变量*/
: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{
	--VWX:calc(var(--VW) * 1px);
	--VHX:calc(var(--VH) * 1px);
	--VWidth:var(--VWX,100vw);
	--VHeight:var(--VHX,100vh);
}
@supports (width: 100dvw) {
	body{
		--VWidth:min(100dvw,var(--VWX,100vw));
		--VHeight:min(100dvh,var(--VHX,100vh));
	}
}

@media only screen and (min-width:1441px){
	body{--MaxContentWidth: 120em;}
}
@media only screen and (max-width:1440px){
	body{--MaxContentWidth: 100em;}
}
@media only screen and (max-width:1280px){
	body{--MaxContentWidth: 83.333334em;}
}
@media only screen and (max-width:1000px){
	body{--MaxContentWidth: 100%;}
}


.btw{--icon-size:calc(var(--CPT-FS) * 1.5);}
.btw.btwloading>span::before{border-radius:unset;opacity:unset;animation:unset;background:url('/skin/common/images/loading-e68d1a61.svg') no-repeat center/contain;filter:invert(var(--lightness-trend,var(--brightness-filter,0)));}
.btw[color="outline"]{--border-color:var(--body-text-color-a10,rgba(0 0 0/10%));}

[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-"]:focus-within{
	--shadow-focus-color: transparent !important;
}
.cpt-select option {
	color: var(--body-text-color);
	background: var(--background-color-L1);
}
.cpt-text>span:has(+input),
.cpt-search>span:has(+input),
.cpt-select>span:has(+select){padding-inline-end:unset;}
.cpt-text>input+span,
.cpt-search>input+span{padding-inline-start:unset;}

.cpt-checkbox{
	--checkbox-border-color:var(--CPT-COLOR-A10);
}
.cpt-radio{
	--radio-border-color:var(--CPT-COLOR-A10);
}

/*rtl*/
[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;
}
[lang*="ar"] [icon="sort"]::before,
[lang*="ar"] [icon="search"]::before,
[lang*="ar"] [icon-only="search"]::before,
[lang*="ar"] [icon-only="logout"]::before,
[lang*="ar"] [icon="navigate_before"]::before,
[lang*="ar"] [icon-only="navigate_before"]::before,
[lang*="ar"] [icon="navigate_next"]::before,
[lang*="ar"] [icon-only="navigate_next"]::before,
[lang*="ar"] [icon="chevron_left"]::before,
[lang*="ar"] [icon-only="chevron_left"]::before,
[lang*="ar"] [icon="chevron_right"]::before,
[lang*="ar"] [icon-only="chevron_right"]::before,
[lang*="ar"] [icon="send"]::before,
[lang*="ar"] [icon-only="send"]::before,
[lang*="ar"] [icon="logout"]::before,
[lang*="ar"] [icon-only="logout"]::before{transform:scaleX(-1);}


/*flags*/
[region], [currency]{
	--img1e: url("https://kaleoz-media.seagmcdn.com/flag_sprite/flag_sprite_20250212_h24g.jpg");
	--img15e: url("https://kaleoz-media.seagmcdn.com/flag_sprite/flag_sprite_20250212_h36g.jpg");
	--img2e: url("https://kaleoz-media.seagmcdn.com/flag_sprite/flag_sprite_20250212_h48g.jpg");
}
[region]::before, [currency]::before {
	content: '';
	display: block;
	--w: calc(var(--h,1.5em) * 4/3);
	width: var(--w);
	height: var(--h,1.5em);
	border-radius: var(--border-radius,calc(var(--h,1.5em) / 4));
	background-color: var(--body-text-color-a5,#fff);
	background-image: var(--flag-sprite,var(--img15e));
	background-position: calc(var(--x,9) * (var(--w) + 1px) * -1) calc(var(--y,29) * (var(--h,1.5em) + 1px) * -1);
	background-size: calc(var(--w) * 10 + 9px) calc(var(--h,1.5em) * 30 + 29px);
	background-repeat: no-repeat;
	box-shadow: var(--body-text-color-a10,rgb(0 0 0 / 10%)) 0 0 0 1px inset;
}
[currency='']::before,[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}


/* item service category */
[data-item-category="currency"]{--i:'money'}
[data-item-category="topup"]{--i:'outbound'}
[data-item-category="item"]{--i:'category'}
[data-item-category="card"]{--i:'credit_card'}
[data-item-category="cdkey"]{--i:'qr_code_scanner'}


/* 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) - 20%),20%);
    --offset-l2: min(calc(var(--l) + 10%),80%);
}


/*Seller level*/
[data-seller-level]::before{content:'';display:block;height:var(--seller-level-size,1.5em);width:calc(var(--seller-level-size,1.5em) * var(--S,1));background:url("/skin/common/images/seller-level-c4e727b2.svg") 0 calc(var(--Y,0) * var(--seller-level-size,1.5em) * -1)/auto calc(var(--seller-level-size,1.5em) * 3);overflow:hidden;}
[data-seller-level]>span{display:none}

[data-seller-level].mini{display:flex;align-items:center;gap:.25em;}
[data-seller-level].mini::before{width:var(--seller-level-size,1.5em);}
[data-seller-level].mini::after{counter-reset:level var(--S);content:counter(level);display:block;width:var(--seller-level-size,1.5em);height:var(--seller-level-size,1.5em);line-height:var(--seller-level-size,1.5em);text-align:center;border-radius:25%;box-shadow:var(--body-text-color-a25,rgba(0 0 0/10%)) 0 0 0 1px inset;background:var(--body-text-color-a0,#fff);overflow:hidden;}

[data-seller-level^="heart"]{--Y:0}
[data-seller-level^="diamond"]{--Y:1}
[data-seller-level^="crown"]{--Y:2}
[data-seller-level$="Lv1"]{--S:1}
[data-seller-level$="Lv2"]{--S:2}
[data-seller-level$="Lv3"]{--S:3}
[data-seller-level$="Lv4"]{--S:4}
[data-seller-level$="Lv5"]{--S:5}


/* Seller badge */
[data-seller-badge]::before{content:'';display:block;width:var(--seller-badge-size,1.5em);height:var(--seller-badge-size,1.5em);background:var(--i) no-repeat center / contain;overflow:hidden;}
[data-seller-badge]>span{display:none;}
[data-seller-badge="preferred"]{--i:url("/skin/common/images/seller-badge-preferred-29876c72.svg");}
[data-seller-badge="secured"]{--i:url("/skin/common/images/seller-badge-secured-598d800b.svg");}
[data-seller-badge="golden"]{--i:url("/skin/common/images/seller-badge-golden-149830c9.svg");}


/* Rate star */
.rate-star{display:block;height:var(--rate-star-size);overflow:hidden;position:relative;--rate-star-size:1em;}
.rate-star::before,
.rate-star::after{content:'';display:block;height:var(--rate-star-size);background:url("/skin/common/images/rate-star-d3e2c43c.svg") repeat-x var(--inline-start,left) calc(var(--brightness-filter,0) * -2 * var(--rate-star-size)) / var(--rate-star-size);}
.rate-star::before{width:calc(var(--rate-star-size) * 5);}
.rate-star::after{width:calc(var(--rate-star-size) * var(--star));background-position-y:calc(var(--rate-star-size) * -1);position:absolute;inset-block:0;inset-inline-start:0;z-index:0;margin-block:auto;}
.rate-star>span{display:none;white-space:nowrap;}


/* KChat button */
.kchat{--kchat-icon-size:1.5em;}
.kchat[icon-brand="kchat"]::before{font-size:var(--kchat-icon-size,1.5em);color:var(--icon-color,inherit);opacity:var(--icon-opacity);}
.kchat[data-status=online]{--icon-color:var(--SiteTHM);}
.kchat[data-status=offline]{--icon-opacity:.333;}


/* KChat frame */
#Kchat{position:fixed;inset-block-end:0;inset-inline-end:0;z-index:99;margin:1em;}

#Kchat_switch{display:flex;align-items:center;justify-content:center;width:var(--CPT-US);height:var(--CPT-US);box-sizing:border-box;background:var(--SiteTHM);color:#fff;border-radius:25%;box-shadow:var(--body-text-color-a25,rgba(0 0 0/0%)) 0 0 0 1px inset,rgba(0 0 0/10%) 0 .75em 1.5em;position:relative;z-index:2;cursor:pointer;transition:width 300ms,height 300ms,visibility 300ms,opacity 300ms,transform 300ms;transition-behavior:allow-discrete;}
#Kchat_switch::before{content:'';display:block;font-size:2em;width:1em;height:1em;background-image:url("/skin/common/images/kchat-switch-c3a9f5f0.svg");background-size:1em 2em;}

#Kchat_frame{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:1;display:grid;grid-template-rows:auto 1fr;gap:var(--bdz);padding:var(--bdz);width:min(var(--frame-width,30em),calc(var(--VWidth) - 2em));height:min(var(--frame-height,50em),calc(var(--VHeight) - 2em));box-sizing:border-box;background-color:var(--SiteTHM);box-shadow:rgba(0 0 0/10%) 0 1em 2em;border-radius:1em;overflow:hidden;transform-origin:var(--inline-end,right) bottom;transition:width 300ms,height 300ms,visibility 300ms,opacity 300ms,transform 300ms;transition-behavior:allow-discrete;--bdz:.25em;}
#Kchat_func{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;height:4em;padding-inline:1em .5em;color:#fff;}
#Kchat_func .title{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:calc(1em + var(--bdz));}
#Kchat_func .title::before{content:'';display:block;font-size:2em;width:1em;height:1em;background:url("/skin/common/images/kchat-switch-c3a9f5f0.svg") no-repeat center 0/1em 2em;}
#Kchat_func .title span{font-weight:var(--CPT-FW-B);}
#Kchat_func .func{display:flex;}
#Kchat_func .btw{--color:white;--icon-size:1.5em;--CPT-US:3em;}
#Kchat_func .btw:not(:hover){--color:rgba(255 255 255/50%)}
#Kchat_func .btw:hover{--background-color:rgba(255 255 255/10%)}
#Kchat_func .btw.Kchat_resize{display:none;}
#Kchat_func .btw.Kchat_resize>span::before{content:var(--resize-icon,attr(icon-only));}
#Kchat_func .btw.Kchat_frame_ctrl_off{}
#Kchat_content{background-color:var(--body-background-color,hsl(0 0% 97%));border-radius:calc(1em - var(--bdz));overflow:hidden;}
#Kchat_content>iframe{vertical-align:top;width:100%;height:100%;border:unset;}

#Kchat.Kchat_frame_active #Kchat_switch{visibility:hidden;opacity:0;transform:translate(calc(var(--translate-reverse,1) * .5em),.5em)scale(.9);}
#Kchat:not(.Kchat_frame_active) #Kchat_frame{visibility:hidden;opacity:0;transform:translate(calc(var(--translate-reverse,1) * 1em),1em)scale(.9);}
#Kchat:not(.Kchat_frame_active) #Kchat_content>iframe{display:none;}

#Kchat[status="newmsg"] #Kchat_switch{animation:blink 1.5s linear infinite alternate;}
#Kchat[status="newmsg"] #Kchat_switch::before,
#Kchat[status="newmsg"] #Kchat_func .title::before{background-position-y:100%;animation:shake 1.5s linear infinite;}
#Kchat[status="newmsg"] #Kchat_func .title::after{content:attr(status-newmsg-title);}
#Kchat[status="newmsg"] #Kchat_func .title span{display:none;}
@keyframes blink{
	0%{background-color:var(--text-color-alert);}
	100%{background-color:var(--SiteTHM);}
}
@keyframes shake{
	0%,8%,16%,24%,32%,40%{transform:translateX(5%)}
	2%,10%,18%,26%,34%,42%{transform:translateY(5%)}
	4%,12%,20%,28%,36%,44%{transform:translateX(-5%)}
	8%,16%,24%,32%,40%,48%{transform:translateY(-5%)}
	50%,100%{transform:none;}
}

#Kchat[status="connecting"] #Kchat_switch{cursor:progress;background-color:var(--background-color-L0,#fff);}
#Kchat[status="connecting"] #Kchat_switch::before{background:url("/skin/common/images/loading-e68d1a61.svg") no-repeat center/contain;filter:invert(var(--brightness-filter,0));}
#Kchat[status="connecting"] #Kchat_func .title::before{background:url("/skin/common/images/loading-e68d1a61.svg") no-repeat center/contain;filter:invert(1);}
#Kchat[status="connecting"] #Kchat_func .title::after{content:attr(status-connecting-title);}
#Kchat[status="connecting"] #Kchat_func .title span{display:none;}
@media only screen and (min-width:801px){
	#Kchat.maximize{--frame-width:65em;--frame-height:70em;--resize-icon:'crop_portrait';}
	#Kchat_func .btw.Kchat_resize{display:block;}
}


/*loading placeholder*/
div.load{}
div.load>.loading{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;width:fit-content;max-width:100%;margin-inline:auto;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
div.load>.loading::before{content:'';display:block;width:var(--size,2em);height:var(--size,2em);background:url("/skin/common/images/loading-e68d1a61.svg") no-repeat center/contain;filter:invert(var(--brightness-filter,0));}


/* search_empty placeholder */
.search_empty{display:flex;flex-direction:column;align-items:center;margin-inline:auto;padding:var(--spacing,2em);width:100%;max-width:40em;box-sizing:border-box;}
.search_empty img{display:block;width:min(25em,100%);height:auto;aspect-ratio:4/3;object-fit:cover;}
.search_empty h3{font-size:1em;font-weight:var(--CPT-FW-B);text-align:center;}


/*video-player container*/
.video-player{border-radius:1em;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);background-color:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px;aspect-ratio:16/9;position:relative;}
.video-player::before{content:'';display:block;width:var(--CPT-US);height:var(--CPT-US);position:absolute;inset:0;z-index:-1;margin:auto;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggb3BhY2l0eT0iLjEiIGQ9Ik0yMCA0SDRjLTEuMSAwLTIgLjktMiAydjEyYzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMk05LjUgMTYuNXYtOWw3IDQuNXoiLz48L3N2Zz4=") no-repeat center/contain;filter:invert(calc(var(--brightness-filter,0)));}
.video-player>iframe,
.video-player>video{display:block;width:100%;height:100%;border:none;margin:0;object-fit:cover;}


/* Description */
article.docs h1{font-size:2em;font-weight:var(--CPT-FW-EB);margin-block:1em;}
article.docs h2{font-size:1.75em;font-weight:var(--CPT-FW-EB);margin-block:1em;}
article.docs h1:first-child,
article.docs h2:first-child{margin-block-start:unset;}
article.docs h3{font-size:1.25em;font-weight:var(--CPT-FW-EB);margin-block:1em;}
article.docs ol,
article.docs ul{margin-block:1em;margin-inline-start:2em;}
article.docs ul>li{list-style:disc outside;margin-block:.75em;}
article.docs ol>li{list-style:decimal outside;margin-block:.75em;}
article.docs ol>li::marker,
article.docs ul>li::marker{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
article.docs b{font-weight:var(--CPT-FW-B);}
article.docs a{font-weight:var(--CPT-FW-B);}
article.docs a:hover{text-decoration:underline;}
article.docs img{display:block;max-width:min(100%,60em);max-height:40em;width:auto;height:auto;}
article.docs .img{width:fit-content;max-width:min(60em,100%);margin-block:1em;padding:.75em;box-sizing:border-box;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a10,rgb(0 0 0/10%)) 0 0 0 1px inset;border-radius:.5em;overflow:hidden;}
article.docs .img>img{display:block;max-width:min(100%,60em);max-height:40em;width:auto;height:auto;}
article.docs table{width:auto!important;vertical-align:top;border-collapse:collapse;border:none !important;text-align:center;margin-block:2em;}
article.docs table td,
article.docs table th{border:1px #ddd solid;padding:.5em 1em !important;}
article.docs table p{margin:0 !important;}
article.docs .youtube-player{margin:1em auto;max-width:60em;}
article.docs 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;-webkit-transform:translate3d(0,0,0);}


/*Pager*/
.pager_wrp{}
.pager_wrp:has(.pager:empty){display:none;}
.pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5em;}
.pager a{display:block;color:inherit;padding:.75em;border-radius:.5em;transition:color 300ms,background-color 300ms;}
.pager a>span{display:flex;align-items:center;justify-content:center;min-width:1.5em;height:1.5em;font-weight:var(--CPT-FW-B);}
.pager a:not(.on):hover{background-color:var(--SiteTHM-A10);color:var(--SiteTHM);}
.pager a.on{background:var(--body-text-color-a5,rgba(0 0 0/5%));pointer-events:none;}
.pager a.preview,
.pager a.next{}
.pager a.preview>span,
.pager a.next>span{display:block;width:1.5em;height:1.5em;overflow:hidden;}
.pager a.preview>span::before,
.pager a.next>span::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){
	.pager{display:grid;grid-template-columns:auto 1fr auto;gap:1em;width:fit-content;margin-inline:auto;}
	.pager:not(:has(>*)){display:none;}
	.pager::before{content:attr(data-title);white-space:nowrap;}
	.pager .preview{order:-99;}
	.pager .next{order:99;}
	.pager>*:not(.preview,.next){display:none;}
}


/*popup tips*/
#site_tips{position:fixed;inset-block-start:calc(var(--header-height,0) * 1px + var(--spacing));inset-inline:0;z-index:9999;margin-inline:auto;height:0;display:flex;flex-direction:column;align-items:center;gap:1em;--spacing:1.5em;}
#site_tips .site_tip{flex:none;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);max-width:min(40em,calc(100% - 2em));padding:calc(var(--spacing) * 1.25);box-sizing:border-box;color:var(--text-color,inherit);background:var(--background-color-L0,#fff);border-radius:1em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 0 0 1px inset,var(--background-color,transparent) 0 0 0 calc(infinity * 1px) inset,rgb(0 0 0/5%) 0 1em 2em;overflow:hidden;}
#site_tips .site_tip::before{align-self:start;font-size:2em;}
#site_tips .site_tip:not(.show){display:none;visibility:hidden;opacity:0;transform:translateY(-2em)scale(90%);}
#site_tips .site_tip.show{visibility:visible;opacity:1;transform:translateY(0)scale(100%);transition:visibility 300ms,opacity 300ms,transform 300ms;transition-delay:calc((var(--delay,1) - 1) * 50ms);transition-behavior:allow-discrete;}
@starting-style{
	#site_tips .site_tip.show{opacity:0;transform:translateY(-2em)scale(90%);}
}

#site_tips .site_tip.loading::before{content:'';width:1em;height:1em;background:url('/skin/common/images/loading-e68d1a61.svg') no-repeat center / cover;filter:invert(var(--brightness-filter,0));}
#site_tips .site_tip:not(.loading)::before{content:'info_outline';}
#site_tips .site_tip.alert{--text-color:var(--text-color-alert);--background-color:var(--background-color-alert);}
#site_tips .site_tip.alert::before{content:'warning';}
#site_tips .site_tip.complete{--text-color:var(--text-color-complete);--background-color:var(--background-color-complete);}
#site_tips .site_tip.complete::before{content:'check_circle';}

#site_tips .site_tip:nth-child(1){--delay:1}
#site_tips .site_tip:nth-child(2){--delay:2}
#site_tips .site_tip:nth-child(3){--delay:3}
#site_tips .site_tip:nth-child(4){--delay:4}
#site_tips .site_tip:nth-child(5){--delay:5}
#site_tips .site_tip:nth-child(6){--delay:6}
#site_tips .site_tip:nth-child(7){--delay:7}
#site_tips .site_tip:nth-child(8){--delay:8}
#site_tips .site_tip:nth-child(9){--delay:9}
#site_tips .site_tip:nth-child(10){--delay:10}


/* popup windows */
body.show_site_popup{overflow:hidden;}
.site_popup{position:fixed;inset:0;z-index:999;--spacing:2em;}

/* popup <div> */
div.site_popup{display:flex;align-items:center;justify-content:center;background-color:var(--background-color-mask-a75,rgba(0 0 0/25%));}
div.site_popup:not(.show){display:none;opacity:0;}
div.site_popup.show{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
div.site_popup>.close{position:absolute;inset:0;z-index:-1;}
@starting-style{
	div.site_popup.show{opacity:0;}
}
/* popup <dialog> */
dialog.site_popup{padding:unset;border:unset;background:unset;outline:unset;max-width:unset;max-height:unset;}
dialog.site_popup:not([open]){display:none;opacity:0;}
dialog.site_popup[open]{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
dialog.site_popup[open]::backdrop{background-color:var(--background-color-mask-a75,rgba(0 0 0/25%));transition:background-color 300ms allow-discrete;}
@starting-style{
	dialog.site_popup[open]{opacity:0;}
	dialog.site_popup[open]::backdrop{background-color:transparent;}
}

/* popup box scrolling */
.site_popup *::-webkit-scrollbar{height:.75em;width:.75em;overflow:visible;}
.site_popup *::-webkit-scrollbar-button{height:0;width:0;}
.site_popup *::-webkit-scrollbar-corner{background:transparent;}
.site_popup *::-webkit-scrollbar-thumb{background-color:var(--body-text-color-a10,rgba(0 0 0/10%));background-clip:padding-box;border:2px solid transparent;min-height:2em;}
.site_popup *::-webkit-scrollbar-thumb:hover{background-color:var(--body-text-color-a25,rgba(0 0 0/25%));}
.site_popup *::-webkit-scrollbar-track{background-clip:padding-box;border:0 solid transparent;}

/* popup box */
.site_popup_box{width:var(--popup-width,40em);max-width:var(--popup-max-width,calc(var(--VWidth) - 2em));height:var(--popup-height,auto);max-height:var(--popup-max-height,calc(var(--VHeight) - 2em));padding:var(--spacing);box-sizing:border-box;border-radius:1em;background:var(--popup-background,var(--background-color-L0,#fff));box-shadow:var(--popup-boxshadow,var(--body-text-color-a5,rgba(0 0 0/5%)) 0 0 0 1px inset,rgb(0 0 0/5%) 0 1em 2em);overflow:hidden;}
.site_popup_box .tips_wrp{display:flex;flex-direction:column;gap:.5em;}
.site_popup_box .tips_wrp:not(:has(.tips,.show)),
.site_popup_box .tips_wrp>*:not(.tips,.show){display:none;}
.site_popup_box .tips_wrp .tips{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
.site_popup_box .tips_wrp .alert{color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
.site_popup_box .tips_wrp .success{color:var(--text-color-complete);font-weight:var(--CPT-FW-B);}

/* popup stander structure */
.popup_standard{display:grid;grid:"header" auto "content" 1fr "footer" auto;gap:var(--spacing);}
.popup_standard>.header{grid-area:header;}
.popup_standard>.content{grid-area:content;display:flex;flex-direction:column;gap:1em;margin-inline:calc(var(--spacing) * -1);padding-inline:var(--spacing);overflow:hidden;overflow-y:auto;}
.popup_standard>.footer{grid-area:footer;}
.popup_standard>.header h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);}
.popup_standard>.footer .btc{display:flex;flex-wrap:wrap;justify-content:end;gap:1em;}

/* popup notification */
.popup_notification{--popup-width:50em;display:flex;flex-direction:column;gap:var(--spacing);align-items:center;overflow-y:auto;}
.popup_notification .art{width:min(30em,100%);margin-inline:auto;margin-block-end:calc(var(--spacing)* -1);}
.popup_notification .art>img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;}
.popup_notification .msg{width:min(40em,100%);margin-inline:auto;display:flex;flex-direction:column;gap:1em;text-align:center;}
.popup_notification .msg .title{font-size:1.5em;font-weight:var(--CPT-FW-EB);}
.popup_notification .btc{display:flex;flex-wrap:wrap;justify-content:end;gap:1em;}


/* popup tranding password */
.popup_tradingpsw{--popup-width:40em;--popup-height:35em;padding:unset;position:relative;}
.popup_tradingpsw>.close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:.5em;}
.popup_tradingpsw iframe{width:100%;height:100%;border:unset;}


/* popup account settings (verify email & set password) */
.popup_account_info{display:flex;flex-direction:column;gap:var(--spacing);overflow-y:auto;position:relative;--CPT-US:4em;}
.popup_account_info>.close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:.5em;}
.popup_account_info .block{display:flex;flex-direction:column;gap:1.5em;width:min(30em,100%);margin-inline:auto;}
.popup_account_info .block>h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);}
.popup_account_info .field{display:flex;flex-direction:column;gap:1em;}
.popup_account_info .field h3{font-size:1em;font-weight:var(--CPT-FW-B);}
.popup_account_info .send_code_combine{display:flex;flex-direction:column;gap:1em;}
.popup_account_info .send_code_combine .cpt-radio{--font-weight:var(--CPT-FW);}
.popup_account_info .send_code_combine .cpt-radio b{font-weight:var(--CPT-FW-EB);}
.popup_account_info .send_code_combine .send_code{align-self:start;--CPT-US:3em;}
@media only screen and (max-width:480px){
	.popup_account_info{--CPT-US:3.5em;}
	.popup_account_info .block{width:min(25em,100%);}
}












/* debug */
*,::before,::after{
	/* box-shadow:lime 0 0 0 1px inset !important; */
}
/* debug */