@charset "utf-8";

:root{
	--CPT-THM-R:184;
	--CPT-THM-G:134;
	--CPT-THM-B:11;
	--CPT-THM-H:43;
	--CPT-THM-S:89%;
	--CPT-THM-L:38%;
	--SiteTHM:var(--CPT-THM);
}
@media (prefers-color-scheme: dark) {
	:root{
		--CPT-THM-R:255;
		--CPT-THM-G:197;
		--CPT-THM-B:51;
		--CPT-THM-H:43;
		--CPT-THM-S:100%;
		--CPT-THM-L:60%;
		--SiteTHM:var(--CPT-THM);
	}
}


@media only screen and (max-width:1000px),(min-width:1281px){
	#nav_logo a{display:flex;align-items:center;gap:calc(var(--H) / 2);}
	#nav_logo a::after{content:'';display:block;width:calc(var(--H) * 2.92857143);height:var(--H);background:url('../images/seagm_star_logo_2022_text_goldenrod-4bb58060ee.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 / 75%));mask-image:linear-gradient(calc(var(--brightness-filter,0) * 180deg),rgba(0 0 0 / 100%),rgba(0 0 0 / 75%));}
}

#nav_zone{}
#nav_zone .link{display:flex;align-items:center;height:var(--CPT-US);padding-inline:calc(var(--CPT-US) / 2);font-weight:var(--SiteFW-EB);text-transform:uppercase;color:inherit;border-radius:var(--CPT-BDR);transition:color 300ms,background-color 300ms;}
#nav_zone .link:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}

#main_nav .menu{}
#site_header #user-btn{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;width:auto;cursor:unset;pointer-events:none;}
#site_header #user-btn .info{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;overflow:hidden;}
#site_header #user-btn .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10em;font-weight:var(--SiteFW-EB);}
#site_header #user-btn .star{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;font-weight:var(--SiteFW-EB);color:var(--SiteTHM);}
#site_header #user-btn .star::before{font-size:1.5em;}
@media only screen and (max-width:480px){
	#site_header #user-btn .info{grid-template-columns:1fr;}
	#site_header #user-btn .name{display:none;}
}


#star-content{flex:auto;}
#star-content>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;}



/* intro */
.star-intro-wrp{}
.star-intro-wrp>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;}
@media only screen and (max-width:1000px){
	.star-intro-wrp>.inner{max-width:70em;margin-inline:auto;}
}
@media only screen and (max-width:640px){
	.star-intro-wrp>.inner{max-width:40em;}
}

#star-intro-1{background-color:var(--body-background-color,#fff);background-image:url('https://seagm-media.seagmcdn.com/art/v6/star/star_intro_cover1.svg'),linear-gradient(-90deg,hsl(30 42% 65%/calc(100% - var(--brightness-filter,0) * 40%)),hsl(37 80% 88%/calc(50% - var(--brightness-filter,0) * 25%)));background-position:top center,center;background-size:min(100%,130em) auto,cover;background-repeat:no-repeat,repeat-x;overflow:hidden;}
#star-intro-1>.inner{display:grid;grid:"intro art""features art"/1fr min(40em,35%);align-items:center;gap:var(--spacing);}

#star-intro-1 .intro{grid-area:intro;display:flex;flex-direction:column;gap:1em;max-width:60em;}
#star-intro-1 .intro hgroup{font-size:var(--SiteFS-XL);text-transform:uppercase;}
#star-intro-1 .intro h1{font-size:var(--SiteFS-XXXL);font-weight:var(--SiteFW-EB);}
#star-intro-1 .intro h2{font-size:var(--SiteFS-L);font-weight:var(--SiteFW-EB);}
#star-intro-1 .intro div{color:var(--body-text-color-a50,rgba(0 0 0/50%));}

#star-intro-1 .features{grid-area:features;display:flex;flex-direction:column;gap:var(--spacing);}
#star-intro-1 .features>div{display:grid;grid-template-columns:auto 1fr;column-gap:var(--spacing);align-items:center;}
#star-intro-1 .features>div::before{content:'';display:block;font-size:4em;width:1em;height:1em;background:rgba(0 0 0/5%) url('https://seagm-media.seagmcdn.com/art/v6/star/star_intro_icon.svg') no-repeat center calc(var(--y,0) * 1em)/100% auto;border-radius:100%;grid-row:span 2;align-self:start;}
#star-intro-1 .features>div:nth-of-type(2){--y:-1}
#star-intro-1 .features>div:nth-of-type(3){--y:-2}
#star-intro-1 .features h3{font-size:var(--SiteFS-L);font-weight:800;text-transform:uppercase;}
#star-intro-1 .features span{color:var(--body-text-color-a50,rgba(0 0 0/50%));}

#star-intro-1 .art{grid-area:art;align-self:end;margin-block-end:calc(var(--spacing) * -1);}
#star-intro-1 .art img{vertical-align:top;width:100%;height:auto;object-fit:contain;}
@media only screen and (max-width:1000px){
	#star-intro-1>.inner{grid:"intro intro" "features art"/3fr 2fr;}
	#star-intro-1 .intro hgroup{font-size:1em;}
}
@media only screen and (max-width:640px){
	#star-intro-1{background:var(--body-background-color,#fff) linear-gradient(-90deg, hsl(30 42% 65% / calc(100% - var(--brightness-filter, 0) * 50%)), hsl(37 80% 88% / calc(60% - var(--brightness-filter, 0) * 30%))) no-repeat center/cover;}
	#star-intro-1>.inner{grid:"intro" "features" "art"/1fr;}
	#star-intro-1 .art{max-width:25em;margin-inline:auto}
}


#star-intro-2{}
#star-intro-2>.inner{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--spacing);}
.star-level-wrp{grid-column:1/-1}
.star-level-wrp{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing);}
.star-level-wrp .card{padding:var(--spacing);display:flex;flex-direction:column;text-align:center;border-radius:1em;color:#fff;background-color:hsl(260,22%,calc(60% + -10% * var(--i)));--h:calc(20 - 15 * var(--i));--s:30%;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTIwIj48cGF0aCBmaWxsPSJyZ2JhKDI1NSAyNTUgMjU1LzUlKSIgZD0iTTAgNTAuMTQ0djQ2LjM0NGw0MCAyMy4xNDQgNDAtMjMuMTQ0VjUwLjE0NEw0MCAyNyAwIDUwLjE0NFoiLz48cGF0aCBmaWxsPSJyZ2JhKDI1NSAyNTUgMjU1LzUlKSIgZD0iTTQ4IDUwLjE0NHY0Ni4zNDRsNDAgMjMuMTQ0IDQwLTIzLjE0NFY1MC4xNDRMODggMjcgNDggNTAuMTQ0WiIvPjxwYXRoIGZpbGw9InJnYmEoMjU1IDI1NSAyNTUvNSUpIiBkPSJNMjQgMjMuMTQ0djQ2LjM0NGw0MCAyMy4xNDQgNDAtMjMuMTQ0VjIzLjE0NEw2NCAwIDI0IDIzLjE0NFoiLz48L3N2Zz4='),linear-gradient(calc(135deg * var(--angle-reverse,1)),hsl(var(--h) var(--s) calc(65% + -5% * var(--i))),hsl(var(--h) var(--s) calc(38% + -5% * var(--i))));background-size:min(25em,calc(100% - 4em)) auto,cover;background-position:center calc(100% + 10em),center;background-repeat:no-repeat;overflow:hidden;}
.star-level-wrp .card::before{content:'';display:block;font-size:10em;width:1em;height:1em;line-height:1;overflow:hidden;margin:0 auto;background-image:url('../images/star_level-f32dac7c32.svg');background-size:1em 4em;background-position-x:0;background-position-y:calc(var(--i,0) * -1em);filter:hue-rotate(calc(-15deg * var(--i)));}
.star-level-wrp .level{}
.star-level-wrp .level span{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);text-transform:uppercase;}
.star-level-wrp .level::after{content:'LV 'attr(data-star-level);display:block;}
.star-level-wrp .info{margin-block-start:1em;margin-inline:auto;max-width:20em;font-size:var(--SiteFS-S);}
#star-intro-2 .intro{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);}
#star-intro-2 .intro .art{width:15em;align-self:start;}
#star-intro-2 .intro .art>img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;}
#star-intro-2 .intro article{display:flex;flex-direction:column;gap:.5em;}
#star-intro-2 .intro h3{font-size:var(--SiteFS-L);font-weight:var(--SiteFW-EB);}
@media only screen and (max-width:1280px){
	.star-level-wrp{grid-template-columns:repeat(auto-fill,minmax(26em,1fr));}
	.star-level-wrp .card{display:grid;grid:"icon level" "icon info"/auto 1fr;column-gap:1.5em;padding:1.5em;text-align:start;}
	.star-level-wrp .card::before{grid-area:icon;font-size:6em;}
	.star-level-wrp .level{grid-area:level;display:flex;align-items:center;gap:1em;}
	.star-level-wrp .level span{font-size:var(--SiteFS-XL);}
	.star-level-wrp .info{grid-area:info;max-width:unset;margin:unset;}
}
@media only screen and (max-width:1000px){
	#star-intro-2 .intro{display:flex;flex-direction:column;gap:1em;}
	#star-intro-2 .intro .art{width:10em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){
	#star-intro-2>.inner{display:flex;flex-direction:column;}
	.star-level-wrp{gap:1em;}
}
@media only screen and (max-width:480px){}


#star-intro-3{}
#star-intro-3>.inner{display:grid;grid:"title slider" 1fr "links slider" auto/clamp(20em,25%,25em) 1fr;align-items:end;gap:var(--spacing);}
#star-intro-3 .title{grid-area:title;display:flex;flex-direction:column;gap:1em;}
#star-intro-3 .title h3{font-size:var(--SiteFS-L);font-weight:var(--SiteFW-EB);}
#star-intro-3 .links{grid-area:links;display:flex;flex-wrap:wrap;gap:1em;}
#star-intro-3 .link{flex:auto;display:grid;grid:"img name icon" "img i icon"/auto 1fr auto;column-gap:1em;align-items:center;color:inherit;background:var(--body-text-color-a10,#fff);padding:1em;border-radius:.5em;}
#star-intro-3 .link::before{grid-area:icon;content:attr(icon);font-size:1.5em;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#star-intro-3 .link::after{grid-area:img;content:'';display:block;font-size:3em;width:1em;height:1em;line-height:1;overflow:hidden;background:var(--body-text-color-a5,rgba(0 0 0/5%)) url('https://seagm-media.seagmcdn.com/art/v6/star/star_intro_icon2.svg') no-repeat center calc(var(--y,0) * 1em)/100% auto;border-radius:100%;}
#star-intro-3 .link:nth-child(2){--y:-1}
#star-intro-3 .link span{grid-area:name;font-weight:var(--SiteFW-EB);}
#star-intro-3 .link i{grid-area:i;font-style:normal;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#star-intro-slide{grid-area:slider;overflow:hidden;touch-action:pan-y;}
#star-intro-slide .list{display:flex;align-items:start;padding:1px;}
#star-intro-slide .slide{flex:none;width:max(20em,20%);}
#star-intro-slide .img{border-radius:1em;overflow:hidden;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 0 0 1px;background:var(--body-text-color-a5,#fff);}
#star-intro-slide .img>img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#star-intro-3>.inner{grid:"title links" "slider slider"/1fr auto;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){
	#star-intro-3>.inner{grid:"title" "links" "slider";}
	#star-intro-slide .slide{flex:none;width:12em;}
}
@media only screen and (max-width:480px){}


/*item_list*/
#star_itemlist_content{flex:auto;display:flex;flex-direction:column;}
#star_itemlist_content>.inner{flex:auto;width:min(var(--MaxContentWidth),100%);padding:var(--spacing);margin-inline:auto;box-sizing:border-box;display:grid;grid-template-columns:clamp(25em,25%,30em) 1fr;gap:var(--spacing);}
#star_itemlist_content>.inner>.aside{}
#star_itemlist_content>.inner>.content{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L3,#fff);border-radius:1em;}
@media only screen and (min-width:1001px){
	#star_itemlist_content>.inner>.star_list_menu_ctrl_on{display:none;}
	#star_itemlist_content>.inner>.aside{position:sticky;inset-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));z-index:1;align-self:start;}
}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#star_itemlist_content>.inner{display:flex;flex-direction:column;align-items:start;}
	#star_itemlist_content>.inner>.aside{position:fixed;inset:0;z-index:999;background-color:var(--background-color-mask-a50,rgba(255 255 255/75%));}

	body:has(#star_itemlist_content>.inner>.aside.show){overflow:hidden;}
	#star_itemlist_content>.inner>.aside:not(.show){display:none;}
	#star_itemlist_content>.inner>.aside.show{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
	#star_itemlist_content>.inner>.aside.show #star_item_list_menu{transform:translateX(0);transition:transform 300ms;transition-behavior:allow-discrete;}
	@starting-style{
		#star_itemlist_content>.inner>.aside.show{opacity:0;}
		#star_itemlist_content>.inner>.aside.show #star_item_list_menu{transform:translateX(calc(var(--translate-reverse,1) * -5em));}
	}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	#star_itemlist_content>.inner>.content{margin-inline:calc(var(--spacing) * -1);}
}


#star_item_list_menu{background-color:var(--background-color-L2,#fff);border-radius:1em;overflow:hidden;}
#star_item_list_menu>.title{display:none;}
#star_item_list_menu>.inner{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);max-height:calc(var(--VHeight) - var(--main-nav-height) * 1px - var(--spacing) * 2);box-sizing:border-box;overflow:hidden;overflow-y:auto;}
#star_item_list_menu .group{display:flex;flex-direction:column;gap:1em;}
#star_item_list_menu .group .title{text-transform:uppercase;}

#star_item_list_menu .btc{display:flex;flex-direction:column;gap:.75em;}
#star_item_list_menu .bt{display:flex;align-items:center;min-height:var(--CPT-US);padding-block:.75em;padding-inline:calc(var(--CPT-US) / 2);box-sizing:border-box;border-radius:var(--CPT-BDR);background-color:var(--CPT-BGC,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 var(--CPT-BDW) inset;cursor:pointer;transition:box-shadow 300ms;}
#star_item_list_menu .bt>span{font-weight:var(--SiteFW-EB);}
#star_item_list_menu .bt:hover{box-shadow: var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 var(--CPT-BDW) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}
#star_item_list_menu .bt.on{box-shadow:var(--SiteTHM) 0 0 0 var(--CPT-BDW) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}

#star_item_list_menu .levels{}
#star_item_list_menu .level{}
#star_item_list_menu .level>span{}
#star_item_list_menu .level>span:has(i){display:flex;flex-direction:column;gap:.25em;}
#star_item_list_menu .level>span i{display:block;font-size:var(--SiteFS-S);font-style:normal;font-weight:var(--SiteFW);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#star_item_list_menu .level.on{}

#star_item_list_menu .types{}
#star_item_list_menu .type{}
#star_item_list_menu .type>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#star_item_list_menu .type.on{}

#star_item_list_menu .tags{flex-direction:row;flex-wrap:wrap;}
#star_item_list_menu .tag{--CPT-US:2.5em;max-width:min(25em,100%);}
#star_item_list_menu .tag>span{display:block;font-weight:var(--SiteFW);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#star_item_list_menu .tag.on{}

#star_item_list_menu [data-item-count]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
#star_item_list_menu [data-item-count]::after{content:attr(data-item-count);color:var(--body-text-color-a50,rgba(0 0 0/50%));}

#star_item_list_menu [data-star-level]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;}
#star_item_list_menu [data-star-level]::before{content:attr(data-star-level);--fs:1em;width:2em;height:2em;line-height:2;font-weight:var(--SiteFW-EB);text-align:center;color:#fff;text-shadow:rgb(0 0 0 / 25%) 0 1px 0;background:url('../images/star_icon-764628d046.svg') no-repeat center/contain;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#star_itemlist_content>.inner>.aside>.star_list_menu_ctrl_off{position:absolute;inset:0;z-index:-1;}
	#star_item_list_menu{max-width:min(25em,calc(100% - 5em));height:calc(100% - 2em);max-height:unset;box-shadow:rgba(0 0 0 / 10%) 0 0 2em;margin:1em;}
	#star_item_list_menu>.title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;height:5em;padding-inline:var(--spacing) 1em;box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 -1px 0 inset;}
	#star_item_list_menu>.title h3{font-size:var(--SiteFS);font-weight:var(--SiteFW);text-transform:uppercase;}
	#star_item_list_menu>.title .btw{--icon-opacity:.5;}
	#star_item_list_menu>.inner{max-height:calc(100% - 5em);}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}

.star_item_list_sort{display:flex;gap:1px;padding-block-start:1px;padding-inline:1px;overflow:hidden;box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 -1px 0 inset;}
.star_item_list_sort .sort{color:inherit;border-start-start-radius:.5em;border-start-end-radius:.5em;cursor:pointer;transition:background-color 300ms,box-shadow 300ms;}
.star_item_list_sort .sort.on{background-color:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px;}
.star_item_list_sort .sort.on>span::after{transform:translateY(-.25em);}
.star_item_list_sort .sort>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;height:var(--CPT-US);padding-inline:calc(var(--CPT-US) / 2);box-sizing:border-box;font-weight:var(--SiteFW-B);position:relative;overflow:hidden;white-space:nowrap;}
.star_item_list_sort .sort>span::before{content:attr(icon);font-size:1.5em;}
.star_item_list_sort .sort>span::after{content:'';display:block;position:absolute;inset-block-start:100%;inset-inline:calc(var(--CPT-US) / 2);z-index:0;height:.25em;background-color:var(--SiteTHM);transition:transform 300ms;}

.star_item_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--starlist-column,12.5em),1fr));gap:var(--starlist-gap,1.5em);}
.StarItem{display:flex;flex-direction:column;gap:1em;color:inherit;transition:color 300ms;}
.StarItem:hover{color:var(--SiteTHM);}
.StarItem .img{border-radius:1em;background-color:var(--background-color-L4,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 0 0 1px;overflow:hidden;}
.StarItem .img>img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;}
.StarItem .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;font-weight:var(--SiteFW-B);}
.StarItem .sku{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--SiteFS-S);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
.StarItem .price{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;font-weight:var(--SiteFW-EB);color:var(--SiteTHM);margin-block-start:auto;}
.StarItem .price::before{font-size:1.5em;}
@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){
	.star_item_list_sort .sort{flex:auto;}
	.star_item_list_sort .sort>span{display:flex;justify-content:center;}
	.star_item_list_sort .sort>span::before{content:unset;}
}


/*item details*/
#star_item_content{}
#star_item_content>.inner{max-width:var(--MaxContentWidth);padding:var(--spacing);margin-inline:auto;box-sizing:border-box;display:grid;grid:"item_cover item_info" auto "item_cover item_description" 1fr/clamp(25em,25%,30em) 1fr;gap:var(--spacing);align-items:start;}
#item_cover{grid-area:item_cover;}
#item_info{grid-area:item_info;}
#item_description{grid-area:item_description;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#star_item_content>.inner{grid:"item_cover" "item_info" "item_description";}
}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	#star_item_content>.inner{padding-inline:unset;}
}

#item_cover{}
#item_cover>.img{position:relative;overflow:hidden;border-radius:1em;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/5%)) 0 0 0 1px;}
#item_cover>.img img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}

#item_info{border-radius:1em;background-color:var(--background-color-L3,#fff);}
#item_info>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;padding:var(--spacing);box-sizing:border-box;}
#item_info .title{}
#item_info .title h1{font-size:var(--SiteFS-XXXL);font-weight:var(--SiteFW-EB);text-transform:uppercase;}
#item_info .sku{}
#item_info .sku h3{font-size:var(--SiteFS-L);}

#item_info .details{padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#item_info .level{display:flex;flex-wrap:wrap;align-items:center;gap:1em var(--spacing);}
#item_info .level .list{display:flex;flex-wrap:wrap;align-items:center;gap:1em var(--spacing);}
#item_info .level [data-star-level]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;font-weight:var(--SiteFW-EB);}
#item_info .level [data-star-level]::before{content:'';background-image:url('../images/star_level-f32dac7c32.svg');background-size:1em 4em;background-position-x:0;background-position-y:calc(var(--i,0) * -1em);}
#item_info .func{display:flex;gap:var(--spacing);align-items:center;justify-content:end;padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 1px 0 inset;}
#item_info .func .redeem{--CPT-US:4em;--icon-size:2em;flex:auto;display:flex;justify-content:space-between;align-items:center;max-width:25em;text-transform:uppercase;font-weight:var(--SiteFW-EB);}
#item_info .func .redeem.disabled{}
#item_info .func .stock{text-align:center;}
#item_info .func .stock b{display:block;font-size:var(--SiteFS-XL);font-weight:var(--SiteFW-EB);}
#item_info .func .stock span{font-size:var(--SiteFS-S);color:var(--body-text-color-a50,rgba(0 0 0/50%));white-space:nowrap;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){	
	#item_cover{width:min(25em,100%);margin-inline:auto;}
	#item_info,#item_description{width:min(40em,100%);margin-inline:auto;}

	#item_info .title h1{font-size:var(--SiteFS-XXL);}
	#item_info .level [data-star-level]{--fs:2em;}
}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	#item_info .title h1{font-size:var(--SiteFS-XL);}
}


#item_description{background:var(--background-color-L3,#fff);border-radius:1em;}
#item_description>.inner{max-width:60em;margin-inline:auto;padding-inline:var(--spacing);box-sizing:border-box;}
#item_description .title{display:flex;align-items:center;height:5em;font-weight:var(--SiteFW-B);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 1px 0;}
#item_description article.docs{padding-block:var(--spacing);}
@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){}


/* TNC */
#star_document{}
#star_document>.inner{}
#star_document{flex:auto;}
#star_document>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;display:grid;grid-template-columns:clamp(25em,30%,30em) 1fr;gap:var(--spacing);align-items:start;}
#star_document>.inner>.aside{position:sticky;inset-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));z-index:1;max-height:calc(var(--VHeight) - var(--main-nav-height) * 1px - var(--spacing) * 2);padding:var(--spacing);box-sizing:border-box;overflow:hidden;overflow-y:auto;background:var(--background-color-L2,#fff);border-radius:1em;}
#star_document>.inner>.content{padding:var(--spacing);border-radius:1em;background-color:var(--background-color-L3,#fff);}
#star_document>.inner>.content:only-child{grid-column:1/-1;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#star_document>.inner{grid-template-columns:1fr;}
	#star_document>.inner>.aside{display:none;}
}
@media only screen and (max-width:480px){
	#star_document>.inner{padding:unset;}
	#star_document>.inner>.content{border-radius:unset;background-color:unset;}
}

#article_index{display:flex;flex-direction:column;}
#article_index .anchor{display:block;color:inherit;transition:color 300ms;counter-increment:section;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1em;padding-block:.5em;}
#article_index .anchor::before{content:counter(section);display:block;width:1.5em;height:1.5em;line-height:1.5;overflow:hidden;text-align:center;color:inherit;background:var(--body-text-color-a5,rgba(0 0 0 / 5%));border-radius:.5em;}
#article_index .anchor:hover{color:var(--SiteTHM);}
#article_index .anchor>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;}

article.docs{max-width:60em;margin-inline:auto;}
article.docs section h1{margin-block-start:unset;}
article.docs section[id*="section-"]{margin-block:var(--spacing);scroll-margin-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));}


/*ucp*/
#star_ucp_content{}
#star_ucp_content>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;display:grid;grid-template-columns:clamp(25em,25%,30em) 1fr;align-items:start;gap:var(--spacing);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#star_ucp_content>.inner{max-width:40em;display:flex;flex-direction:column;align-items:unset;}
}
@media only screen and (max-width:480px){}


#star-user-profile{display:flex;flex-direction:column;gap:1em;}
.star-user-card{border-radius:1em;color:#fff;background-color:hsl(260,22%,calc(60% + -10% * var(--i)));--h:calc(20 - 15 * var(--i));--s:30%;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTIwIj48cGF0aCBmaWxsPSJyZ2JhKDI1NSAyNTUgMjU1LzUlKSIgZD0iTTAgNTAuMTQ0djQ2LjM0NGw0MCAyMy4xNDQgNDAtMjMuMTQ0VjUwLjE0NEw0MCAyNyAwIDUwLjE0NFoiLz48cGF0aCBmaWxsPSJyZ2JhKDI1NSAyNTUgMjU1LzUlKSIgZD0iTTQ4IDUwLjE0NHY0Ni4zNDRsNDAgMjMuMTQ0IDQwLTIzLjE0NFY1MC4xNDRMODggMjcgNDggNTAuMTQ0WiIvPjxwYXRoIGZpbGw9InJnYmEoMjU1IDI1NSAyNTUvNSUpIiBkPSJNMjQgMjMuMTQ0djQ2LjM0NGw0MCAyMy4xNDQgNDAtMjMuMTQ0VjIzLjE0NEw2NCAwIDI0IDIzLjE0NFoiLz48L3N2Zz4='),linear-gradient(calc(135deg * var(--angle-reverse,1)),hsl(var(--h) var(--s) calc(65% + -5% * var(--i))),hsl(var(--h) var(--s) calc(38% + -5% * var(--i))));background-size:10em auto,cover;background-position:calc((var(--translate-reverse,0) + 1) * 100% + (var(--translate-reverse,1) * 1.75em)) calc(100% + 4.75em),center;background-repeat:no-repeat;overflow:hidden;}
.star-user-card>.inner{display:grid;grid:"user level" "content content"/1fr auto;gap:var(--spacing);align-items:center;padding:var(--spacing);}
.star-user-card .star-level{grid-area:level;}
.star-user-card .user{grid-area:user;}
.star-user-card .progress,
.star-user-card .info{grid-area:content;}
.star-user-card .star-level{margin-block:calc(var(--spacing) / -2);}
.star-user-card .star-level span{display:block;width:var(--fs);height:var(--fs);overflow:hidden;--fs:4em;}
.star-user-card .star-level span::before{content:'';background-image:url('../images/star_level-f32dac7c32.svg');background-size:1em 4em;background-position-x:0;background-position-y:calc(var(--i,0) * -1em);}
.star-user-card .user{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:1.5em;}
.star-user-card .avatar{width:3em;height:3em;border-radius:100%;overflow:hidden;background:#fff;box-shadow:rgba(255 255 255/10%) 0 0 0 .25em;grid-row:span 2;}
.star-user-card .avatar img{display:block;width:100%;height:100%;object-fit:cover;}
.star-user-card .name{font-size:var(--SiteFS-L);font-weight:var(--SiteFW-EB);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.star-user-card .level{opacity:.7;}
.star-user-card .progress{display:grid;grid-template-columns:1fr;gap:var(--spacing);}
.star-user-card .progress .bar{}
.star-user-card .progress .bar>span{display:block;position:relative;border-radius:1em;background:rgba(255 255 255/10%);--height:4px;}
.star-user-card .progress .bar>span::before{content:'';display:block;width:var(--height);min-width:var(--height);height:var(--height);background:#fff;border-radius:1em;animation:bar ease-in-out 2000ms 500ms forwards;}
@keyframes bar{100%{width:calc(var(--progress) / var(--level) * 100%);}}
.star-user-card .progress .tips{}
.star-user-card .info{}
.star-user-card .info[icon]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;box-shadow:rgb(255 255 255 / 10%) 0 1px 0 inset;padding-block-start:var(--spacing);}
.star-user-card .info[icon]::before{content:attr(icon);font-size:1.5em;align-self:start;}
.star-user-card .info .tips{}
#star-user-profile .star_expiry{margin-inline:var(--spacing);}
#star-user-profile .star_expiry .tips{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#star-user-profile .star_expiry .tips[icon]::before{content:attr(icon);font-size:1.5em;display:inline-block;vertical-align:top;width:1em;height:1em;line-height:1;overflow:hidden;margin-inline-end:.5em;}
@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:480px){}


#star-transaction-wrp{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L3,#fff);border-radius:1em;}
#star-transaction-wrp>.title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
#star-transaction-wrp>.title h3{font-size:var(--SiteFS-L);}
#star-transaction-wrp>.title .cpt-select{}

#star-transaction{display:flex;flex-direction:column;gap:1px;padding-inline:1px;box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px inset;background-color:var(--background-color-L4,#fff);overflow:hidden;}
#star-transaction .unit{display:grid;grid:"dtime tsc star note"/1fr 1fr 1fr 2fr;align-items:center;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 -1px 0;}
#star-transaction .dtime{grid-area:dtime;}
#star-transaction .tsc{grid-area:tsc;}
#star-transaction .star{grid-area:star;}
#star-transaction .note{grid-area:note;}
#star-transaction .unit.title>div{font-weight:normal;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#star-transaction .unit>div{padding-block:1.25em;padding-inline:calc(var(--spacing) / 2);}
#star-transaction .dtime{padding-inline-start:var(--spacing) !important;}
#star-transaction .tsc{text-align:center;font-weight:var(--SiteFW-EB);}
#star-transaction .star{text-align:center;}
#star-transaction .star .price{font-weight:var(--SiteFW-EB);}
#star-transaction .star .in{color:var(--text-color-complete);}
#star-transaction .star .out{color:var(--text-color-alert);}
#star-transaction .note{padding-inline-end:var(--spacing)!important;}
#star-transaction .note p{margin:unset;}
#star-transaction .note a{font-weight:var(--SiteFW-EB);}
#star-transaction .note a:hover{text-decoration:underline;}
@media only screen and (max-width:1280px){
	#star-transaction{box-shadow:unset;background-color:unset;padding-block:1px;padding-inline:unset;}
	#star-transaction .unit{grid:"dtime ." "tsc star" "note note"/1fr auto;gap:1em;padding-block:var(--spacing);}
	#star-transaction .unit:last-child{box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0,var(--body-text-color-a5,rgba(0 0 0/5%)) 0 -1px 0;}
	#star-transaction .unit.title{display:none;}
	#star-transaction .unit>div{padding:unset !important;}
	#star-transaction .dtime{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
	#star-transaction .tsc{text-align:start;}
	#star-transaction .star{text-align:end;}
	#star-transaction .star .price{display:block;font-size:var(--SiteFS-XXL);line-height:1;}
}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#star-transaction-wrp{margin-inline:calc(var(--spacing) * -1);}
}


#star-orderlist-wrp{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L3,#fff);border-radius:1em;}
#star-orderlist-wrp>.title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
#star-orderlist-wrp>.title h3{font-size:var(--SiteFS-L);}

#star-orderlist{display:flex;flex-direction:column;gap:1px;padding-inline:1px;box-shadow:var(--body-text-color-a10,rgba(0 0 0 / 10%)) 0 0 0 1px inset;background-color:var(--background-color-L4,#fff);overflow:hidden;}
#star-orderlist .unit{display:grid;grid:"oid item star stat"/1fr 2fr 1fr 1fr;align-items:center;gap:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 -1px 0;padding:1.5em var(--spacing);}
#star-orderlist .oid{grid-area:oid;}
#star-orderlist .item{grid-area:item;}
#star-orderlist .star{grid-area:star;}
#star-orderlist .stat{grid-area:stat;}
#star-orderlist .unit.title{}
#star-orderlist .unit.title>div{font-weight:normal;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#star-orderlist .unit>div{}
#star-orderlist .oid{}
#star-orderlist .oid a{font-weight:var(--SiteFW-EB);}
#star-orderlist .oid a:hover{text-decoration:underline;}
#star-orderlist .item{}
#star-orderlist .item .ItemLink{max-width:25em;margin-inline:1px;}
#star-orderlist .star{text-align:center;}
#star-orderlist .star .price{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;width:fit-content;margin-inline:auto;white-space:nowrap;color:var(--SiteTHM);font-weight:var(--SiteFW-EB);}
#star-orderlist .star .price::before{font-size:1.5em;}
#star-orderlist .stat{text-align:center;display:flex;flex-direction:column;gap:.25em;overflow:hidden;}
#star-orderlist .status{display:block;}
#star-orderlist .status.completed{font-weight:var(--SiteFW-EB);color:var(--text-color-complete);}
#star-orderlist .status.closed{font-weight:var(--SiteFW-EB);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#star-orderlist .date{display:block;font-size:var(--SiteFS-S);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
@media only screen and (max-width:1280px){
	#star-orderlist{box-shadow:unset;background-color:unset;padding-block:1px;padding-inline:unset;}
	#star-orderlist .unit.title{display:none;}
	#star-orderlist .unit{grid:"oid stat stat" "item item star" / 1fr auto auto;align-items:center;gap:1em var(--spacing);padding-inline:unset;box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 -1px 0;}
	#star-orderlist .unit:last-child{box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 1px 0,var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 -1px 0;}
	#star-orderlist .stat{flex-direction:row-reverse;align-items:center;gap:1em;}
}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#star-orderlist-wrp{margin-inline:calc(var(--spacing) * -1);}
}


#star_orderdetails{grid-column:1/-1;width:min(50em,100%);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing);background:var(--background-color-L1,#fff);border-radius:1em;}
#star_orderdetails h1{font-size:var(--SiteFS-XL);font-weight:var(--SiteFW-EB);}
#star_orderdetails .item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing);padding:var(--spacing);background:var(--background-color-L3,#fff);border-radius:1em;box-shadow:var(--body-text-color-a5,rgb(0 0 0/5%)) 0 0 0 1px inset;}
#star_orderdetails .item .ItemLink{max-width:30em;}
#star_orderdetails .item .star{}
#star_orderdetails .item .star .label{display:none;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#star_orderdetails .item .star .price{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;width:fit-content;margin-inline:auto;white-space:nowrap;color:var(--SiteTHM);font-weight:var(--SiteFW-EB);}
#star_orderdetails .item .star .price::before{font-size:1.5em;}
#star_orderdetails .tips{}
#star_orderdetails .btc{display:flex;align-items:center;justify-content:end;gap:1em;}
@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:480px){
	#star_orderdetails{margin-inline:calc(var(--spacing) * -1);width:auto;}
	#star_orderdetails .item{display:flex;flex-direction:column;align-items:unset;}
	#star_orderdetails .item .star{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5,rgb(0 0 0/5%)) 0 1px 0 inset;}
	#star_orderdetails .item .star .label{display:block;}
}