@charset "utf-8";

.main_nav_logo,
.main_nav_logo>span{display:none;}
@media only screen and (max-width: 1000px){
	.main_nav_logo{display:block;width:var(--CPT-US);height:var(--CPT-US);background:url('../images/seagm_logo_2020_shield-a28166db3a.svg') no-repeat center/auto 2em;}
	.luckydraw_btw{display:none;}
}


h1{font-size:clamp(2em,5vw,3em);}
h2{font-size:clamp(1.5em,4.5vw,2em);}
h3{font-size:clamp(1.166667em,3vw,1.5em);}


body{--PageContentWidth:100em;}
@media only screen and (max-width:1280px){
	body{--PageContentWidth: 83.333334em;}
}
@media only screen and (max-width:1000px){
	body{--PageContentWidth: 60em;}
}
#promotion_cover,
#promotion_content,
#promotion_tnc,
#promotion_btc{}
#promotion_cover>.inner,
#promotion_content>.inner,
#promotion_tnc>.inner,
#promotion_btc>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:var(--PageContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;overflow:hidden;}


#promotion_cover h1{text-align:center;}


#promotion_countdown{display:flex;flex-direction:column;gap:var(--spacing);align-items:center;}
#promotion_countdown_title{}
#promotion_countdown_title>span{font-size:clamp(1.166667em,3vw,1.5em);font-weight:var(--SiteFW-EB);text-transform:uppercase;}
#promotion_countdown_title>span[icon]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;}
#promotion_countdown_title>span[icon]::before{content:attr(icon);font-size:1.5em;}
#promotion_timer{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;width:min(30em,100%);}
#promotion_timer>div{display:flex;flex-direction:column;gap:.5em;text-align:center;padding:1em;background-color:var(--body-text-color-a5,rgba(0 0 0/5%));}
#promotion_timer>div::before{display:block;font-size:2.5em;font-weight:var(--SiteFW-EB);line-height:1;}
#promotion_timer>div::after{content:attr(data-title);display:block;color:var(--body-text-color-a50,rgba(0 0 0/50%));text-transform:capitalize;white-space:nowrap;line-height:1;}
#promotion_timer>div[data-title="day"]::before{counter-reset:days var(--PromotionTimer-days,0);content:counter(days);}
#promotion_timer>div[data-title="hour"]::before{counter-reset:hours var(--PromotionTimer-hours,0);content:counter(hours);}
#promotion_timer>div[data-title="minute"]::before{counter-reset:minutes var(--PromotionTimer-minutes,0);content:counter(minutes);}
#promotion_timer>div[data-title="second"]::before{counter-reset:seconds var(--PromotionTimer-seconds,0);content:counter(seconds);}
@media only screen and (max-width: 480px){
	#promotion_timer{width:min(25em,100%);}
	#promotion_timer>div{padding:.75em .5em;}
	#promotion_timer>div::before{font-size:2em;}
	#promotion_timer>div::after{font-size:var(--SiteFS-S);}
}


#promotion_winner{display:flex;flex-direction:column;gap:var(--spacing);}
#promotion_winner h3[icon]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;}
#promotion_winner h3[icon]::before{content:'celebration';font-size:1.5em;align-self:start;}
#promotion_winner .list{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));gap:1em var(--spacing);padding:var(--spacing);background-color:var(--body-text-color-a5,rgba(0 0 0/5%));}
#promotion_winner .winner{display:grid;grid:"avatar name" "avatar entry"/auto 1fr;column-gap:1em;}
#promotion_winner .avatar{grid-area:avatar;width:3em;height:3em;background-color:var(--body-background-color,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px;border-radius:100%;overflow:hidden;}
#promotion_winner .avatar>img{display:block;width:100%;height:100%;object-fit:cover;}
#promotion_winner .name{grid-area:name;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#promotion_winner .entry{grid-area:entry;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:var(--body-text-color-a50,rgba(0 0 0/50%));font-size:var(--SiteFS-S);}


#promotion_rules_steps{display:flex;gap:var(--spacing);margin-block:var(--spacing);}
#promotion_rules_steps .step{flex:1;display:flex;flex-direction:column;align-items:center;gap:1em;text-align:center;}
#promotion_rules_steps .step::before{content:'';aspect-ratio:var(--aspect-ratio,1);width:min(15em,100%);background-color:var(--step-bgc,var(--body-text-color-a5,rgba(0 0 0/5%)));background-image:var(--step-img,url('../images/placeholder/materialpic-7c4b3c1290.svg'));background-repeat:no-repeat;background-position:center;background-size:contain;}
#promotion_rules_steps .step span{font-weight:var(--SiteFW-EB);}
@media only screen and (max-width: 480px){
	#promotion_rules_steps{flex-direction:column;gap:1em;width:min(25em,100%);margin-inline:auto;}
	#promotion_rules_steps .step{display:grid;grid-template-columns:6em 1fr;gap:var(--spacing);text-align:start;}
}


#promotion_task{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing);}
#promotion_task .task{display:flex;flex-direction:column;gap:1em;}
#promotion_task .title{text-align:center;}
#promotion_task .title h3{}
#promotion_task .title span{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#promotion_task .list{display:grid;grid-template-columns:var(--columns,repeat(auto-fill,minmax(var(--unit-size,10em),1fr)));gap:1px;}
#promotion_task .item{display:flex;flex-direction:column;gap:2px;color:inherit;}
#promotion_task .img{padding-block-start:100%;background:var(--body-text-color-a5,rgba(0 0 0/5%)) url('../images/placeholder/materialpic-7c4b3c1290.svg') no-repeat center/contain;}
#promotion_task .sku{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;height:var(--CPT-US);padding:.333334em 1em;background-color:var(--body-text-color-a5,rgba(0 0 0/5%));}
#promotion_task .sku::before{content:attr(icon);font-size:1em;order:9;}
#promotion_task .sku>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.5em;line-height:1.25;}
@media only screen and (max-width: 1000px){
	#promotion_task{display:flex;flex-direction:column;}
}
@media only screen and (max-width: 480px){
	#promotion_task .list{display:flex;flex-direction:column;}
	#promotion_task .img{display:none;}
	#promotion_task .sku::before{display:none;}
	#promotion_task .sku::after{content:'Top up';}
}


#promotion_content{}
#promotion_content article.docs{font-size:var(--SiteFS-L);}
@media only screen and (max-width: 480px){
	#promotion_content article.docs{font-size:var(--SiteFS);}
}


#promotion_btc{position:sticky;inset-block-end:0;z-index:1;background-color:var(--background-color-L2,#fff);}
#promotion_btc>.inner{}
#entry_btc{display:flex;flex-direction:column;gap:1em;}
#entry_btc>.inner{display:flex;align-items:center;justify-content:center;gap:var(--spacing);min-height:var(--CPT-US);}
#entry_btc .timer{display:flex;align-items:center;gap:var(--gap,.5em);padding:1em;background-color:var(--body-text-color-a5,rgba(0 0 0/5%));}
#entry_btc .timer>div{display:flex;align-items:center;gap:var(--gap,.5em);}
#entry_btc .timer>div::before{display:block;font-size:clamp(1.166667em,3vw,1.5em);font-weight:var(--SiteFW-EB);line-height:1;min-width:1.333334em;text-align:center;white-space:nowrap;}
#entry_btc .timer>div:not(:last-child)::after{content:':';font-weight:var(--SiteFW-EB);}
#entry_btc .timer>div[data-title="day"]::before{counter-reset:days var(--PromotionTimer-days,0);content:counter(days);}
#entry_btc .timer>div[data-title="hour"]::before{counter-reset:hours var(--PromotionTimer-hours,0);content:counter(hours);}
#entry_btc .timer>div[data-title="minute"]::before{counter-reset:minutes var(--PromotionTimer-minutes,0);content:counter(minutes);}
#entry_btc .timer>div[data-title="second"]::before{counter-reset:seconds var(--PromotionTimer-seconds,0);content:counter(seconds);}
#entry_btc .tips{}
#entry_btc .btw:is(.login,.convert){--CPT-US:4em;text-transform:uppercase;font-weight:var(--SiteFW-EB);}
#entry_btc :is(.chance,.entry){display:flex;flex-direction:column;gap:.25em;text-align:center;}
#entry_btc :is(.chance,.entry) b{font-size:2em;font-weight:var(--SiteFW-EB);line-height:1;}
#entry_btc :is(.chance,.entry) span{font-size:var(--SiteFS-S);text-transform:uppercase;}
@media only screen and (max-width: 480px){
	#entry_btc>.inner{justify-content:space-evenly;}
	#entry_btc .timer{padding:.75em 1em;--gap:.25em;}
}


#promotion_tnc{}
#promotion_tnc article.docs{font-size:var(--SiteFS-L);}
@media only screen and (max-width: 480px){
	#promotion_tnc article.docs{font-size:var(--SiteFS);}
}


/* Promotion share */
.tukibox:has(#tukibox_PromotionShare){--tukibox-width:50em;}
#tukibox_PromotionShare{}
#tukibox_PromotionShare .img{aspect-ratio:1200/630;margin-block:1px;background-color:#fff;box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;}
#tukibox_PromotionShare .img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
#tukibox_PromotionShare .info{display:flex;flex-direction:column;gap:1em;}
#tukibox_PromotionShare .headline1{font-size:var(--SiteFS-XL);font-weight:var(--SiteFW-EB);}
#tukibox_PromotionShare .headline2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.5em;color:var(--body-text-color-a50,rgba(0 0 0/50%));}