@media (prefers-color-scheme: light),(prefers-color-scheme: dark) {
	:root{
		--CPT-THM-R: 45;
		--CPT-THM-G: 165;
		--CPT-THM-B: 85;
		--CPT-THM-H: 140;
		--CPT-THM-S: 57%;
		--CPT-THM-L: 41%;

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

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

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

		--CPT-BGC: #fff;

		--brightness-filter: 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}

}

/*OPPOSans*/
@font-face{font-family:"OPPO Sans";src:url('https://seagm-media.seagmcdn.com/mini_store/art-oppo/opposans/v3-5/OPPOSans.woff2') format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{
	--font-family-heading: "OPPO Sans";
	--font-family-content: "OPPO Sans";
}

#SEAGM_MS_header.Home_header{
	&~#SEAGM_MS_content>.inner{
		&::after{content:'';display:block;aspect-ratio:181/32;height:2em;margin-block-start:auto;margin-inline:auto;background:url('https://seagm-media.seagmcdn.com/mini_store/art-oppo/footer-logo2.png') no-repeat center/contain;}
	}
	&: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 * 70%);pointer-events:none;}
		.nav .title{display:flex;flex-direction:column;overflow:hidden;
			& b{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
			& span{font-size:var(--SiteFS-S);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		}
	}
}

#SEAGM_MS_content{
	&>.inner{padding-block-end:1em;
		&::after{content:unset;}
	}
}

#Home_functions{display:flex;gap:1em;margin-inline:1em;
	.bt{flex:auto;color:inherit;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);height:5em;padding-inline:var(--spacing);border-radius:1em;background-color:var(--background-color-L1,#fff);
		& i{display:flex;align-items:center;justify-content:center;width:3em;height:3em;background-color:var(--bgc);border-radius:100%;
			&::before{content:'';display:block;width:1.5em;height:1.5em;background:var(--icon-image) no-repeat center/contain;filter:invert(1);}
		}
		& span{font-weight:var(--CPT-FW-EB);}
		&.orders{--bgc:dodgerblue;}
		&.livechat{--bgc:var(--SiteTHM);}
	}
}
#Home_recommend{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L2,#fff);border-radius:1em;flex:auto;}
.recommend_tabs_oppo{display:flex;gap:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 -1px 0 inset;margin-block-start:calc(var(--spacing) * -1);background-color:inherit;position:sticky;inset-block-start:5em;z-index:1;
	.tab{cursor:pointer;padding-block:var(--spacing);transition:box-shadow 300ms;
		& span{font-weight:var(--CPT-FW-EB);}
		&.on{box-shadow:var(--SiteTHM) 0 -.25em 0 inset;}
	}
}
.recommend_list_oppo{display:flex;flex-direction:column;gap:1em;
	&:not(.show){display:none;}
	.item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1em;color:inherit;padding-inline:1px;
		.img{width:5em;height:5em;background-color:var(--body-background-color,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/5%)) 0 0 0 1px;border-radius:25%;overflow:hidden;
			& img{display:block;width:100%;height:100%;object-fit:cover;}
		}
		.T{display:flex;flex-direction:column;gap:.333334em;
			.name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;font-weight:var(--CPT-FW-B);}
			.discount{font-size:var(--SiteFS-S);font-weight:var(--CPT-FW-B);line-height:2;margin-inline-end:auto;padding-inline:.75em;border-radius:.5em;color:hsl(30 100% 50%);background-color:hsl(30 100% 50%/10%);}
		}
		.F{
			& span{display:flex;align-items:center;height:var(--CPT-US);padding-inline:calc(var(--CPT-US) / 2);border-radius:var(--CPT-US);font-weight:var(--CPT-FW-EB);color:var(--SiteTHM);background-color:var(--SiteTHM-A10);--CPT-US:3em;}
		}
	}
}

#ItemList_product{
	.ItemList{padding:var(--spacing);background-color:var(--background-color-L2,#fff);border-radius:1em;margin-inline:calc(var(--spacing) * -1);--unit-grid-column:auto 1fr auto;--img-width:5em;
		& a{padding:unset;border-radius:unset;background-color:unset;
			.T{display:flex;flex-direction:column;gap:.333334em;
				.name{font-weight:var(--CPT-FW-B);}
				.discount {
	                font-size: var(--SiteFS-S);
	                font-weight: var(--CPT-FW-B);
	                line-height: 2;
	                margin-inline-end: auto;
	                padding-inline: .75em;
	                border-radius: .5em;
	                color: hsl(30 100% 50%);
	                background-color: hsl(30 100% 50% / 10%);
	            }
			}
			.F{
				& span{display:flex;align-items:center;height:var(--CPT-US);padding-inline:calc(var(--CPT-US) / 2);border-radius:var(--CPT-US);font-weight:var(--CPT-FW-EB);color:var(--SiteTHM);background-color:var(--SiteTHM-A10);--CPT-US:3em;}
			}
		}
	}
}


#Product_cover{
	&>.inner{align-items:center;
		.cover{align-self:start;
			.img{width:5em;height:5em;background-color:var(--body-background-color,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/5%)) 0 0 0 1px;border-radius:25%;overflow:hidden;
				&>img{display:block;width:100%;height:100%;object-fit:cover;}
			}
		}
		.info{gap:.5em;
			.name{
				& h1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;font-size:var(--SiteFS-L);}
			}
		}
	}
	&~[data-step]{
		&::before,&::after{content:unset;}
	}
}
#Product_summary{
	.discount{font-size:var(--SiteFS-S);font-weight:var(--CPT-FW-B);line-height:2;margin-inline-end:auto;padding-inline:.75em;border-radius:.5em;color:hsl(30 100% 50%);background-color:hsl(30 100% 50% / 10%);}
}


.UserLogin .field .btc{width:min(100%,220px);margin-inline:auto;position:relative;
	.label{background:red;color:#fff;position:absolute;inset-block-start:-.5em;inset-inline-end:-.5em;z-index:1;line-height:1.5;padding-inline:.5em;border-radius:1em;pointer-events:none;}
}


#Product_sku .SKU_type .qtt,
.OrderConfirmation .item_info .qtt,
#UCP_order_list .item .qtt,
#Order_info .item .qtt{background:unset;padding:unset;}

/* oppo os icons */
#SEAGM_MS_header{
	.btc_right{gap:.5em;}
	.btw>span{
		&[icon-only="chevron_left"]::before,
		&[icon-only="list_alt"]::before,
		&[icon-only="notifications"]::before,
		&[icon-only="forum"]::before,
		&[icon-only="more_vert"]::before,
		&[icon-only="search"]::before{content:'';background-image:var(--icon-image);background-repeat:no-repeat;background-position:center;background-size:contain;filter:var(--icon-image-filter,invert(var(--brightness-filter,0)));transition:filter 300ms;}
	}
	&.Product_header:not(.float)>.inner{--icon-image-filter:invert(var(--lightness-trend,var(--brightness-filter,0)));}
}
#LiveChat_popup .title .close>span[icon-only="chevron_left"]::before{content:'';background-image:var(--icon-image);background-repeat:no-repeat;background-position:center;background-size:contain;filter:var(--icon-image-filter,invert(var(--brightness-filter,0)));transition:filter 300ms;}

[icon-only="chevron_left"]{--icon-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEwLjEgMjAuM2MtLjIgMC0uNC0uMS0uNS0uMkwyIDEyLjVjLS4xLS4xLS4xLS4xLS4xLS4ycy0uMS0uMi0uMS0uMyAwLS4yLjEtLjNjMC0uMS4xLS4yLjEtLjJsNy42LTcuNmMuMy0uMy43LS4zIDEgMHMuMy43IDAgMWwtNi40IDYuNGgxNy4zYy40IDAgLjcuMy43LjdzLS4zLjctLjcuN0g0LjJsNi40IDYuNGMuMy4zLjMuNyAwIDEtLjEuMS0uMy4yLS41LjIiLz48L3N2Zz4=')}
[icon-only="list_alt"]{--icon-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE5LjcgMi4zYTIgMiAwIDAgMSAyIDJ2MTUuNGEyIDIgMCAwIDEtMiAySDQuM2EyIDIgMCAwIDEtMi0yVjQuM2EyIDIgMCAwIDEgMi0yek00LjMgMy43YS42LjYgMCAwIDAtLjYuNnYxNS40YS42LjYgMCAwIDAgLjYuNmgxNS40YS42LjYgMCAwIDAgLjYtLjZWNC4zYS42LjYgMCAwIDAtLjYtLjZ6TTggMTIuNzVhMS4yNSAxLjI1IDAgMSAxIDAgMi41IDEuMjUgMS4yNSAwIDAgMSAwLTIuNW03LjE0LjU2NWEuNy43IDAgMCAxIDAgMS4zN0wxNSAxNC43aC0zLjVhLjcuNyAwIDAgMSAwLTEuNEgxNXpNOCA4Ljc1YTEuMjUgMS4yNSAwIDEgMSAwIDIuNSAxLjI1IDEuMjUgMCAwIDEgMC0yLjVtOS4xNC41NjVhLjcuNyAwIDAgMSAwIDEuMzdMMTcgMTAuN2gtNS41YS43LjcgMCAwIDEgMC0xLjRIMTd6Ii8+PC9zdmc+')}
[icon-only="notifications"]{--icon-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDEuNmEuOS45IDAgMCAxIC44MzYgMS4yM2MxLjg5OC4xNCAzLjM3NS43NzcgNC40MDUgMS44NzUgMS4xNjkgMS4yNDUgMS42NiAyLjk3OCAxLjY2IDQuOTM0djEuNjExYzAgMi43NC43MjQgNC4wMzEgMS4zOTYgNC44NzIuMTc3LjIyLjM1Ny40MTguNTM4LjYxNi4xNzUuMTkuMzY1LjM5NS41My42MDIuMzQzLjQzMy42MzUuOTUyLjYzNSAxLjY2YS43LjcgMCAwIDEtLjcuN2gtNi4zNmEyLjkgMi45IDAgMCAxLS44NTggMi4zMTl2LS4wMDFhMi45MjcgMi45MjcgMCAwIDEtNC4xNy0uMDA2IDIuOSAyLjkgMCAwIDEtLjg1LTIuMzExSDIuN0EuNy43IDAgMCAxIDIgMTljMC0uNzA5LjI5Mi0xLjIyOC42MzYtMS42Ni4xNjQtLjIwOC4zNTUtLjQxMi41My0uNjAzYTEyIDEyIDAgMCAwIC41MzctLjYxNmMuNjcyLS44NCAxLjM5OC0yLjEzMiAxLjM5OC00Ljg3MlY5LjY0YzAtMS45NTcuNDktMy42OSAxLjY1OS00LjkzNSAxLjAzLTEuMDk4IDIuNTA2LTEuNzM0IDQuNDAzLTEuODc2QS45LjkgMCAwIDEgMTIgMS42bS0xLjUzMSAxOC4xYy0uMDcuNDMxLjA0Ni44ODMuMzQ4IDEuMjMybC4wODQuMDkuMDA3LjAwNi4xMTcuMTA4Yy42MDkuNTAzIDEuNS40NjYgMi4wNjgtLjEwOGwuMDA2LS4wMDYuMDg0LS4wOWMuMzAyLS4zNS40MTgtLjguMzQ3LTEuMjMxek0xMiA0LjJjLTIuMDQ0IDAtMy4zODMuNTcxLTQuMjIgMS40NjMtLjg0NC44OTktMS4yOCAyLjIzNS0xLjI4IDMuOTc2djEuNjExYzAgMy4wNDctLjgyNSA0LjY1LTEuNzAzIDUuNzQ3LS4yMS4yNjItLjQxOS40OS0uNi42ODgtLjE4OC4yMDQtLjMzOC4zNjYtLjQ2NC41MjRxLS4wMzUuMDQ3LS4wNjUuMDkxaDE2LjY2NXEtLjAzLS4wNDQtLjA2NS0uMDljLS4xMjYtLjE2LS4yNzctLjMyMS0uNDY0LS41MjUtLjE4Mi0uMTk4LS4zOS0uNDI2LS42LS42ODgtLjg3OS0xLjA5OC0xLjcwNC0yLjctMS43MDQtNS43NDdWOS42NGMwLTEuNzQxLS40MzYtMy4wNzgtMS4yOC0zLjk3N0MxNS4zODQgNC43NyAxNC4wNDQgNC4yIDEyIDQuMiIvPjwvc3ZnPg==')}
[icon-only="forum"]{--icon-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIxLjUgMjIuN2MuMS4xLjMuMi41LjIuNCAwIC43LS4zLjctLjdWOC45YzAtLjIgMC0uNC0uMS0uNWwtLjEtLjJjLS4yLS40LS41LS43LS44LS45bC0uMi0uMWMtLjItLjEtLjQtLjItLjctLjJIMjB2MS40aC45bC4xLjFjLjEuMS4yLjEuMi4ydjExLjhsLTEuNy0xLjdjLS4xLS4yLS4zLS4zLS40LS40bC0uMS0uMWMtLjEtLjEtLjMtLjEtLjQtLjJoLS4yYy0uMi0uMS0uNS0uMS0uOC0uMUg5Yy0uMSAwLS4yLS4xLS4yLS4ybC0uMS0uMXYtLjlINy4zdi44YzAgLjIuMS41LjIuN2wuMS4yYy4yLjQuNS43LjkuOGwuMi4xYy4yLjEuMy4xLjUuMWg5LjFsLjEuMS4yLjJ6TTE1LjkgMmguOWMuMyAwIC41LjEuOC4ybC4xLjFjLjMuMi42LjUuNy44bC4xLjJjLjEuMi4xLjQuMS42djkuNmMwIC4yLS4xLjQtLjEuNmwtLjEuMmMtLjIuMy0uNC42LS43LjhsLS4xLjFjLS4zLjEtLjUuMi0uOC4ySDUuN3MtLjEgMC0uMS4xbC0uMi4yLTIuOSAyLjhjLS4zLjMtLjcuMy0xIDAtLjEtLjEtLjItLjMtLjItLjVWMy45YzAtLjMuMS0uNS4yLS44bC4xLS4xYy4yLS4zLjUtLjYuOC0uN2wuMi0uMWMuMi0uMS40LS4yLjYtLjJoMTIuN000LjEgMy40SDNjLS4xLjEtLjIuMi0uMi4zdjEyLjdsMS43LTEuNi4zLS4zYy4xLS4xLjItLjIuMy0uMmwuMS0uMWMuMS0uMS4zLS4xLjQtLjJoMTEuMmMuMiAwIC4yIDAgLjMtLjFsLjEtLjEuMi0uMlYzLjdjMC0uMS0uMS0uMi0uMi0uMkg0LjF6bTcgNi4xYy40LjEuNi41LjUuOHMtLjMuNS0uNS41SDZjLS40IDAtLjctLjMtLjctLjdzLjMtLjcuNy0uN2g1em0zLTNjLjQuMS42LjUuNS44cy0uMy41LS41LjVINmMtLjQgMC0uNy0uMy0uNy0uN3MuMy0uNy43LS43aDh6Ii8+PC9zdmc+')}
[icon-only="more_vert"]{--icon-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDEzLjc1YTEuNzUgMS43NSAwIDEgMCAwLTMuNSAxLjc1IDEuNzUgMCAwIDAgMCAzLjVNMTIgNi42MjVhMS43NSAxLjc1IDAgMSAwIDAtMy41IDEuNzUgMS43NSAwIDAgMCAwIDMuNU0xMiAyMC44NzVhMS43NSAxLjc1IDAgMSAwIDAtMy41IDEuNzUgMS43NSAwIDAgMCAwIDMuNSIvPjwvc3ZnPg==')}
[icon-only="search"]{--icon-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTkuODMgMS44NDZhNy45ODQgNy45ODQgMCAwIDEgNy45ODIgNy45ODRjMCAxLjg4LS42NTIgMy42MDUtMS43MzkgNC45N2w1LjgxNyA1LjgxN2EuOTAxLjkwMSAwIDAgMS0xLjI3MyAxLjI3M0wxNC44IDE2LjA3M2E3Ljk1IDcuOTUgMCAwIDEtNC45NyAxLjczOSA3Ljk4NCA3Ljk4NCAwIDAgMSAwLTE1Ljk2Nm0wIDEuNGE2LjU4MyA2LjU4MyAwIDEgMCAwIDEzLjE2NyA2LjU4MyA2LjU4MyAwIDAgMCAwLTEzLjE2NiIvPjwvc3ZnPg==')}

.ItemList_empty{
	& img{aspect-ratio:7/5;}
	& h3{font-size:var(--SiteFS-L);}
}