@charset "UTF-8";
html{}
body{font:12px/1.5 var(--SiteFF2);font-weight:var(--CPT-FW);margin:0;-webkit-tap-highlight-color:transparent;word-break:break-word;}
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:unset;}
h1,h2,h3{font-family:var(--SiteFF);font-weight:var(--CPT-FW-B);}
ul,ol,menu{padding-inline-start:unset;}
li{list-style-type:none;}
form,dl,dd,menu{margin:unset;}
a img{border:none;}
a{color:var(--SiteTHM2,var(--SiteTHM));text-decoration:none;}

/*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.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.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.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.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.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.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.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.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.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.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.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.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.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: 255;
	--CPT-THM-G: 69;
	--CPT-THM-B: 0;
	--CPT-THM-H: 16;
	--CPT-THM-S: 100%;
	--CPT-THM-L: 50%;

	--CPT-COLOR: var(--body-text-color);
	--CPT-COLOR-A5: var(--body-text-color-a5);
	--CPT-COLOR-A10: var(--body-text-color-a10);
	--CPT-COLOR-A25: var(--body-text-color-a25);
	--CPT-COLOR-A50: var(--body-text-color-a50);
	--CPT-COLOR-A75: var(--body-text-color-a75);

	--CPT-FF: var(--SiteFF);
	--CPT-US: 3.5em;
	--CPT-FW: 400;
	--CPT-FW-B: 600;
	--CPT-FW-EB: 800;

	--CPT-BDR: calc(var(--CPT-FS) / 2);
	--CPT-BDW: 2px;

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

	--IconFF: var(--IconFF1);

	--SiteTHM-TEXT: #fff;

	--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%);

	--IconFF: var(--IconFF1);

	--background-color-mask-a75: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/75%);
	--background-color-mask-a50: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/50%);
	--background-color-mask-a25: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/25%);

	--spacing: 1.5em;
}

/*全局字体变量*/
: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));
	}
}

/*component reset*/
.btw{--icon-size:calc(var(--CPT-FS) * 1.5);
	&[color]{
		&:hover,&:focus,&:focus-within{--shadow-color:transparent;}
	}
	&[color="outline"]{--border-color:var(--body-text-color-a10);}
}

[class*="cpt-"]{--label-color:var(--CPT-COLOR-A50);
	&:focus-within{--shadow-focus-color: transparent !important;}
}
.cpt-text,.cpt-search,.cpt-select{
	&>span{
		&:has(+input),&:has(+select){padding-inline-end:unset;}
	}
	&>input+span{padding-inline-start:unset;}
}

.cpt-select option {
	color: var(--body-text-color);
	background: var(--body-background-color);
}

/*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;

	[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="send"]::before,
	[icon-only="send"]::before,
	[icon="logout"]::before,
	[icon-only="logout"]::before,
	[icon="west"]::before,
	[icon-only="west"]::before{transform:scaleX(-1);}
}

/*layout*/
body {
	min-width: 320px;
	min-height: var(--VHeight);
	overflow-x: hidden;
}

/*scrolling*/
::-webkit-scrollbar{height:0;width:0;overflow:visible;}

/*=====mini store=====*/
body{background-color:var(--body-background-color);color:var(--body-text-color);}

/*VUE layout*/
#app{
	&>.app-wrapper{display:flex;flex-direction:column;justify-content:start;min-width:320px;min-height:var(--VHeight);}
}


#SEAGM_MS_header{position:sticky;inset-block-start:0;z-index:99;
	&>.inner{max-width:480px;margin-inline:auto;background:var(--background-color-L1);box-shadow:rgba(0 0 0/5%) 0 1px 0;box-sizing:border-box;transition:all 300ms;position:relative;}
}
#SEAGM_MS_content{flex:auto;display:flex;
	&>.inner{display:flex;flex-direction:column;gap:1em;width:100%;max-width:480px;min-height:100%;margin-inline:auto;padding-block-end:1em;box-sizing:border-box;}
}
#SEAGM_MS_footer{
	&>.inner{max-width:480px;margin-inline:auto;}
}

/*header*/
#SEAGM_MS_header{
	.nav{display:flex;align-items:center;justify-content:space-between;gap:1em;height:5em;padding-inline:1em;--CPT-US:3em;
		.logo{flex:auto;padding:0 .5em;line-height:1;
			&>svg{vertical-align:top;height:var(--h);fill:currentColor;margin:0 auto;}
			&>.seagm_logo{--h:1.333334em;width:calc(182 / 42 * var(--h));}
		}
		.title{flex:auto;padding-inline:.5em;transition:opacity 300ms;overflow:hidden;}
		.title>h3{font-size:1em;font-weight:var(--CPT-FW-B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		.search{flex:auto;}
		.btc{flex:none;display:flex;align-items:center;position:relative;
			.btw{
				&.on{background:var(--body-text-color-a5);color:var(--body-text-color);}
				&[data-indicator]{position:relative;}
				&[data-indicator]::after{content:'';display:block;width:.5em;height:.5em;position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;background:var(--SiteTHM);border-radius:100%;margin:.25em;}
			}
			.dropdown{position:absolute;inset-block-start:100%;z-index:1;min-width:20em;max-width:calc(min(var(--VWidth),480px) - 2em);box-sizing:border-box;visibility:hidden;opacity:0;transition:visibility 300ms,opacity 300ms,transform 300ms;
				&.show{visibility:visible;opacity:1;transform:translateY(1em);}
				&>.inner{background:var(--background-color-L1);color:var(--body-text-color);border-radius:.5em;padding:1.25em 1.5em;box-shadow:rgb(0 0 0 / 10%) 0 0 2em;}
				.menu{display:flex;flex-direction:column;gap:1em;
					& a{color:currentColor;padding-block:.5em;font-weight:var(--CPT-FW-B);
						&>span[icon]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;
							&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;}
						}
						&[data-indicator]{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;
							&::after{content:attr(data-indicator);width:1.5em;height:1.5em;line-height:1.5;text-align:center;background:var(--SiteTHM);color:var(--SiteTHM-TEXT);font-weight:var(--CPT-FW-B);border-radius:100%;}
						}
					}
				}
			}
			&.btc_right .dropdown{inset-inline-end:0;}
			&:not(.btc_right) .dropdown{inset-inline-start:0;}
		}
	}
}


/*footer*/
#SEAGM_MS_footer.footer_navigation{position:sticky;inset-block-end:0;z-index:99;
	&>.inner{max-width:480px;margin-inline:auto;padding-inline:.5em;box-sizing:border-box;background:var(--background-color-L0);box-shadow:rgb(0 0 0 / 5%) 0 -1px 0;}
}
#SEAGM_MS_navigation{display:flex;height:5em;
	& a{flex:1;display:flex;flex-direction:column;justify-content:center;color:var(--body-text-color-a50);padding-inline:.5em;
		&.on{color:var(--SiteTHM2,var(--SiteTHM));font-weight:var(--CPT-FW-B);}
		&>span{display:flex;flex-direction:column;align-items:center;gap:.333334em;
			&::before{content:attr(icon);display:block;font-size:2em;width:1em;height:1em;line-height:1;overflow:hidden;}
		}
		& i{display:block;font-style:normal;white-space:nowrap;line-height:1;font-size:var(--SiteFS-S);}
	}
}


/*loading animation*/
#loading_animation_container{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing);background-color:var(--body-background-color);
	& span{color:var(--body-text-color-a50);}
}
#loading_animation{--count:4;--rotate-circle:1700ms;--opacity-circle:1300ms;width:var(--size,6em);height:var(--size,6em);position:relative;
	& i{width:100%;height:100%;position:absolute;inset:0;z-index:1;transform:rotateZ(calc(var(--i) * 180deg / var(--count) + 90deg / var(--count)))scaleY(33%);
		&::before{content:'';display:block;width:100%;height:100%;border-radius:100%;box-shadow:var(--SiteTHM) 2px 0 0 inset,var(--SiteTHM) -2px 0 0;animation:loading_rotate linear var(--rotate-circle) calc(var(--i) * var(--rotate-circle) / var(--count) * -1) infinite,loading_opacity linear var(--opacity-circle) calc(var(--i) * var(--opacity-circle) / var(--count) * -1) infinite alternate;}
	}
	& i:nth-of-type(1){--i:1}
	& i:nth-of-type(2){--i:2}
	& i:nth-of-type(3){--i:3}
	& i:nth-of-type(4){--i:4}
}
@keyframes loading_rotate{100%{transform:rotate(360deg)}}
@keyframes loading_opacity{100%{opacity:.1}}


/*Home Page*/
#Home_recommend{
	.recommend_list{display:flex;flex-direction:column;gap:1em;margin-inline:var(--spacing);
		.item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);padding:var(--spacing);color:var(--color-text);background-color:var(--background-color);background-image:url('../images/gradient-bg.svg'),linear-gradient(calc(var(--angle-reverse,1) * 135deg),hsl(var(--offset-h1) var(--offset-s1) var(--offset-l1)),hsl(var(--offset-h2) var(--offset-s2) var(--offset-l2)));background-repeat:repeat-x;background-position:top center,center;background-size:200% auto,cover;border-radius:1em;
			.img{width:4em;height:4em;box-shadow:var(--color-img-bdc) 0 0 0 1px;border-radius:25%;overflow:hidden;
				&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
			}
			.T{display:flex;flex-direction:column;gap:.25em;overflow:hidden;}
			.name{font-weight:var(--CPT-FW-B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
			.price{opacity:.5;
				& b{font-weight:var(--CPT-FW);}
			}
		}
	}
	.recommend_list2{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5em,1fr));gap:1em;margin-inline:var(--spacing);
		.item{display:block;position:relative;color:currentColor;background:var(--body-text-color-a5);box-shadow:var(--body-text-color-a5) 0 0 0 1px;border-radius:1em;overflow:hidden;
			.img{aspect-ratio:1/1;
				&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
			}
			.info{position:absolute;inset-inline:0;inset-block-end:0;z-index:1;padding:1em;background:linear-gradient(180deg,transparent,rgba(0 0 0/50%));min-height:50%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:end;gap:.5em;}
			.name>span{font-weight:var(--CPT-FW-B);color:#fff;display:block;text-shadow:rgba(0 0 0/10%) 1px 1px 1px;}
			.price{font-size:var(--SiteFS-S);
				&>span{background:#fff;color:#000;display:inline-block;vertical-align:top;padding-inline:.5em;border-radius:.5em;}
			}
		}
	}
}


/*ItemList*/
#SEAGM_MS_header{
	&.ItemList_header{
		&>.inner::before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:var(--background-color-L1);opacity:calc(var(--SH,0) / 60 * 100%);pointer-events:none;}
		&:not(.float)>.inner{background:none;box-shadow:none;}
		&:not(.float) .nav .title{opacity:0;}
	}
}

#SEAGM_MS_content .content_title{margin-inline:var(--spacing);margin-block-end:.5em;
	& h1{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);text-transform:uppercase;}
	.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em 1.5em;}
}

#ItemList_filter{display:flex;flex-wrap:wrap;align-items:center;gap:1em;
	.btw{flex:auto;--CPT-US:2.5em;
		&:not(.on){--background-color:var(--background-color-L2);--color:currentColor;--font-weight:var(--CPT-FW);--border-color:transparent;}
	}
}


#ItemList_product{display:flex;flex-direction:column;gap:1em;margin-inline:var(--spacing);
	&>.title{color:var(--body-text-color-a50);}
}
#ItemList_card,
#ItemList_topup{margin-inline:1em;}

.ItemList_end{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;margin-block:1.5em;
	&::before,&::after{content:'';display:block;height:1px;background-image:linear-gradient(calc(var(--translate-reverse,1) * var(--a,90deg)),var(--body-text-color-a0),var(--body-text-color-a10));}
	&::after{--a:-90deg}
	&>span{color:var(--body-text-color-a50);}
}

.ItemList_empty{display:flex;flex-direction:column;align-items:center;gap:1em;max-width:25em;margin-block:1em;margin-inline:auto;text-align:center;
	& img{vertical-align:top;width:100%;height:auto;max-width:18em;aspect-ratio:16 / 10;object-fit:contain;}
	& h3{font-size:1em;font-weight:var(--CPT-FW);}
}

.UserFeedback{display:flex;flex-direction:column;gap:var(--spacing);align-items:center;width:min(30em,75%);margin-inline:auto;text-align:center;padding:2em;border-radius:1em;background:var(--background-color-L3);
	& h3{font-size:1em;color:var(--body-text-color-a50);}
}


/*search*/
#SEAGM_MS_header{
	&.Search_header{
		&:not(.float)>.inner{background:none;box-shadow:none;}
		&>.inner::before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:var(--background-color-L1);opacity:calc(var(--SH,0) / 60 * 100%);pointer-events:none;}
	}
}


#Search_history{display:flex;flex-direction:column;gap:1em;margin-inline:var(--spacing);
	.title{color:var(--body-text-color-a50);}
	.list{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;
		& a{flex:none;display:block;background:var(--background-color-L2);color:currentColor;padding:.5em 1em;border-radius:var(--CPT-BDR);}
		& span{display:block;white-space:nowrap;max-width:15em;overflow:hidden;text-overflow:ellipsis;}
	}
}


/* theme cover */
[data-game-theme],
[data-item-theme] {
	--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)) * -999999%),100%);

	--color-text:hsl(0 0% var(--lightness-trend));
	--color-img-bdc:hsla(0 0% var(--lightness-trend) / 10%);
	--color-img-bgc:hsla(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) - 25%),10%);
	--offset-l2:min(calc(var(--l) + 25%),90%);
}


/* Game page */
#SEAGM_MS_header{
	&.Game_header{
		&:not(.float){
			&>.inner{background:none;box-shadow:none;color:var(--color-text);}
			.nav .title{opacity:0;}
			.nav .btc .btw.on{background:var(--color-img-bdc);color:currentColor;}
		}
		&>.inner::before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:var(--background-color-L1);opacity:calc(var(--SH,0) / 60 * 70%);pointer-events:none;}
		&+#SEAGM_MS_content #Game_cover{padding-block-start:calc(5em - var(--spacing));margin-block-start:-5em;}
	}
}

#Game_cover{color:var(--color-text);background-color:var(--background-color);background-image:linear-gradient(calc(var(--angle-reverse,1) * 135deg),hsl(var(--offset-h1) var(--offset-s1) var(--offset-l1)),hsl(var(--offset-h2) var(--offset-s2) var(--offset-l2)));background-position:center;background-size:cover;position:relative;padding-block-end:1em;margin-block-end:-2em;
	&>.bg{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,rgba(0 0 0/0%),rgba(0 0 0/50%),rgba(0 0 0/0%));}
	&>.inner{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:var(--spacing);padding:var(--spacing);position:relative;}
	.cover{position:relative;z-index:2;margin-block-end:calc(var(--spacing) * -1 - 1em);
		.img{--width:8.5em;width:var(--width);height:calc(var(--width) / 3 * 4);border-radius:calc(var(--width) / 8);overflow:hidden;box-shadow:var(--color-img-bdc) 0 0 0 1px,rgba(0 0 0/20%) 0 0 2em;background:var(--color-img-bgc);
			&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;}
		}
	}
	.info{display:flex;flex-direction:column;gap:.5em;
		.name{
			& h1{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
		}
		.property{display:flex;flex-wrap:wrap;gap:.5em 1em;
			&>span{opacity:.5;}
		}
	}
	&~*{position:relative;z-index:1;}
}

#Game_product{display:flex;flex-direction:column;gap:var(--spacing);background:var(--background-color-L3);border-radius:1em;padding-block:calc(var(--spacing) + 1em) var(--spacing);padding-inline:var(--spacing);overflow:hidden;
	&>h3{font-size:1em;color:var(--body-text-color-a50);font-weight:var(--CPT-FW);}
	.ItemList{gap:1em;
		& a{padding:0;border-radius:unset;background:unset;}
	}
}

#Game_description{display:flex;flex-direction:column;gap:1em;background:var(--background-color-L2);border-radius:1em;padding:var(--spacing);overflow:hidden;
	&>h3{font-size:1em;color:var(--body-text-color-a50);font-weight:var(--CPT-FW);}
}


/*Product purchase*/
#SEAGM_MS_header{
	&.Product_header{
		&:not(.float){
			&>.inner{background:none;box-shadow:none;color:var(--color-text);}
			.nav .title{opacity:0;}
			.nav .btc .btw.on{background:var(--color-img-bdc);color:currentColor;}
		}
		&>.inner::before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:var(--background-color-L1);opacity:calc(var(--SH,0) / 60 * 70%);pointer-events:none;}
		&+#SEAGM_MS_content #Product_cover{padding-block-start:calc(5em - var(--spacing));margin-block-start:-5em;}
	}
}

#Product_cover{color:var(--color-text);background-color:var(--background-color);background-image:url('../images/gradient-bg.svg'),linear-gradient(calc(var(--angle-reverse,1) * 135deg),hsl(var(--offset-h1) var(--offset-s1) var(--offset-l1)),hsl(var(--offset-h2) var(--offset-s2) var(--offset-l2)));background-repeat:repeat-x;background-position:0 0,top center;background-size:200% auto,cover;padding-block-end:1em;margin-block-end:-2em;
	&>.inner{padding:var(--spacing);display:grid;grid-template-columns:auto 1fr;gap:var(--spacing);align-items:start;}
	.cover{
		.img{width:var(--width);border-radius:calc(var(--width) / 8);overflow:hidden;box-shadow:var(--color-img-bdc) 0 0 0 1px,rgba(0 0 0/20%) 0 0 2em;background:var(--color-img-bgc);
			&.card{--width:8.5em;aspect-ratio:3/4;}
			&.topup{--width:10em;aspect-ratio:1/1;}
			&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:inherit;object-fit:cover;}
		}
	}
	.info{display:flex;flex-direction:column;gap:1em;
		.name{
			& h1{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
		}
		.feature{display:grid;grid-template-columns:2em 1fr;gap:.5em;align-items:center;
			.T{}
			.C{white-space:nowrap;}
			& span{display:block;
				&[region]{width:2em;height:1.5em;overflow:hidden;
					&::before{--h:1.5em;transform:scale(.833334);}
				}
				&[icon]{width:1.5em;height:1.5em;overflow:hidden;margin-inline:auto;
					&::before{content:attr(icon);display:block;font-size:1.5em;opacity:.5;}
				}
			}
		}
	}
	.note{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;
		&::before{content:attr(icon);display:block;font-size:1.5em;opacity:.5;margin-inline:auto;align-self:start;}
		&>div{opacity:.5;
			& *{display:inline;}
			& br{display:none;}
		}
		& a{color:currentColor!important;text-decoration:underline;}
		& p{display:inline;margin:0;}
		[color],[style]{color:currentColor!important;}
	}
}


/*Block steps*/
step-section{display:block;}
[data-step]{position:relative;counter-increment:step;
	&::before{content:counter(step);display:block;position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;font-size:1em;width:2.5em;padding:.333334em 0 .5em;margin-block-start:-.5em;margin-inline-end:var(--spacing);overflow:hidden;text-align:center;background:var(--SiteTHM);color:var(--SiteTHM-TEXT);border-radius:.25em .25em 2em 2em;text-transform:uppercase;font-weight:var(--CPT-FW-B);}
	&::after{content:'';background:linear-gradient(calc(var(--angle-reverse,1) * -45deg),var(--SiteTHM) 50%,transparent 50%);display:block;position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;width:.5em;height:.5em;margin:-.5em 3.9em;opacity:.25;}
	&:only-of-type{
		&::before,&::after{content:none;}
	}
}


/*Product_sku*/
#Product_sku{background:var(--background-color-L2);border-radius:1em;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);
	&>.title{
		& h3{font-size:1em;color:var(--body-text-color-a50);}
	}
	&>.SKU_type{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--spacing);align-items:center;cursor:pointer;padding:var(--spacing);margin:calc(var(--spacing) * -1);
		&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;order:9;color:var(--body-text-color-a50);}
		.img{--W:4em;width:var(--W);height:var(--W);border-radius:25%;box-shadow:var(--body-text-color-a5,rgb(0 0 0 / 5%)) 0 0 0 1px;overflow:hidden;
			& img{vertical-align:top;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
		}
		.sku{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em;font-weight:var(--CPT-FW-EB);}
		.price{color:var(--SiteTHM2,var(--SiteTHM));font-weight:var(--CPT-FW-B);}
		.qtt{font-weight:var(--CPT-FW-B);line-height:2;background:var(--body-text-color-a10);padding-inline:.75em;border-radius:1em;}
		.promotion_wrp{order:99;grid-column:1 / -1;padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;
			.promotion{color:var(--text-color-promotion);font-size:var(--SiteFS-S);
				& b{font-weight:var(--CPT-FW-B);}
			}
		}
	}
}


body.show_Product_sku_popup{overflow:hidden;height:var(--VHeight);}
#Product_sku_popup{position:fixed;inset:0;z-index:999;background:var(--background-color-mask-a50);display:flex;align-items:end;justify-content:center;opacity:0;visibility:hidden;transition:visibility 300ms,opacity 300ms;
	&>.inner{display:grid;grid:auto 1fr auto auto / 1fr;width:100%;max-width:480px;min-height:calc(var(--VHeight) * .5);max-height:calc(var(--VHeight) - 5em);box-sizing:border-box;overflow:hidden;background:var(--background-color-L1);border-radius:1em 1em 0 0;transform:translateY(5em);transition:300ms;}
	&.show{opacity:1;visibility:visible;
		&>.inner{transform:none;}
	}
	#SKU_list{overflow:hidden;overflow-y:auto;padding:var(--spacing);border-radius:1em;background:var(--body-background-color);box-shadow:var(--body-text-color-a5) 0 0 0 1px;}
	#SKU_qtt{padding-inline:var(--spacing);padding-block-start:1.25em;display:grid;grid-template-columns:1fr auto;column-gap:1em;align-items:center;}
	.title{padding:var(--spacing);
		&>h3{font-size:1em;color:var(--body-text-color-a50);}
	}
	.btc{padding:1.25em 1.5em;
		&>.btw{display:block;text-transform:uppercase;--CPT-US:3.5em;}
	}
}


#cardType{display:flex;flex-direction:column;gap:.75em;
	.cpt-radio>input[type="radio"]{
		&+span{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5em var(--spacing);padding:1.25em var(--spacing);min-height:4.5em;box-sizing:border-box;background:var(--CPT-BGC);border-radius:var(--CPT-BDR);overflow:hidden;transition:box-shadow 300ms;
			&::before{display:none;}
		}
		&:checked+span{box-shadow:var(--SiteTHM-A50) 0 0 0 calc(var(--CPT-BDW) + 1px) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}
		&:disabled+span{pointer-events:none;background:var(--body-text-color-a5);box-shadow:none;
			.sku{color:var(--body-text-color-a50)}
		}
	}
	.sku{
		.instantdelivery{display:inline-block;vertical-align:top;
			&::before{content:'offline_bolt';display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;color:var(--text-color-promotion);transform:scale(.9)}
		}
	}
	.price{
		& b{color:var(--SiteTHM2,var(--SiteTHM));font-weight:var(--CPT-FW-B);}
	}
	.mark{grid-column:1/-1;font-size:var(--SiteFS-S);
		&.stockout{color:currentColor;background:var(--body-text-color-a10);width:fit-content;padding:.25em .75em;border-radius:1em;font-weight:var(--CPT-FW-B);text-transform:uppercase;}
		&.promotion{color:var(--text-color-promotion);font-weight:var(--CPT-FW);}
	}
}


#cardType2{display:grid;grid-template-columns:repeat(auto-fit,minmax(12em,1fr));gap:.5em;
	.cpt-radio>input[type="radio"]{
		&+span{display:flex;align-items:center;height:100%;min-height:4em;box-sizing:border-box;padding:1em 1.25em;border-radius:var(--CPT-BDR);background:var(--CPT-BGC);box-shadow:var(--body-text-color-a10) 0 0 0 var(--CPT-BDW) inset;cursor:pointer;transition:box-shadow 300ms;
			&::before{display:none;}
		}
		&:checked+span{box-shadow:var(--SiteTHM) 0 0 0 calc(var(--CPT-BDW) + 1px) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}
		&:disabled+span{pointer-events:none;background:var(--body-text-color-a5);box-shadow:none;
			.sku{color:var(--body-text-color-a50);}
		}
	}
	.sku{font-weight:var(--CPT-FW-B);line-height:1.333334;}
	&:not(.expand) .cpt-radio:nth-of-type(6n)~.cpt-radio{display:none;}
	&.expand~.cardType_ctrl>span{
		&::before{content:'expand_less';}
		&::after{content:attr(data-title-expand);}
	}
}
.cardType_ctrl{cursor:pointer;
	&>span{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:1em;margin-inline:auto;color:var(--body-text-color-a50);
		&::before{content:'expand_more';display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;}
		&::after{content:attr(data-title-fold);font-weight:var(--CPT-FW-B);text-transform:uppercase;}
	}
}


#SKU_qtt{
	 & h3{font-size:1em;color:var(--body-text-color-a50);}
	 .tips_wrp{grid-column:1/-1;max-height:0;overflow:hidden;opacity:0;transition:max-height 300ms,opacity 300ms;
		.tips{margin-block-start:.5em;color:var(--body-text-color-a50);text-align:end;
			& span{display:block;
				&.hide{display:none;}
			}
		}
	 }
	 #SKU_quantity{text-align:center;width:calc(var(--CPT-US) * 3.5);
		.cpt-quantity>input[type=number]{
			&[disabled]{width:100%;
				&~.btw{display:none;}
			}
		}
		&:focus-within~.tips_wrp{max-height:4.5em;opacity:1;}
	 }
}


/*Product_orderinfo*/
#Product_orderinfo{background:var(--background-color-L2);border-radius:1em;display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);
	&>.title{
		& h3{font-size:1em;color:var(--body-text-color-a50);}
	}
	.order_info{display:grid;grid-template-columns:1fr auto;gap:var(--spacing);align-items:center;cursor:pointer;padding:var(--spacing);margin:calc(var(--spacing) * -1);
		&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;order:9;color:var(--body-text-color-a50);}
		.order_data{display:grid;grid-template-columns:auto 1fr;gap:.5em var(--spacing);
			.T{font-size:1em;}
			.C{font-size:1em;font-weight:var(--CPT-FW-EB);}
			.placeholder{grid-column:1/-1;color:var(--body-text-color-a50);}
		}
	}
	.order_info2{display:flex;flex-direction:column;row-gap:1em;
		.field{display:grid;gap:1em;
			&:has(.tips_img_ctrl){grid-template-columns:1fr auto;}
			.cpt-text>input{text-align:start;}
			.tips_wrp{display:flex;flex-direction:column;row-gap:.5em;grid-column:1/-1;
				&:empty,&:not(:has(.tips,.show)){display:none;}
				.tips{color:var(--body-text-color-a50);}
				.alert{color:var(--text-color-alert,var(--SiteTHM));font-weight:var(--CPT-FW-B);}
			}
			.tips_img{display:none;}
			.tips_img_ctrl{align-self:center;cursor:pointer;transition:color 300ms;
				&:not(:hover){color:var(--body-text-color-a50);}
				&::before{content:attr(icon);display:block;font-size:2em;width:1em;height:1em;line-height:1;overflow:hidden;}
			}
		}
	}
}


body.show_Product_orderinfo_popup{overflow:hidden;height:var(--VHeight);}
#Product_orderinfo_popup{position:fixed;inset:0;z-index:999;background:var(--background-color-mask-a50);display:flex;align-items:end;justify-content:center;opacity:0;visibility:hidden;transition:visibility 300ms,opacity 300ms;--CPT-US:3.5em;
	&>.inner{background:var(--background-color-L0);border-radius:1em 1em 0 0;width:100%;max-width:480px;min-height:calc(var(--VHeight) * .5);max-height:calc(var(--VHeight) - 5em);box-sizing:border-box;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;transform:translateY(5em);transition:300ms;}
	&.show{opacity:1;visibility:visible;
		&>.inner{transform:none;}
	}
	.title{padding:var(--spacing);
		&>h3{font-size:1em;color:var(--body-text-color-a50);}
	}
	.btc{padding:1.25em var(--spacing);
		&>.btw{display:block;text-transform:uppercase;}
	}
	#Order_fields{display:flex;flex-direction:column;row-gap:1em;overflow:hidden;overflow-y:auto;padding-inline:var(--spacing);box-sizing:border-box;
		.field{display:grid;gap:1em;
			&:has(.tips_img_ctrl){grid-template-columns:1fr auto;}
			.cpt-text>input{text-align:start;}
			.tips_wrp{display:flex;flex-direction:column;gap:.5em;grid-column:1/-1;
				&:empty,&:not(:has(.tips,.show)){display:none;}
				.alert{color:var(--text-color-alert,var(--SiteTHM));font-weight:var(--CPT-FW-B);
					&:not(.show){display:none;}
				}
				.tips{color:var(--body-text-color-a50);}
			}
			.tips_img{display:none;}
			.tips_img_ctrl{align-self:center;cursor:pointer;transition:color 300ms;
				&:not(:hover){color:var(--body-text-color-a50);}
				&::before{content:attr(icon);display:block;font-size:2em;width:1em;height:1em;line-height:1;overflow:hidden;}
			}
		}
	}
}


#Payment_channel{background:var(--background-color-L2);border-radius:1em;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);
	&>.title{
		& h3{font-size:1em;color:var(--body-text-color-a50);}
	}
	&:has(#ChannelList){padding-block-end:unset;}
}

#ChannelShow{display:grid;grid-template-columns:1fr auto auto;column-gap:var(--spacing);align-items:center;cursor:pointer;padding:var(--spacing);margin:calc(var(--spacing) * -1);
	&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;order:9;opacity:.5;}
	.img{order:2;display:flex;align-items:center;width:fit-content;min-width:2em;max-width:8em;height:2em;padding:calc(var(--brightness-filter) * 1px);box-sizing:border-box;background:rgba(255 255 255/var(--brightness-filter));border-radius:calc(var(--brightness-filter) * (.25em + 1px));overflow:hidden;
		&>img{vertical-align:top;width:auto;min-width:calc(2em - var(--brightness-filter) * 2px);max-width:100%;height:100%;border-radius:calc(var(--brightness-filter) * .25em);object-fit:contain;}
	}
	.name{order:1;font-weight:var(--CPT-FW-EB);font-size:1em;}
	.price{order:3;font-weight:var(--CPT-FW-B);color:var(--SiteTHM2,var(--SiteTHM));}
	.tips{order:9;grid-column:1/-1;color:var(--body-text-color-a50);font-size:var(--SiteFS-S);margin-block-start:.25em;}
}

#ChannelList{display:flex;flex-direction:column;gap:1px;box-shadow:var(--body-text-color-a5) 0 1px 0 inset;
	.cpt-radio~.cpt-radio::before{content:'';display:block;height:1px;margin-inline-start:3em;background:var(--body-text-color-a5);}
	.cpt-radio>input[type="radio"]{
		&+span{display:grid;grid:"radio name img" 1fr ". tips tips" auto / auto 1fr auto;align-items:center;row-gap:unset;column-gap:var(--spacing);min-height:5em;padding-block:1.25em;box-sizing:border-box;
			&::before{grid-area:radio;align-self:center;}
			.img{grid-area:img;display:flex;align-items:center;width:fit-content;min-width:2em;max-width:8em;height:2em;padding:calc(var(--brightness-filter) * 1px);box-sizing:border-box;background:rgba(255 255 255/var(--brightness-filter));border-radius:calc(var(--brightness-filter) * (.25em + 1px));overflow:hidden;
				&>img{vertical-align:top;width:auto;min-width:calc(2em - var(--brightness-filter) * 2px);max-width:100%;height:100%;border-radius:calc(var(--brightness-filter) * .25em);object-fit:contain;}
			}
			.name{grid-area:name;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em;}
			.tips{grid-area:tips;font-weight:var(--CPT-FW);color:var(--body-text-color-a50);max-height:3em;font-size:var(--SiteFS-S);overflow:hidden;margin-block-start:.25em;}
			.alert{color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
		}
		&:not(:checked)+span .tips:not(.alert){display:none;}
	}
}

#ChannelList2{display:grid;grid-template-columns:repeat(auto-fit,minmax(12em,1fr));gap:.5em;
	.cpt-radio>input[type="radio"]{
		&+span{display:flex;flex-direction:column;gap:.5em;align-items:center;cursor:pointer;padding-block:1em .5em;padding-inline:1.25em;border-radius:var(--CPT-BDR);background:var(--CPT-BGC);box-shadow:var(--CPT-BDC) 0 0 0 var(--CPT-BDW) inset;transition:box-shadow 300ms ease 0s;
			&::before{display:none;}
			.img{display:flex;align-items:center;width:fit-content;min-width:2em;max-width:8em;height:2em;padding:calc(var(--brightness-filter) * 1px);box-sizing:border-box;background:rgba(255 255 255/var(--brightness-filter));border-radius:calc(var(--brightness-filter) * (.25em + 1px));overflow:hidden;
				&>img{vertical-align:top;width:auto;min-width:calc(2em - var(--brightness-filter) * 2px);max-width:100%;height:100%;border-radius:calc(var(--brightness-filter) * .25em);object-fit:contain;}
			}
			.price{font-weight:var(--CPT-FW-B);color:var(--SiteTHM2,var(--SiteTHM));}
			.tips{font-size:var(--SiteFS-S);font-weight:var(--CPT-FW);text-align:center;color:var(--body-text-color-a50);}
			.alert{font-weight:var(--CPT-FW-B);color:var(--text-color-alert);}
		}
		&:checked+span{box-shadow:var(--SiteTHM) 0 0 0 calc(var(--CPT-BDW) + 1px) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}
		&:disabled+span{pointer-events:none;box-shadow:none;background:var(--body-text-color-a5);}
	}
}

body.show_Payment_channel_popup{overflow:hidden;height:var(--VHeight);}
#Payment_channel_popup{position:fixed;inset:0;z-index:999;background:var(--background-color-mask-a50);display:flex;align-items:end;justify-content:center;opacity:0;visibility:hidden;transition:visibility 300ms,opacity 300ms;--CPT-US:3.5em;
	&>.inner{background:var(--background-color-L1);border-radius:1em 1em 0 0;width:100%;max-width:480px;min-height:calc(var(--VHeight) * .5);max-height:calc(var(--VHeight) - 5em);box-sizing:border-box;overflow:hidden;display:grid;grid:auto 1fr auto / 1fr;transform:translateY(5em);transition:300ms;}
	&.show{opacity:1;visibility:visible;
		&>.inner{transform:none;}
	}
	.title{padding:var(--spacing);
		&>h3{font-size:1em;color:var(--body-text-color-a50);}
	}
	.btc{padding:var(--spacing);
		&>.btw{display:block;text-transform:uppercase;}
	}
	#ChannelList{gap:.75em;overflow:hidden;overflow-y:auto;padding:var(--spacing);border-radius:1em;background:var(--body-background-color);box-shadow:var(--body-text-color-a5) 0 0 0 1px;
		.cpt-radio>input[type="radio"]{
			&+span{background:var(--CPT-BGC);border-radius:var(--CPT-BDR);overflow:hidden;grid:"name img" 1fr "tips tips" auto / 1fr auto;padding:1.25em var(--spacing);transition:box-shadow 300ms;}
			&:checked+span{box-shadow:var(--SiteTHM-A50) 0 0 0 calc(var(--CPT-BDW) + 1px) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}
			&:disabled+span{pointer-events:none;background:var(--body-text-color-a5);box-shadow:none;
				.name{color:var(--body-text-color-a50);}
			}
		}
		.cpt-radio::before,
		.cpt-radio>input[type="radio"]+span::before{content:unset;}
		.tips{display:block !important;}
	}
}


/*Order_receive*/
#Order_receive{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background:var(--background-color-L2);border-radius:1em;overflow:hidden;
	&>.title{
		& h3{font-size:1em;color:var(--body-text-color-a50);}
	}
	.receive_email{display:flex;flex-direction:column;gap:1em;}
	.tips_wrp{display:flex;flex-direction:column;gap:.5em;
		.tips{color:var(--body-text-color-a50);}
		.alert{color:var(--text-color-alert,var(--SiteTHM));font-weight:var(--CPT-FW-B);}
	}
}


#SEAGM_MS_footer.Product_summary{position:sticky;inset-block-end:0;z-index:99;}
#Product_summary{
	&>.inner{max-width:480px;margin-inline:auto;padding:1.25em 1.5em;background:var(--background-color-L0);box-shadow:rgb(0 0 0 / 5%) 0 -1px 0;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
	.summary{
		.price{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);color:var(--SiteTHM2,var(--SiteTHM));
			& i{font-size:.666667em;font-weight:var(--CPT-FW);font-style:normal;color:var(--body-text-color-a50,rgba(0 0 0/50%));text-decoration:line-through;}
		}
		.info{font-size:var(--SiteFS-S);color:var(--body-text-color-a50);}
	}
	.btc{
		.btw{display:block;text-transform:uppercase;}
	}
}

#Product_summary_tips{
	&>.inner{display:flex;align-items:center;max-width:480px;min-height:5em;margin-inline:auto;padding:1.25em 1.5em;box-sizing:border-box;background:var(--background-color-L1);box-shadow:rgb(0 0 0 / 5%) 0 -1px 0;}
	.warning{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;color:var(--text-color-alert);align-self:center;
		&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;align-self:start;}
	}
}


#Product_description{background:var(--background-color-L2);border-radius:1em;padding:var(--spacing);overflow:hidden;display:flex;flex-direction:column;gap:1em;
	&>h3{font-size:1em;color:var(--body-text-color-a50);}
	& article{}
}

#Product_instruction{background:var(--background-color-L2);border-radius:1em;padding:var(--spacing);overflow:hidden;display:flex;flex-direction:column;gap:1em;
	&>h3{font-size:1em;color:var(--body-text-color-a50);}
	& article{}
}

article.docs{
	& h1{font-weight:var(--CPT-FW-EB);font-size:var(--SiteFS-XXL);margin-block:1em;}
	& h2{font-weight:var(--CPT-FW-EB);font-size:var(--SiteFS-XL);margin-block:1em;}
	& h3{font-weight:var(--CPT-FW-EB);font-size:var(--SiteFS-L);margin-block:1em;}
	& ul{margin-block:1.5em;
		&>li{margin-inline-start:2em;margin-block:.75em;list-style:disc;}
	}
	& ol{margin-block:1.5em;
		&>li{margin-inline-start:2em;margin-block:.75em;list-style:decimal;}
	}
	& p{margin-block:1em;}
	& a{font-weight:var(--CPT-FW-B);text-decoration:underline;}
	& b{font-weight:var(--CPT-FW-B);}
	& img{vertical-align:top;width:100%;max-width:30em;}
	& table{width:auto !important;vertical-align:top;border-collapse:collapse;border:unset !important;text-align:center;margin-block:1.5em;
		& td,& th{border:1px #ddd solid;padding:.5em 1em!important;}
		& p{margin:unset;}
	}
	.youtube-player{margin-block:1em;margin-inline:auto;max-width:30em}
}


/*UCP*/
#SEAGM_MS_header.UCP_header{
	&>.inner::before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:var(--background-color-L1);opacity:calc(var(--SH,0) / 60 * 100%);pointer-events:none;}
	&:not(.float){
		&>.inner{background:none;box-shadow:none;}
		.nav .title{opacity:0;}
	}
}


#UCP_login{max-width:30em;min-height:calc(var(--VHeight) - 5em);padding:2em;margin-inline:auto;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:2em;
	& h3{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-B);}
	.tips{color:var(--body-text-color-a50);}
	.btw{--CPT-US:3.5em;}
	.terms{text-align:center;
		& a{display:inline-block;vertical-align:top;font-weight:var(--CPT-FW-B);text-decoration:underline;}
	}
}


#UCP_cover{background-color:var(--background-color);background-image:url('../images/gradient-bg.svg'),linear-gradient(calc(var(--translate-reverse,1) * 90deg),hsl(var(--CPT-THM-H) var(--CPT-THM-S) calc(var(--CPT-THM-L) - 10%)),hsl(var(--CPT-THM-H) var(--CPT-THM-S) calc(var(--CPT-THM-L) + 10%)));background-repeat:no-repeat;background-position:top center;background-size:200% auto,cover;color:var(--color);border-radius:0 0 1em 1em;padding-block-end:5em;margin-block-end:-6em;
	&>.inner{display:flex;flex-direction:column;justify-content:center;height:7em;padding-inline:calc(var(--spacing) + 1em);overflow:hidden;}
	#user_info{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing);
		.avatar{width:3em;height:3em;border-radius:100%;overflow:hidden;background-color:var(--color);box-shadow:var(--border-color) 0 0 0 1px;
			&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
		}
		.user{overflow:hidden;}
		.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
			& span{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-B);}
		}
		.mail{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
			& span{font-size:var(--SiteFS-S);opacity:.5;}
		}
		.btc{
			.btw{--CPT-US:3em;
				&:not(:hover){opacity:.75;}
			}
		}
	}
}

#user_menu{display:flex;flex-direction:column;gap:1px;overflow:hidden;margin-inline:1em;padding-inline:var(--spacing);background:var(--background-color-L1);border-radius:1em;
	& a{display:grid;align-items:center;gap:var(--spacing);height:5em;color:var(--body-text-color);cursor:pointer;box-shadow:var(--body-text-color-a5) 0 1px 0;
		&[data-indicator]{grid-template-columns:1fr auto;
			&::after{content:attr(data-indicator);display:block;width:1.5em;height:1.5em;line-height:1.5;text-align:center;background:var(--SiteTHM);color:var(--SiteTHM-TEXT);font-weight:var(--CPT-FW-B);border-radius:100%;}
		}
		&>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);
			&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;margin-inline:auto;}
		}
		& b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	}
}

#recent_purchase{display:flex;flex-direction:column;gap:1em;margin-inline:1em;
	&>.title{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;margin-inline:var(--spacing);
		&>h3{font-size:1em;color:var(--body-text-color-a50);}
	}
}


/*order list*/
#UCP_order_list{display:flex;flex-direction:column;gap:1em;
	.order_info{
		.unit{display:grid;grid-template-columns:1fr auto;gap:var(--spacing);align-items:center;padding:var(--spacing);border-radius:1em;overflow:hidden;background:var(--background-color-L2);color:currentColor;
			.oid{font-weight:var(--CPT-FW-EB);}
			.dtime{color:var(--body-text-color-a50);text-align:end;}
			.item{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing);align-items:center;
				.img{width:4.5em;height:4.5em;border-radius:25%;box-shadow:var(--body-text-color-a5) 0 0 0 1px;overflow:hidden;
					&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
				}
				.T{overflow:hidden;
					.name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em;font-weight:var(--CPT-FW-B);}
					.sku{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--body-text-color-a50);}
				}
				.qtt{font-weight:var(--CPT-FW-B);line-height:2;background:var(--body-text-color-a10);padding:0 1em;border-radius:1em;}
			}
			.oid~.item{box-shadow:var(--body-text-color-a5) 0 -1px 0;padding-block-start:1.5em;}
			.status{text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
				.completed{color:var(--text-color-complete);font-weight:var(--CPT-FW-B);}
				.refund{color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
				.closed{color:var(--body-text-color-a50);}
				.btw.pay{--CPT-US:2.5em;}
			}
			.subtotal{font-weight:var(--CPT-FW-B);color:var(--SiteTHM2,var(--SiteTHM));}
			.link{text-align:end;
				& span{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5em;color:var(--body-text-color-a50);margin-inline-end:-.5em;
					&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;order:9;}
				}
			}
		}
	}
}


/*order details*/
#Order_info{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background:var(--background-color-L2);border-radius:1em;
	.title{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1em;padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0;
		.status{text-transform:uppercase;
			.completed{color:var(--text-color-complete);font-weight:var(--CPT-FW-B);}
			.refund{color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
			.closed{color:var(--body-text-color-a50);}
		}
	}
	.title .oid{display:flex;align-items:center;column-gap:1em;font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);
		&::before{content:attr(icon);display:block;font-size:1em;width:1em;height:1em;line-height:1;overflow:hidden;order:9;color:var(--body-text-color-a50);}
	}
	.item{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing);align-items:center;
		.img{width:4.5em;height:4.5em;border-radius:25%;box-shadow:var(--body-text-color-a5) 0 0 0 1px;overflow:hidden;
			&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
		}
		.T{
			.name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em;font-weight:var(--CPT-FW-B);}
			.sku{color:var(--body-text-color-a50);}
		}
		.qtt{font-weight:var(--CPT-FW-B);line-height:2;background:var(--body-text-color-a5);padding-inline:1em;border-radius:1em;}
	}
	.form{display:grid;grid-template-columns:1fr auto;gap:1em;
		.T{}
		.C{text-align:end;font-weight:var(--CPT-FW-B);}
		.pri{color:var(--SiteTHM2,var(--SiteTHM));}
	}
	.form~.form{padding-block-start:1.5em;box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
	.retrieve{display:flex;justify-content:end;padding-block-start:1.5em;box-shadow:var(--body-text-color-a5) 0 1px 0 inset;
		.btw{text-transform:uppercase;}
	}
}
#Payment_info{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background:var(--background-color-L2);border-radius:1em;
	.title{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1em;padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0;}
	.title .pid{display:flex;column-gap:1em;align-items:center;font-size:1.25em;font-weight:var(--CPT-FW-B);
		&::before{content:attr(icon);display:block;font-size:1em;width:1em;height:1em;line-height:1;overflow:hidden;order:9;color:var(--body-text-color-a50);}
	}
	.expiry{display:grid;grid-template-columns:auto 1fr;column-gap:.5em;align-items:center;background:var(--body-text-color-a5);padding:.5em;padding-inline-end:1em;border-radius:2em;
		&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;color:var(--body-text-color-a50);}
	}
	.count_down{display:flex;align-items:center;column-gap:.5em;
		&>div{font-weight:var(--CPT-FW-B);font-family:var(--SiteFS3);}
		.M,.S{display:flex;align-items:center;column-gap:.5em;
			&::before{content:' : ';}
		}
	}
	.form{display:grid;grid-template-columns:1fr auto;gap:1em;
		.T{}
		.C{text-align:end;font-weight:var(--CPT-FW-B);}
		.pri{color:var(--SiteTHM);}
	}
	.summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;padding-block-start:1.5em;box-shadow:var(--body-text-color-a5) 0 1px 0 inset;
		.T{}
		.C{
			.btw{display:block;text-transform:uppercase;}
		}
		.price{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);color:var(--SiteTHM2,var(--SiteTHM));}
		.info{line-height:1;}
	}
}



.gethelp{display:flex;flex-direction:column;align-items:center;gap:var(--spacing);max-width:25em;margin:1.5em auto;text-align:center;--CPT-US:3.5em;
	& h3{font-size:1em;}
}


/*notification list*/
#UCP_notification_list{
	.list{display:flex;flex-direction:column;gap:1em;margin-inline:1em;
		&>div{background:var(--background-color-L3);padding:var(--spacing);border-radius:1em;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75em var(--spacing);position:relative;
			&.new{padding-block-start:calc(var(--spacing) + .5em);margin-block-start:calc(var(--spacing) - .5em);box-shadow:var(--SiteTHM-A50) 0 0 0 .25em inset,var(--SiteTHM-A5) 0 0 0 999em inset;background:var(--background-color-L2);
				&::before{content:attr(icon);display:block;position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;font-size:1.25em;width:2em;height:2em;line-height:2;text-align:center;margin:-1em 1.2em;border-radius:100%;background:var(--SiteTHM);color:var(--SiteTHM-TEXT);}
			}
			& h3{font-size:1em;font-weight:var(--CPT-FW-B);}
			& time{font-size:var(--SiteFS-S);color:var(--body-text-color-a50);}
			.msg{grid-column:1/-1;color:var(--body-text-color-a50);}
		}
	}
}


/*settings*/
#UCP_settings{display:flex;flex-direction:column;gap:1em;
	.settings_group{display:flex;flex-direction:column;gap:1px;padding-inline:var(--spacing);background:var(--background-color-L2);border-radius:1em;overflow:hidden;
		.unit{display:grid;grid-template-columns:auto 1fr;gap:1em;padding-block:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0;color:inherit;
			&[icon]{grid-template-columns:auto 1fr auto;
				&::before{content:attr(icon);display:block;order:99;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;margin-inline-end:-.333334em;opacity:.5;}
			}
			.T{min-width:8em;max-width:12em;}
			.C{display:flex;flex-direction:column;gap:1em;}
			.tips_wrp{
				&>*~*{margin-block-start:.5em;}
				.tips{color:var(--body-text-color-a50);}
				.alert{color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
			}
			&:has(.cpt-select){align-items:baseline;padding-block:.75em;}
			.C:has(.cpt-select){gap:.5em;}
			.cpt-select{--border-color:transparent;--shadow-focus-color:transparent;--background-focus-color:transparent;border-radius:unset;background:unset;margin-inline-end:-.75em;
				&>select{padding-inline-start:unset;}
			}
			&:has(.cpt-text){align-items:baseline;padding-block:.75em;}
			.C:has(.cpt-text){gap:.5em;}
			.cpt-text{--shadow-focus-color:transparent;--background-focus-color:transparent;border-radius:unset;background:unset;box-shadow:var(--border-color,var(--CPT-BDC)) 0 calc(var(--CPT-BDW) * -1) 0 inset,var(--shadow-focus-color,transparent) 0 0 .5em,var(--background-focus-color,transparent) 0 0 0 var(--CPT-US) inset;
				&>input{padding-inline:unset;}
			}
		}
	}
}


/* invoice */
#UCP_invoice{display:flex;flex-direction:column;gap:var(--spacing);
	.tabs{display:flex;gap:1px;margin-inline:var(--spacing);border-radius:var(--CPT-BDR);overflow:hidden;
		.tab{flex:auto;height:var(--CPT-US);padding-inline:var(--spacing);cursor:pointer;text-transform:uppercase;text-align:center;position:relative;display:flex;justify-content:center;background:var(--background-color-L2);
			&>span{position:relative;display:flex;align-items:center;
				&::after{content:'';display:block;height:.25em;background:var(--SiteTHM);position:absolute;inset-inline:0;inset-block-end:0;z-index:1;opacity:0;transform:translateY(.25em);transition:opacity 300ms,transform 300ms;}
			}
			&.on>span::after{opacity:1;transform:none;}
		}
	}
	.wrapper{display:flex;flex-direction:column;gap:1em;
		&:not(.show){display:none;}
		&>.tips{margin-inline:var(--spacing);color:var(--body-text-color-a50);}
		& h2{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-B);margin-inline:1.333334em;}
	}
	& step-section{display:flex;flex-direction:column;border-radius:1em;background:var(--background-color-L2);
		& h3{font-size:1em;font-weight:var(--CPT-FW-B);padding:var(--spacing);}
	}
}
#invoice_trade_list{display:flex;flex-direction:column;
	&>label{margin-inline:var(--spacing);padding-block:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
	& input[type="checkbox"]{display:none;
		&:checked~.trade::before{background-color:var(--SiteTHM2,var(--SiteTHM));background-image:var(--checkbox-background-image);background-repeat:no-repeat;background-position:0 0;background-size:200% 200%;}
	}
	.trade{display:grid;grid:"check pid time time" "check details details price"/auto 1fr auto auto;gap:.5em var(--spacing);
		&::before{grid-area:check;content:'';display:block;font-size:1.5em;width:1em;height:1em;overflow:hidden;background-color:var(--body-text-color-a10);border-radius:25%;box-shadow:var(--checkbox-border-color,var(--CPT-BDC)) 0 0 0 var(--CPT-BDW) inset;}
		.pid{grid-area:pid;font-weight:var(--CPT-FW-B);}
		.time{grid-area:time;text-align:end;color:var(--body-text-color-a50);align-self:center;}
		.price{grid-area:price;text-align:end;color:var(--SiteTHM2,var(--SiteTHM));font-weight:var(--CPT-FW-B);}
		.details{grid-area:details;color:var(--body-text-color-a50);display:flex;flex-wrap:wrap;column-gap:1em;}
		.item{flex:auto;width:100%;}
	}
}
#invoice_information{display:flex;flex-direction:column;gap:var(--spacing);padding-inline:var(--spacing);
	.recent{display:flex;flex-direction:column;gap:1em;width:100%;max-width:30em;margin-inline:auto;
		.title{color:var(--body-text-color-a50);}
		.info{display:flex;flex-direction:column;gap:.25em;border-radius:.5em;overflow:hidden;}
	}
	.recent_submit{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);padding:var(--spacing);background:var(--body-text-color-a5);cursor:pointer;
		&::before{content:attr(icon);display:block;font-size:2em;width:1em;height:1em;line-height:1;overflow:hidden;align-self:start;opacity:.5;}
		&>span{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
	}
}
#invoice_information .form{display:flex;flex-direction:column;gap:1em;width:100%;max-width:30em;margin-inline:auto;
	.T{}
	.C{display:flex;flex-direction:column;gap:.5em;}
	.tips_wrp{display:flex;flex-direction:column;gap:.5em;
		.tips{color:var(--body-text-color-a50);}
	}
	.required{display:grid;grid-template-columns:auto 1fr;gap:.5em;
		&::after{content:"*";color:var(--text-color-alert);font-size:1.333334em;line-height:1;}
	}
	.cpt-combine.phone{display:grid;grid-template-columns:2fr 3fr;}
}
#invoice_btc{padding:var(--spacing);text-align:center;}
#invoice_download_list{display:flex;flex-direction:column;border-radius:1em;background:var(--background-color-L2);
	.unit{display:grid;grid-template-areas:"invoice time" "details func";grid-template-columns:1fr auto;align-items:center;gap:.5em var(--spacing);padding-block:var(--spacing);margin-inline:var(--spacing);
		.invoice{grid-area:invoice;}
		.time{grid-area:time;font-size:var(--SiteFS-S);color:var(--body-text-color-a50);align-self:center;text-align:end;}
		.details{grid-area:details;color:var(--body-text-color-a50);display:flex;flex-wrap:wrap;column-gap:1em;
			.pid:not(:last-child)::after{content:' ,'}
		}
		.func{grid-area:func;text-align:end;align-self:start;
			.status{
				&[icon]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;
					&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;}
				}
				&.pending{color:var(--body-text-color-a50);font-weight:var(--CPT-FW-B);}
				&.error{color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
			}
			.download{--CPT-US:2.5em;}
		}
		.msg{grid-column:1/-1;padding-block-start:calc(var(--spacing) - .5em);
			.error_msg{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1em;color:var(--text-color-alert);}
			.error_msg::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;}
		}
	}
	.unit~.unit{box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
}
#invoice_download_wrp{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);border-radius:1em;background:var(--background-color-L2);
	.details{display:grid;grid-template-columns:auto 1fr;gap:1em var(--spacing);
		.T{white-space:nowrap;}
		.C{}
		.iid{font-weight:var(--CPT-FW-B);}
		.pids{display:flex;flex-wrap:wrap;column-gap:1em;color:var(--body-text-color-a50);}
		.pid{
			&:not(:last-child)::after{content:' ,';}
		}
	}
	.btc{display:flex;justify-content:end;padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
}


/*System*/
.System_info{flex:auto;max-width:480px;width:100%;padding:calc(var(--spacing) * 2);margin-inline:auto;box-sizing:border-box;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing);background:var(--body-background-color);
	& img{vertical-align:top;max-width:20em;width:calc(100% - var(--spacing) * 2);height:auto;aspect-ratio:16/10;object-fit:contain;}
	& h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);}
	& p{color:var(--body-text-color-a50);margin:unset;}
	.btc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;text-transform:uppercase;}
}


/*livechat popup*/
body.show_LiveChat_popup{overflow:hidden;height:var(--VHeight);}
#LiveChat_popup{position:fixed;inset:0;z-index:999;background:var(--body-background-color);display:grid;grid-template-rows:auto 1fr;opacity:0;visibility:hidden;transition:visibility 300ms,opacity 300ms;
	&.show{opacity:1;visibility:visible;
		.iframe{transform:none;}
	}
	.title{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;width:100%;padding:1em;box-sizing:border-box;--CPT-US:3em;
		& h3{font-size:1em;font-weight:var(--CPT-FW-B);margin-inline:1em;}
	}
	.iframe{width:min(60em,100%);max-height:calc(var(--VHeight) - 2em);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(5em);transition:transform 300ms;margin:0 auto;
		&>iframe{vertical-align:top;width:100%;height:100%;border-radius:1em;background:var(--background-color-L3);border:none;}
	}
}


/*static page*/
.Page_doc{margin-inline:var(--spacing);
	.copyright{margin-block:var(--spacing);text-align:center;color:var(--body-text-color-a50);}
}

#Document_cover{background-color:var(--background-color);background-image:url('../images/gradient-bg.svg'),linear-gradient(calc(var(--translate-reverse,1) * 90deg),hsl(var(--CPT-THM-H) var(--CPT-THM-S) calc(var(--CPT-THM-L) - 10%)),hsl(var(--CPT-THM-H) var(--CPT-THM-S) calc(var(--CPT-THM-L) + 10%)));background-repeat:no-repeat;background-position:top center;background-size:200% auto,cover;color:var(--color);padding:2em;box-sizing:border-box;border-radius:1em;aspect-ratio:5 / 2;
	&::before{content:'';display:block;height:2.5em;aspect-ratio:3 / 1;background:url('../images/seagm_mini_store_logo.svg') no-repeat center / contain;filter:invert(calc(var(--lightness-trend,0) * 1));}
}


/*ios*/
@supports (bottom: env(safe-area-inset-bottom)) {
	#Product_sku_popup .btc,
	#Product_orderinfo_popup .btc,
	#Payment_channel_popup .btc,
	#Product_summary>.inner,
	#Product_summary_tips>.inner{padding-block-end:max(1.25em,env(safe-area-inset-bottom));}
}

/*ItemList*/
.ItemList{display:grid;grid-template-columns:var(--list-grid-column,1fr);gap:.75em;
	& a{display:grid;grid-template-rows:var(--unit-grid-row,auto);grid-template-columns:var(--unit-grid-column,4em 1fr);align-items:var(--unit-align-items,center);justify-items:var(--unit-justify-items,unset);gap:.75em 1em;min-height:100%;padding:var(--unit-padding,1em 1.25em);box-sizing:border-box;border-radius:1em;color:currentColor;background:var(--background-color-L2);
		.img{width:var(--img-width,4em);aspect-ratio:var(--img-aspect-ratio,1/1);border-radius:var(--img-border-radius,25%);background:var(--body-text-color-a5);box-shadow:var(--body-text-color-a5) 0 0 0 1px;overflow:hidden;position:relative;
			&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:inherit;object-fit:cover;}
		}
		.name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em;}
		.price{color:var(--SiteTHM);}
		.info{
			&>span{font-size:var(--SiteFS-S);color:var(--body-text-color-a25);}
		}
	}
	&:not(.card,.topup) .T{display:grid;grid-template-columns:1fr auto;column-gap:1em;}
	&:is(.card,.topup){--unit-grid-row:auto 1fr;--list-grid-column:repeat(auto-fill,minmax(12em,1fr));--unit-grid-column:1fr;--unit-padding:1.25em;--unit-align-items:start;--unit-justify-items:center;--img-border-radius:calc(var(--img-width) / 8);text-align:center;}
	&:is(.card){--img-width:8.5em;--img-aspect-ratio:3/4;
		.img[region]::before{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;--h:calc(var(--img-width) / 6);border-radius:var(--h);margin:calc(var(--img-width) / 24);}
	}
	&:not(.card){
		.img[region]::before{display:none;}
	}
	&.topup{--img-width:min(10em,100%);}
}


/*flags*/
[region]::before, [currency]::before {
	content: '';
	display: block;
	--w: calc(var(--h) * 4/3);
	--h: 2em;
	width: var(--w);
	height: var(--h);
	border-radius: calc(var(--h) / 4);
	background-color: #fff;
	background-image: url('https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w32.png');
	background-image: -webkit-image-set(
		url('https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w32.png') 1x,
		url('https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w64.png') 2x
	);
	background-image: image-set(
		url('https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w32.png') 1x,
		url('https://seagm-media.seagmcdn.com/flag_sprite/flag_sprite_20220623_w64.png') 2x
	);
	background-position: calc(var(--x,9) * var(--w) * -1) calc(var(--y,29) * var(--h) * -1);
	background-size: calc(var(--w) * 10) calc(var(--h) * 30);
	background-repeat: no-repeat;
	box-shadow: inset rgba(0 0 0/10%) 0 0 0 1px;
	margin: 0 auto;
}
[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}


/*loading placeholder*/
div.load{display:flex;justify-content:center;padding:var(--spacing);pointer-events:none;
	.loading{display:flex;align-items:center;gap:1em;position:relative;white-space:nowrap;color:var(--body-text-color-a50);
		&::before,&::after{content:'';display:block;width:var(--size,2em);height:var(--size,2em);border-radius:100%;box-shadow:var(--SiteTHM) 1px 0 0 inset,var(--SiteTHM) -1px 0 0;animation:loading_rotate2 1500ms linear infinite,loading_opacity2 linear 1100ms calc(var(--i) * -366ms) infinite alternate;}
		&::before{--i:-2;flex:none;}
		&::after{--i:2;position:absolute;inset-block-start:0;inset-inline-start:0;}
	}
}
@keyframes loading_rotate2{0%{transform:rotateX(calc(var(--i) * 45deg + 45deg))rotateY(calc(var(--i) * 45deg + 45deg))rotateZ(calc(var(--i) * 90deg))}100%{transform:rotateX(calc(var(--i) * 45deg + 45deg))rotateY(calc(var(--i) * 45deg + 45deg))rotateZ(calc(var(--i) * 90deg + 360deg))}}
@keyframes loading_opacity2{100%{opacity:.1}}


/*tukitips*/
#tukitip_wrp{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:2em;visibility:hidden;opacity:0;pointer-events:none;
	&.show{visibility:visible;opacity:1;transition:visibility 300ms,opacity 300ms;
		#tukitip{transform:none;}
	}
}
#tukitip{max-width:30em;padding:1.75em;margin:.5em auto;background:var(--background-color-L0);border-radius:1em;box-sizing:border-box;box-shadow:rgba(0 0 0/10%) 0 0 2em;font-weight:var(--CPT-FW-B);transform:scale(.85)translateY(-2em);transition:cubic-bezier(.5,.5,.5,1.5) 300ms;
	&.load{}
	&.tips{}
	&.alert{color:var(--text-color-alert);}
	&.success{color:var(--text-color-complete);}
	&>div[icon]{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;
		&::before{content:attr(icon);font-size:2em;display:block;width:1em;height:1em;line-height:1;overflow:hidden;align-self:start;}
	}
}


/*tukibox*/
body.tukibox_overlay{overflow:hidden;}
#tukibox_overlay{position:fixed;inset:0;z-index:998;display:none;opacity:0;background:var(--background-color-mask-a50);--pd:1em;--MxHeight:calc(var(--VHeight) - var(--pd) * 2);
	&>.inner{padding:var(--pd);}
	&.show{display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
}
@starting-style{
	#tukibox_overlay.show{opacity:0;}
}
.tukibox{max-width:40em;max-height:var(--MxHeight);position:relative;
	&>a.close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;}
	.tukibox_content{padding:var(--spacing);max-height:var(--MxHeight);box-sizing:border-box;overflow:hidden;overflow-y:auto;
		& h3{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW);}
		& img{display:block;width:100%;max-width:30em;margin:1em auto;}
		& p{font-size:var(--SiteFS-L);margin-block:1em;
			& a{font-family:var(--SiteFF);font-weight:var(--CPT-FW);text-decoration:underline;}
		}
	}
	.btc{display:flex;justify-content:center;gap:1em;flex-wrap:wrap;margin-block:1em;
		a.close{position:inherit;opacity:inherit;}
	}
}

.tukibox_content.CardRetrieve{display:flex;flex-direction:column;gap:1em;width:min(calc(100vw - 2em),40em);text-align:center;background:var(--background-color-L1);border-radius:1em;text-align:start;padding-block:1em 1.5em;padding-inline:var(--spacing);
	&>.title{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;}
	& h3{font-size:1em;font-weight:var(--CPT-FW-B);}
	.pin_list{display:flex;flex-direction:column;gap:1em;width:100%;max-width:30em;margin-inline:auto;
		.unit{display:grid;grid-template-columns:auto 1fr;gap:.5em 1.5em;grid-auto-flow:dense;padding:var(--spacing);background:var(--body-text-color-a5);border-radius:1em;position:relative;
			&::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;opacity:.5;grid-area:1/3/3/4;}
		}
		.T{color:var(--body-text-color-a50);}
		.C{font-family:var(--SiteFF3);font-weight:var(--CPT-FW-B);}
	}
	.tips_wrp{width:100%;max-width:30em;margin-inline:auto;
		.tips{color:var(--body-text-color-a50);}
	}
}

.tukibox_content.OrderConfirmation{width:min(calc(100vw - 2em),40em);text-align:center;background:var(--background-color-L1);border-radius:1em;text-align:start;padding-block:1em 1.5em;padding-inline:var(--spacing);display:flex;flex-direction:column;gap:1em;
	&>.title{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;}
	& h3{font-size:1em;font-weight:var(--CPT-FW-B);}
	.item_info{width:100%;max-width:30em;margin-inline:auto;
		.item{background:var(--body-text-color-a5);border-radius:1em;overflow:hidden;padding:var(--spacing);display:grid;grid-template-columns:auto 1fr auto;gap:1em;align-items:center;}
		.img{--W:3em;width:var(--W);height:var(--W);border-radius:25%;box-shadow:var(--body-text-color-a5) 0 0 0 1px;overflow:hidden;
			&>img{vertical-align:top;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;margin:unset;}
		}
		.name{font-weight:var(--CPT-FW-B);}
		.sku{color:var(--body-text-color-a50);}
		.qtt{background:var(--body-text-color-a5);padding:.25em .75em;border-radius:1em;}
	}
	.order_info{width:100%;max-width:30em;margin-inline:auto;box-sizing:border-box;background:var(--body-text-color-a5);border-radius:1em;overflow:hidden;padding:var(--spacing);}
	.order_data{display: grid;grid-template-columns:auto 1fr;gap:.25em 1.5em;
		.T{}
		.C{font-weight:var(--CPT-FW-B);}
	}
	.tips_wrp{display:flex;flex-direction:column;gap:1em;width:100%;max-width:30em;margin-inline:auto;padding-inline:var(--spacing);box-sizing:border-box;
		.tips{color:var(--body-text-color-a50);}
	}
	.btc{margin-block:unset;
		.btw{width:min(100%,30em);text-transform:uppercase;}
	}
	.terms{width:100%;max-width:30em;margin-inline:auto;padding-inline:var(--spacing);box-sizing:border-box;
		& a{display:inline-block;vertical-align:top;font-weight:var(--CPT-FW-B);text-decoration:underline;}
	}
}

.tukibox_content.FeedBack{width:min(calc(var(--VWidth) - 2em),40em);background:var(--background-color-L1);border-radius:1em;text-align:start;padding:1em 1.5em;
	&>.title{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;}
	& h3{font-size:1em;font-weight:var(--CPT-FW-B);margin:0;}
	.content{max-width:30em;margin-block:1em;margin-inline:auto;}
	.cpt-textarea{border-radius:1em;
		&>span{padding-block:1.25em;color:var(--body-text-color-a50);}
		&>textarea{height:15em;max-height:unset;resize:none;}
	}
	.tips_wrp{margin:1em calc(var(--CPT-US) / 2);
		.tips{margin-block-start:1em;color:var(--body-text-color-a50);}
	}
	.btc{
		.btw{display:block;width:100%;max-width:30em;text-transform:uppercase;}
	}
}

.tukibox_content.Notification{width:min(calc(var(--VWidth) - 2em),40em);background:var(--background-color-L1);border-radius:1em;text-align:start;padding:2em;
	&>.inner{display:flex;flex-direction:column;gap:var(--spacing);text-align:center;max-width:30em;margin-inline:auto;}
	& h3{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);text-transform:uppercase;}
	.art>img{margin-block:unset;width:100%;max-width:20em;aspect-ratio:16/9;object-fit:contain;}
	.text{color:var(--body-text-color-a50);}
	.btc{margin-block:unset;}
}

.tukibox_content.DownloadInvoice{width:min(calc(var(--VWidth) - 2em),40em);background:var(--background-color-L1);border-radius:1em;text-align:start;padding:2em;
	&>.inner{display:flex;flex-direction:column;gap:var(--spacing);text-align:center;max-width:30em;margin-inline:auto;}
	& h3{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);text-transform:uppercase;}
	.art>img{margin-block:unset;width:100%;max-width:20em;aspect-ratio:16/9;object-fit:contain;}
	.text{color:var(--body-text-color-a50);}
	.url{font-weight:var(--CPT-FW-B);word-break:break-all;padding:1em;background:var(--body-text-color-a5);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-radius:.5em;}
	.btc{margin-block:unset;}
}

.tukibox_content.UserLogin{width:min(calc(100vw - 2em),30em);text-align:center;background:var(--background-color-L1);border-radius:1em;text-align:start;padding:var(--spacing);
	&>.content{display:flex;flex-direction:column;gap:var(--spacing);}
	.field{display:flex;flex-direction:column;gap:var(--spacing);
		& h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-B);}
		.btc{flex-direction:column;margin-block:unset;}
	}
	.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;color:var(--body-text-color-a50);font-weight:var(--CPT-FW-B);text-transform:uppercase;
		&::before,&::after{content:'';display:block;height:1px;background:var(--body-text-color-a5);}
	}
	.tips_wrp{display:flex;flex-direction:column;row-gap:1em;
		&:not(:has(.tips,.show)){display:none;}
		.tips{color:var(--body-text-color-a50);}
		.alert{color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
	}
	.terms{text-align:center;
		& a{display:inline-block;vertical-align:top;font-weight:var(--CPT-FW-B);text-decoration:underline;}
	}
}


/*youtube-player container*/
.youtube-player{aspect-ratio:16/9;border-radius:1em;overflow:hidden;background:var(--body-background-color) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2OCA0OCc+PHBhdGggZmlsbD0ncmdiYSgwLDAsMCwuMSknIGQ9J002Ni41Miw3Ljc0Yy0wLjc4LTIuOTMtMi40OS01LjQxLTUuNDItNi4xOUM1NS43OSwuMTMsMzQsMCwzNCwwUzEyLjIxLC4xMyw2LjksMS41NSBDMy45NywyLjMzLDIuMjcsNC44MSwxLjQ4LDcuNzRDMC4wNiwxMy4wNSwwLDI0LDAsMjRzMC4wNiwxMC45NSwxLjQ4LDE2LjI2YzAuNzgsMi45MywyLjQ5LDUuNDEsNS40Miw2LjE5IEMxMi4yMSw0Ny44NywzNCw0OCwzNCw0OHMyMS43OS0wLjEzLDI3LjEtMS41NWMyLjkzLTAuNzgsNC42NC0zLjI2LDUuNDItNi4xOUM2Ny45NCwzNC45NSw2OCwyNCw2OCwyNFM2Ny45NCwxMy4wNSw2Ni41Miw3Ljc0eicvPjxwYXRoIGQ9J00gNDUsMjQgMjcsMTQgMjcsMzQnIGZpbGw9J3doaXRlJy8+PC9zdmc+") no-repeat center/4em;
	&>iframe{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;overflow:hidden;}
}


/*light mode variables*/
@media(prefers-color-scheme: light) {
	:root{
		--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%);

		--background-color-warning: rgba(255 255 0/10%);
		--text-color-warning: rgba(255 255 0);
		--background-color-alert: rgba(255 0 0/15%);
		--text-color-alert: rgba(255 0 0);
		--background-color-complete: rgba(0 128 0/10%);
		--text-color-complete: rgba(0 128 0);
		--background-color-promotion: rgba(0 128 0/10%);
		--text-color-promotion: rgba(0 128 0);

		color-scheme: light;
	}

	[data-game-theme],
	[data-item-theme]{--r:255;--g:255;--b:255;--h:0;--s:0%;--l:100%;}

	[class*="cpt-"]>input[type="search"]::-webkit-search-cancel-button{--search-cancel-button-background-position-y:0;}
	.cpt-select{--select-arrow-background-position-y:0;}
	.cpt-checkbox>input[type="checkbox"]:checked+span{--checkbox-background-position-x:0;--checkbox-background-position-y:0;}
	.cpt-checkbox>input[type="checkbox"]:disabled+span{--checkbox-background-position-x:-1;--checkbox-background-position-y:-1;}
	.cpt-checkbox>input[type="checkbox"]:checked:disabled+span{--checkbox-background-position-x:0;--checkbox-background-position-y:-1;}
	.cpt-radio>input[type="radio"]:disabled+span{--radio-background-position-x:-1;--radio-background-position-y:-1}
	.cpt-radio>input[type="radio"]:checked:disabled+span{--radio-background-position-x:0;--radio-background-position-y:-1}
}
/*dark mode variables*/
@media(prefers-color-scheme: dark) {
	:root{
		--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%);

		--background-color-warning: rgba(255 255 0/10%);
		--text-color-warning: rgba(255 255 0);
		--background-color-alert: rgba(255 69 69/25%);
		--text-color-alert: rgba(255 69 69);
		--background-color-complete: rgb(154 205 50/15%);
		--text-color-complete: rgba(154 205 50);
		--background-color-promotion: rgb(154 205 50/10%);
		--text-color-promotion: rgba(154 205 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-game-theme],
	[data-item-theme]{--r:0;--g:0;--b:0;--h:0;--s:0%;--l:0%;}

	[class*="cpt-"]>input[type="search"]::-webkit-search-cancel-button{--search-cancel-button-background-position-y:1;}
	.cpt-select{--select-arrow-background-position-y:-1;}
	.cpt-checkbox>input[type="checkbox"]:checked+span{--checkbox-background-position-y:-1;}
	.cpt-checkbox>input[type="checkbox"]:disabled+span{--checkbox-background-position-x:-1;--checkbox-background-position-y:0;}
	.cpt-checkbox>input[type="checkbox"]:checked:disabled+span{--checkbox-background-position-x:0;--checkbox-background-position-y:0;}
	.cpt-radio>input[type="radio"]:disabled+span{--radio-background-position-x:-1;--radio-background-position-y:0;}
	.cpt-radio>input[type="radio"]:checked:disabled+span{--radio-background-position-x:0;--radio-background-position-y:0;}
}

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