@charset "UTF-8";

/*layout*/
body{display:flex;flex-direction:column;min-width:320px;min-height:var(--VHeight);}
#content{flex:auto;}
#content>.inner{margin-inline:auto;max-width:var(--MaxContentWidth);padding-inline:2em;box-sizing:border-box;}


/* site header */
#site_header{display:flex;flex-direction:column;gap:1px;background:var(--background-color-L2,#fff);position:sticky;inset-block-start:calc((var(--site-header-height,0) - var(--main-nav-height,0)) * -1px);z-index:99;transition:box-shadow 300ms;--spacing:2em;}
#site_header.float{box-shadow:var(--body-text-color-a5,rgba(0 0 0/0)) 0 -1px 0 inset,rgba(0 0 0/5%) 0 0 2em;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#global_notification{order:-999;background-color:var(--background-color);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0;}
#global_notification>.inner{width:min(var(--MaxContentWidth),100%);margin-inline:auto;padding:1em var(--spacing);box-sizing:border-box;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
#global_notification .msg{color:var(--color);}
#global_notification .btw.close{--CPT-US:3em;align-self:start;margin-inline-end:calc(var(--spacing) / -2);}
#global_notification.warning{--color:var(--text-color-warning);--background-color:var(--background-color-warning);}
#global_notification.alert{--color:var(--text-color-alert);--background-color:var(--background-color-alert);}
#global_notification.promotion{--color:var(--text-color-promotion);--background-color:var(--background-color-promotion);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#global_nav{box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0;}
#global_nav>.inner{width:min(var(--MaxContentWidth),100%);height:4em;margin-inline:auto;padding-inline:var(--spacing);box-sizing:border-box;display:grid;grid:"nav settings"/1fr auto;align-items:center;gap:var(--spacing);}
#global_nav .nav{grid-area:nav;}
#global_nav .settings{grid-area:settings;}
#global_nav .nav_title{display:none;}

#global_nav .nav{display:flex;align-items:center;gap:var(--spacing);}
#global_nav .nav a{color:inherit;transition:color 300ms;}
#global_nav .nav a:hover{color:var(--SiteTHM);}

#global_nav .settings{}
#global_nav .settings .bt{cursor:pointer;transition:color 300ms;}
#global_nav .settings .bt:hover{color:var(--SiteTHM);}
#global_nav .settings .user_settings_ctrl{display:flex;align-items:center;gap:.5em;font-weight:var(--CPT-FW-B);}
#global_nav .settings .user_settings_ctrl>span~span{display:flex;align-items:center;gap:.5em;}
#global_nav .settings .user_settings_ctrl>span~span::before{content:'/';opacity:.25;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#global_nav{position:fixed;inset:0;z-index:9;background-color:var(--background-color-mask-a75,rgba(0 0 0/50%));}
	#global_nav>.global_nav_ctrl_off{position:absolute;inset:0;z-index:-1;}
	#global_nav>.inner{grid:"nav_title" auto "nav" 1fr "settings" auto;align-items:start;gap:1px;width:min(30em,calc(var(--VWidth) - var(--CPT-US)));height:100%;margin:unset;padding:unset;background-color:var(--background-color-L1,#fff);}

	body.show_global_nav{overflow:hidden;}
	#global_nav:not(.show){display:none;opacity:0;}
	#global_nav.show{display:block;opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
	#global_nav.show>.inner{transition:transform 300ms;}
	@starting-style{
		#global_nav.show{opacity:0;}
		#global_nav.show>.inner{transform:translateX(calc(var(--translate-reverse,1) * var(--spacing) * -1));}
	}

	#global_nav .nav_title{grid-area:nav_title;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing);height:6em;padding-inline:var(--spacing) .75em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0;}
	#global_nav .nav_title .logo{display:block;--h:2em;width:calc(var(--h) / 4 * 19);height:var(--h);background:url('/skin/store/images/logo_icon_text-1194d007.svg') no-repeat center/contain;-webkit-mask-image:linear-gradient(calc(var(--brightness-filter,0) * 180deg),rgba(0 0 0 / 100%),rgba(0 0 0 / 60%));mask-image:linear-gradient(calc(var(--brightness-filter,0) * 180deg),rgba(0 0 0 / 100%),rgba(0 0 0 / 60%));filter:invert(var(--brightness-filter,0));}
	#global_nav .nav_title .logo>span{display:none;}
	#global_nav .nav_title .global_nav_ctrl_off{width:var(--CPT-US);height:var(--CPT-US);display:flex;align-items:center;justify-content:center;}
	#global_nav .nav_title .global_nav_ctrl_off::before{content:attr(icon);font-size:1.5em;}

	#global_nav .nav{flex-direction:column;align-items:unset;gap:unset;height:100%;padding:1.5em 1em;box-sizing:border-box;overflow:hidden;overflow-y:auto;}
	#global_nav .nav a{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.25em;height:var(--CPT-US);padding-inline:1.25em;border-radius:var(--CPT-BDR);transition:color 300ms,background-color 300ms;}
	#global_nav .nav a::before{content:attr(icon);font-size:1.5em;}
	#global_nav .nav a:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}

	#global_nav .settings{box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 -1px 0;}
	#global_nav .settings .user_settings_ctrl{height:5em;padding-inline:var(--spacing);}
	#global_nav .settings .user_settings_ctrl::before{content:attr(icon);font-size:1.5em;margin-inline-end:auto;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#main_nav{}
#main_nav>.inner{width:min(var(--MaxContentWidth),100%);height:8em;margin-inline:auto;padding-inline:var(--spacing);box-sizing:border-box;display:grid;grid:"logo search user"/auto 1fr auto;align-items:center;gap:var(--spacing);}
#main_nav .nav_logo{grid-area:logo;}
#main_nav .nav_search{grid-area:search;}
#main_nav .nav_user{grid-area:user;}
#main_nav .global_nav_ctrl_on{display:none;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#main_nav>.inner{height:6em;padding-inline:1em;grid:"global_nav_ctrl_on search user"/auto 1fr auto;gap:1em;}
	#main_nav .global_nav_ctrl_on{grid-area:global_nav_ctrl_on;width:var(--CPT-US);height:var(--CPT-US);display:flex;align-items:center;justify-content:center;}
	#main_nav .global_nav_ctrl_on::before{content:attr(icon);font-size:1.5em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}

#main_nav .nav_logo{}
#main_nav .nav_logo .logo{display:block;--h:2em;width:calc(var(--h) / 4 * 19);height:var(--h);background:url('/skin/store/images/logo_icon_text-1194d007.svg') no-repeat center/contain;-webkit-mask-image:linear-gradient(calc(var(--brightness-filter,0) * 180deg),rgba(0 0 0 / 100%),rgba(0 0 0 / 60%));mask-image:linear-gradient(calc(var(--brightness-filter,0) * 180deg),rgba(0 0 0 / 100%),rgba(0 0 0 / 60%));filter:invert(var(--brightness-filter,0));}
#main_nav .nav_logo .logo>span{display:none;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#main_nav .nav_logo{display:none;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}

#main_nav .nav_search{--CPT-US:4em;height:var(--CPT-US);}
#main_nav .nav_search_link{display:none;}
#main_nav .search_input{display:grid;grid-template-columns:1fr auto;width:min(50em,100%);margin-inline:auto;--background-focus-color:transparent;}
#main_nav .search_input.focus{--border-color:var(--SiteTHM);height:auto;background-color:var(--background-color-L0,#fff);}
#main_nav .search_input:not(.focus) .search_expand_info{display:none;}
#main_nav .search_input:not(.focus) .btw.search{--color:var(--body-text-color-a50,rgba(0 0 0/50%));--background-color:transparent;--border-color:transparent;--shadow-color:transparent;}
#main_nav .search_input .btw.search{--CPT-US:3em;margin-inline-end:.5em;}

#main_nav .search_expand_info{grid-column:1/-1;display:flex;flex-direction:column;gap:1.5em;padding:1.5em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 -1px 0;}
#main_nav .search_autofill{display:flex;flex-direction:column;gap:.25em;}
#main_nav .search_autofill .link{display: grid;grid-template-columns:1fr auto;align-items:center;gap:1em;height:3.5em;padding-block:.75em;padding-inline:1.5em 1em;box-sizing:border-box;border-radius:var(--CPT-BDR);color:inherit;background-color:var(--body-text-color-a5,rgba(0 0 0/5%));cursor:pointer;transition:color 300ms,background-color 300ms;}
#main_nav .search_autofill .link::before{content:attr(icon);font-size:1.5em;opacity:.5;order:9;}
#main_nav .search_autofill .link:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
#main_nav .search_autofill .link>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#main_nav .search_input{width:min(40em,100%);}
}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	#main_nav .nav_search{--CPT-US:3.5em;}
	#main_nav .search_input{display:none;}
	#main_nav .nav_search_link{display:inherit;width:var(--CPT-US);height:var(--CPT-US);margin-inline-start:auto;overflow:hidden;}
}


#main_nav .nav_user{position:relative;display:flex;align-items:center;gap:1em;}

#login-btn{}
#login-btn:hover{--color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);--border-color:var(--SiteTHM-A50);}
#user-btn{position:relative;cursor:pointer;}
#user-btn[data-msg-counter]:not([data-msg-counter=""],[data-msg-counter="0"])::after{content:attr(data-msg-counter);position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;transform-origin:top var(--inline-end,right);transform:scale(.75);display:block;font-weight:var(--CPT-FW-B);text-align:center;min-width:1.5em;max-width:75%;padding-inline:.333334em;box-sizing:border-box;border-radius:1em;color:var(--background-color-L2,#fff);background-color:var(--SiteTHM);box-shadow:var(--background-color-L2,#fff) 0 0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#user-btn .avatar{width:2.5em;height:2.5em;margin:calc((var(--CPT-US) - 2.5em) / 2);border-radius:100%;background-color:var(--body-text-color-a10,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0 / 10%)) 0 0 0 1px;overflow:hidden;transition:box-shadow 300ms;}
#user-btn .avatar>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;overflow:hidden;transition:transform 300ms;}
#user-btn:hover .avatar{box-shadow:var(--body-text-color-a10,rgba(0 0 0 / 10%)) 0 0 0 1px,var(--SiteTHM-A25) 0 0 0 .333334em;}
#user-btn:hover .avatar>img{transform:scale(1.166667);}

.user_menu_dropdown{position:absolute;inset-block-start:calc(100% + 1em);inset-inline-end:0;z-index:9;width:30em;border-radius:1em;background:var(--background-color-L0,#fff);box-shadow:rgba(0 0 0/5%) 0 1em 2em;overflow:hidden;}
.user_menu_dropdown:not(.show){display:none;opacity:0;}
.user_menu_dropdown.show{display:block;opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
@starting-style{.user_menu_dropdown.show{opacity:0;}}

.user_menu_dropdown>.inner{}
.user_menu_dropdown .user_dropdown_ctrl_off{display: none;}

.user_menu_dropdown .welcome{display:flex;flex-direction:column;align-items:center;padding:2em;}
.user_menu_dropdown .welcome .art{width:20em;}
.user_menu_dropdown .welcome .art>img{display:block;width:min(25em,100%);height:auto;aspect-ratio:4/3;object-fit:cover;}
.user_menu_dropdown .welcome h3{font-size:var(--SiteFS-L);}
.user_menu_dropdown .welcome .btc{display:flex;align-items:center;justify-content:center;gap:1em;flex-wrap:wrap;margin-block-start:1.5em;}

.user_menu_dropdown .functions{display:grid;grid:"user" auto "menu" 1fr;gap:1px;}
.user_menu_dropdown .functions .user{grid-area:user;}
.user_menu_dropdown .functions .menu{grid-area:menu;}
.user_menu_dropdown .functions .user{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;padding:2em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0;}
.user_menu_dropdown .functions .avatar{width:3em;height:3em;border-radius:100%;background-color:var(--body-text-color-a10,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0 / 10%)) 0 0 0 1px;overflow:hidden;}
.user_menu_dropdown .functions .avatar>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;overflow:hidden;}
.user_menu_dropdown .functions .info{display:flex;flex-direction:column;overflow:hidden;}
.user_menu_dropdown .functions .info>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.user_menu_dropdown .functions .name{font-weight:var(--CPT-FW-B);}
.user_menu_dropdown .functions .mail{color:var(--body-text-color-a50,rgba(0 0 0/50%));}

.user_menu_dropdown .functions .menu{padding:1em 1.5em;}
.user_menu_dropdown .functions .list{display:flex;flex-direction:column;}
.user_menu_dropdown .functions .list a{display:grid;align-items:center;gap:1em;height:var(--CPT-US);padding-inline:1.5em;color:inherit;border-radius:var(--CPT-BDR);transition:color 300ms,background-color 300ms;}
.user_menu_dropdown .functions .list a:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
.user_menu_dropdown .functions .list a>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5em;}
.user_menu_dropdown .functions .list a>span::before{content:attr(icon);font-size:1.5em;}
.user_menu_dropdown .functions .list a[data-msg-counter]:not([data-msg-counter=""],[data-msg-counter="0"]){grid-template-columns:1fr auto;}
.user_menu_dropdown .functions .list a[data-msg-counter]:not([data-msg-counter=""],[data-msg-counter="0"])::after{content:attr(data-msg-counter);display:block;font-weight:var(--CPT-FW-B);text-align:center;min-width:1.5em;padding-inline:.25em;box-sizing:border-box;border-radius:1em;color:var(--background-color-L1,#fff);background-color:var(--SiteTHM);}
.user_menu_dropdown .functions .list .hr{margin-block:1em;margin-inline:1.5em;height:1px;background-color:var(--body-text-color-a5,rgba(0 0 0 / 5%));}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	body.show_user_menu_dropdown{overflow:hidden;}
	.user_menu_dropdown.show>.inner{transition:transform 300ms;}
	@starting-style{.user_menu_dropdown.show>.inner{transform:translateX(calc(var(--translate-reverse,1) * var(--spacing)));}}

	.user_menu_dropdown{position:fixed;inset:0;z-index:9;width:unset;background-color:var(--background-color-mask-a75,rgba(0 0 0/50%));border-radius:unset;}
	.user_menu_dropdown>.user_dropdown_ctrl_off{display:block;position:absolute;inset:0;z-index:-1;}
	.user_menu_dropdown>.inner{width:min(30em,calc(var(--VWidth) - var(--CPT-US)));height:100%;margin-inline-start:auto;background-color:var(--background-color-L1,#fff);}

	.user_menu_dropdown .functions{height:100%;}
	.user_menu_dropdown .functions .user{grid-template-columns:auto 1fr auto;padding-block:1.25em;padding-inline:1.5em 1em;}
	.user_menu_dropdown .functions .user_dropdown_ctrl_off{width:var(--CPT-US);height:var(--CPT-US);display:flex;align-items:center;justify-content:center;}
	.user_menu_dropdown .functions .user_dropdown_ctrl_off::before{content:attr(icon);font-size:1.5em;}
	.user_menu_dropdown .functions .menu{padding:1em;overflow:hidden;overflow-y:auto;}

	.user_menu_dropdown .welcome{position:relative;}
	.user_menu_dropdown .welcome .user_dropdown_ctrl_off{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:1em;width:var(--CPT-US);height:var(--CPT-US);display:flex;align-items:center;justify-content:center;}
	.user_menu_dropdown .welcome .user_dropdown_ctrl_off::before{content:attr(icon);font-size:1.5em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


/* footer */
#site_footer{margin-block-start:auto;order:99;}
#site_footer>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:2em;box-sizing:border-box;display:flex;flex-direction:column;gap:2em;}
/* #site_footer>.inner::before{content:'';display:block;height:1px;background:var(--body-text-color-a5,rgba(0 0 0/5%));} */

#footer_legal{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em 2em;}
#footer_legal .copyright{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#footer_legal .links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em 1.5em;}
#footer_legal .links a{display:block;color:inherit;transition:color 300ms;}
#footer_legal .links a:hover{color:var(--SiteTHM);text-decoration:underline;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#footer_legal{display:flex;flex-direction:column;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


/* popup user settings */
.popup_user_settings{--popup-width:50em;--popup-max-height:min(50em,calc(var(--VHeight) - 2em));display:grid;grid:"header" auto "content" 1fr "footer" auto;padding:unset;}
.popup_user_settings .header{grid-area:header;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;padding-block:1em;padding-inline:var(--spacing) 1em;}
.popup_user_settings .header h3{font-size:1em;font-weight:var(--CPT-FW-EB);}
.popup_user_settings .content{grid-area:content;display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);border-radius:inherit;background:var(--background-color-L3,#fff) url("/skin/common/images/art/art_map-6dbc29e3.svg") no-repeat center/cover;box-shadow:var(--body-text-color-a0,rgba(0 0 0/5%)) 0 0 0 1px;overflow:hidden;overflow-y:auto;}
.popup_user_settings .footer{grid-area:footer;display:flex;justify-content:end;padding:1.5em var(--spacing);}
.popup_user_settings .block{display:flex;flex-direction:column;gap:1em;width:min(40em,100%);margin-inline:auto;}
.popup_user_settings .block .title{}
.popup_user_settings .block .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,15em),1fr));align-items:center;}
.popup_user_settings .block .list>div{height:var(--CPT-US);padding-inline:1.25em;border-radius:var(--CPT-BDR);box-sizing:border-box;cursor:pointer;transition:box-shadow 300ms,background-color 300ms;}
.popup_user_settings .block .list>div:only-child{grid-column:1/-1;width:fit-content;min-width:20em;max-width:100%;}
.popup_user_settings .block .list>div:not(.on):hover{background-color:var(--SiteTHM-A10);}
.popup_user_settings .block .list>div.on{box-shadow:var(--SiteTHM) 0 0 0 var(--CPT-BDW) inset;background-color:var(--SiteTHM-A10);}
.popup_user_settings .block .list span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.popup_user_settings .block .language_list{--column-size:12em;}
.popup_user_settings .block .language{display:flex;align-items:center;justify-content:center;}
.popup_user_settings .block .language span{font-weight:var(--CPT-FW-B);}
.popup_user_settings .block .currency{display:grid;grid:"flag code name"/auto auto 1fr;align-items:center;gap:1em;}
.popup_user_settings .block .currency::before{grid-area:flag;}
.popup_user_settings .block .currency::after{grid-area:code;content:attr(currency);display:block;font-weight:var(--CPT-FW-EB);min-width:2.5em;white-space:nowrap;}
.popup_user_settings .block .currency span{grid-area:name;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
@media only screen and (max-width:480px){
	.popup_user_settings{--spacing:1.5em;}
	.popup_user_settings .block .language_list{display:flex;flex-wrap:wrap;}
	.popup_user_settings .block .language_list>div{padding-inline:var(--spacing);}
}

/* popup buy now >> select payment channel */
.popup_paymentchannel{display:flex;flex-direction:column;gap:var(--spacing);overflow-y:auto;position:relative;}
.popup_paymentchannel>.close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:.5em;}
.popup_paymentchannel .block{display:flex;flex-direction:column;gap:1.5em;width:min(30em,100%);margin-inline:auto;}
.popup_paymentchannel .block~.block{padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
.popup_paymentchannel .block h3{font-size:1em;font-weight:var(--CPT-FW-EB);}
.popup_paymentchannel .payment_amout{display:flex;flex-direction:column;gap:.5em;}
.popup_paymentchannel .payment_amout .amount{font-weight:var(--CPT-FW-B);}
.popup_paymentchannel .payment_amout .current{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
.popup_paymentchannel .payment_amout .pri{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);color:var(--SiteTHM);}
.popup_paymentchannel .tips_wrp a{display:inline-block;font-weight:var(--CPT-FW-B);text-decoration:underline;}
.popup_paymentchannel .btc{text-align:center;}
.popup_paymentchannel .account_balance h3{font-size:var(--SiteFS-L);margin-block:.5em;}
.popup_paymentchannel .other_channel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
.popup_paymentchannel .other_channel .continue{--icon-order:9;}

.trade_psw{display:grid;grid-template-columns:repeat(6,var(--CPT-US));gap:var(--gap);justify-content:space-between;margin-inline:auto;--CPT-US:4em;--gap:1em;}
.trade_psw .input{outline:unset;width:var(--CPT-US);height:var(--CPT-US);line-height:var(--CPT-US);font-weight:var(--CPT-FW-EB);text-align:center;border-radius:var(--CPT-BDR);background-color:var(--CPT-BGC);box-shadow:var(--border-color,var(--CPT-BDC)) 0 0 0 var(--CPT-BDW) inset,var(--shadow-focus-color,transparent) 0 0 .5em,var(--background-focus-color,transparent) 0 0 0 var(--CPT-US) inset;overflow:hidden;transition:box-shadow 300ms;}
.trade_psw .input:focus{--border-color:var(--SiteTHM);--background-focus-color:var(--SiteTHM-A10);}
.trade_psw .input.secured{-webkit-text-security:disc}
@media only screen and (max-width:480px){
	.trade_psw{--CPT-US:3.5em;--gap:.5em;}
}


/* popup prepaid card */
.popup_prepaid_channel{--popup-width:50em;display:flex;flex-direction:column;gap:var(--spacing);overflow-y:auto;position:relative;}
.popup_prepaid_channel>.close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:.5em;}
.popup_prepaid_channel .block{display:flex;flex-direction:column;gap:1.5em;width:min(40em,100%);margin-inline:auto;}
.popup_prepaid_channel h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);margin-block:.5em;}
.popup_prepaid_channel .btc{text-align:end;}

#prepaid_topup_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(10em,1fr));gap:.5em;}
#prepaid_topup_list .cpt-radio>span{display:flex;flex-wrap:wrap;align-items:center;gap:0 calc(var(--CPT-US) / 2);background:var(--body-text-color-a10,#fff);box-shadow:var(--border-color,var(--body-text-color-a10,rgba(0 0 0/10%))) 0 0 0 var(--CPT-BDW) inset,var(--background-color,transparent) 0 0 0 999em inset;min-height:var(--CPT-US);padding-block:.75em;padding-inline:calc(var(--CPT-US) / 2);box-sizing:border-box;border-radius:.5em;overflow:hidden;transition:box-shadow 300ms;cursor:pointer;--font-weight:var(--CPT-FW);}
#prepaid_topup_list .cpt-radio>span::before{content:unset;}
#prepaid_topup_list .cpt-radio i{font-style:normal;}
#prepaid_topup_list .cpt-radio b{font-weight:var(--CPT-FW-EB);}
#prepaid_topup_list .cpt-radio>input[type="radio"]:checked+span{--CPT-BDW:2px;--border-color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);}
#prepaid_topup_list .cpt-radio>input[type="radio"]:disabled+span{cursor:not-allowed;}
#prepaid_topup_list .cpt-radio>input[type="radio"]:disabled+span{font-weight:var(--CPT-FW);color:var(--body-text-color-a50,rgba(0 0 0/50%));}

.popup_prepaid_channel:has(#prepaid_topup_form){--popup-width:40em;}
.popup_prepaid_channel:has(#prepaid_topup_form) .block{width:min(30em,100%);}
#prepaid_topup_form{display:flex;flex-direction:column;gap:1em;width:min(30em,100%);--CPT-US:4em;}

.popup_prepaid_channel:has(#prepaid_topup_frame){--popup-width:40em;--popup-height:50em;--popup-boxshadow:var(--body-text-color-a25,rgba(0 0 0/0%)) 0 0 0 1px,rgb(0 0 0/5%) 0 1em 2em;padding:unset;overflow:hidden;}
.popup_prepaid_channel:has(#prepaid_topup_frame)>.close{--CPT-US:2.5em;}
#prepaid_topup_frame{width:100%;height:100%;border:unset;}


/* popup card retrieve */
.popup_cardretrieve{--popup-width:50em;display:flex;flex-direction:column;gap:var(--spacing);overflow-y:auto;position:relative;}
.popup_cardretrieve>.close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:.5em;}
.popup_cardretrieve .block{display:flex;flex-direction:column;gap:1.5em;width:min(40em,100%);margin-inline:auto;}
.popup_cardretrieve h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);margin-block:.5em;}

.popup_cardretrieve .item{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--spacing);}
.popup_cardretrieve .item .img{width:4em;height:4em;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 0 0 1px;border-radius:.5em;aspect-ratio:1/1;position:relative;}
.popup_cardretrieve .item .img>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;}
.popup_cardretrieve .item .img>span{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:.5em;margin-block-end:-.5em;margin-inline-end:-.5em;border-radius:inherit;background-color:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px inset;}
.popup_cardretrieve .item .img>span::before{content:var(--i);display:block;font-size:1.25em;overflow:hidden;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
.popup_cardretrieve .item .info{display:flex;flex-direction:column;gap:.5em;overflow:hidden;}
.popup_cardretrieve .item .name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;max-height:3em;transition:color 300ms;}
.popup_cardretrieve .item .sku_wrp{display:flex;align-items:start;gap:1em;}
.popup_cardretrieve .item .sku{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--CPT-FW-B);}
.popup_cardretrieve .item .sku:empty{display:none;}
.popup_cardretrieve .item .qtt{white-space:nowrap;background:var(--body-text-color-a5,rgba(0 0 0/5%));font-weight:var(--CPT-FW-B);padding-inline:.5em;border-radius:1em;}

.popup_cardretrieve .card_retrieve{display:flex;flex-direction:column;gap:.5em;border-radius:.5em;background-color:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0 / 10%)) 0 0 0 1px inset;overflow:hidden;}
.popup_cardretrieve .card_retrieve .code{}
.popup_cardretrieve .card_retrieve .code code{font-family:var(--SiteFF3);font-weight:var(--CPT-FW-B);}
.popup_cardretrieve .card_retrieve .expiry{}
.popup_cardretrieve .btc{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:1em;}
@media only screen and (min-width:481px){
	.popup_cardretrieve .card_retrieve .list{display:table;vertical-align:top;width:100%;border-spacing:1.5em 1em;}
	.popup_cardretrieve .card_retrieve .unit{display:table-row;}
	.popup_cardretrieve .card_retrieve .unit>div{display:table-cell;}
	.popup_cardretrieve .card_retrieve .unit.title{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
}
@media only screen and (max-width:480px){
	.popup_cardretrieve .block{width:min(30em,100%);}
	.popup_cardretrieve .card_retrieve .list{display:flex;flex-direction:column;gap:1em;padding:1.5em;}
	.popup_cardretrieve .card_retrieve .unit{display:flex;flex-direction:column;gap:.5em;}
	.popup_cardretrieve .card_retrieve .unit.title{display:none;}
	.popup_cardretrieve .card_retrieve .unit:not(.title)+.unit{padding-block-start:1em;box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 1px 0 inset;}
	.popup_cardretrieve .card_retrieve .unit>div{display:flex;gap:1em;}
	.popup_cardretrieve .card_retrieve .unit>div::before{content:attr(data-title);display:block;margin-block:unset!important;margin-inline-end:auto;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
}


/* popup order details */
.popup_orderdetails{display:flex;flex-direction:column;gap:var(--spacing);overflow-y:auto;position:relative;}
.popup_orderdetails>.close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:.5em;}
.popup_orderdetails .block{display:flex;flex-direction:column;gap:1.5em;width:min(30em,100%);margin-inline:auto;}
.popup_orderdetails .block~.block{padding-block-start:1.5em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
.popup_orderdetails .block h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);}

.popup_orderdetails .form{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:baseline;}
.popup_orderdetails .form .T{}
.popup_orderdetails .form .C{display:flex;flex-direction:column;gap:1em;}
.popup_orderdetails .form .F{grid-column:1/-1;}
.popup_orderdetails .form .btc{grid-column:1/-1;text-align:center;}

.popup_orderdetails .refund_amount_row{display:flex;align-items:center;gap:1em;}
.popup_orderdetails .refund_amount{flex:auto;max-width:15em;}
.popup_orderdetails .pri,
.popup_orderdetails .gst{font-weight:var(--CPT-FW-EB);}

.popup_orderdetails .img_upload{display:flex;flex-wrap:wrap;align-items:center;gap:1em;}
.popup_orderdetails .img_upload .unit{--w:4em;width:var(--w);height:var(--w);border-radius:.5em;background:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px;position:relative;}
.popup_orderdetails .img_upload .img{width:inherit;height:inherit;border-radius:inherit;overflow:hidden;}
.popup_orderdetails .img_upload .img>img{display:block;width:100%;height:100%;object-fit:cover;}
.popup_orderdetails .img_upload .unit:has(.file){width:min(calc(var(--w) * 3 + 2em),100%);}
.popup_orderdetails .img_upload .file{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;padding-inline:1em;height:100%;}
.popup_orderdetails .img_upload .file::before{content:attr(icon);font-size:2em;opacity:.25;}
.popup_orderdetails .img_upload .file>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;word-break:break-all;font-size:var(--SiteFS-S);}
.popup_orderdetails .img_upload .btw.upload{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.popup_orderdetails .img_upload .btw.delete{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin-block-start:-.5em;margin-inline-end:-.5em;--CPT-US:2em;--icon-size:1em;}


/* popup order review */
.popup_orderreview{display:flex;flex-direction:column;gap:var(--spacing);overflow-y:auto;position:relative;}
.popup_orderreview>.close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;margin:.5em;}
.popup_orderreview .block{display:flex;flex-direction:column;gap:1.5em;width:min(30em,100%);margin-inline:auto;}
.popup_orderreview .block~.block{padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
.popup_orderreview .block h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);}

.popup_orderreview .review_wrp{display:flex;flex-direction:column;gap:1em;}
.popup_orderreview .review_group{display:flex;flex-wrap:wrap;gap:1em;}
.popup_orderreview .review_group .review{flex:auto;--CPT-US:4em;}
.popup_orderreview .review_group .review:not(.on){--background-color:transparent;--border-color:var(--body-text-color-a10,rgba(0 0 0/10%));--shadow-color:transparent!important;--color:currentColor;}
.popup_orderreview .review_group .good:not(.on):hover{--background-color:var(--background-color-complete);--border-color:var(--text-color-complete);--shadow-color:transparent!important;--color:var(--text-color-complete);}
.popup_orderreview .review_group .bad:not(.on):hover{--background-color:var(--background-color-alert);--border-color:var(--text-color-alert);--shadow-color:transparent!important;--color:var(--text-color-alert);}

.popup_orderreview .rate_form{display:flex;flex-direction:column;gap:1em;}
.popup_orderreview .rate_form .form{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75em var(--spacing);}
.popup_orderreview .rate_form .T{}
.popup_orderreview .rate_form .C{}
.popup_orderreview .rate-star{--rate-star-size:1.5em;position:relative;}
.popup_orderreview .rate-star::before{}
.popup_orderreview .rate-star::after{content:unset;}
.popup_orderreview .stars{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:calc(5 - var(--S));width:calc(var(--rate-star-size) * var(--S,1));height:100%;cursor:pointer;background-repeat:repeat-x;background-position-x:0;background-position-y:var(--background-position-y);background-size:var(--rate-star-size);}
.popup_orderreview .stars:is(:hover,.on){background-image:url("/skin/common/images/rate-star-d3e2c43c.svg");}
.popup_orderreview .stars:hover{--background-position-y:calc(var(--brightness-filter,0) * -2 * var(--rate-star-size));}
.popup_orderreview .stars.on{--background-position-y:calc(var(--rate-star-size) * -1);}
.popup_orderreview .stars>span{display:none;}
.popup_orderreview .star-1{--S:1;}
.popup_orderreview .star-2{--S:2;}
.popup_orderreview .star-3{--S:3;}
.popup_orderreview .star-4{--S:4;}
.popup_orderreview .star-5{--S:5;}

.popup_orderreview .comment_wrp{display:flex;flex-direction:column;gap:1em;}
.popup_orderreview .btc{text-align:end;}