@charset "UTF-8";

body{--spacing:2em;}
@media only screen and (max-width:640px){
	body{--spacing:1.5em;}
}

#SellerApplicationContent{flex:auto;}
#SellerApplicationContent>.inner{width:min(1920px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:var(--spacing);}

#SellerApplicationContent .application_wrp{overflow:hidden;}
#SellerApplicationContent .application_wrp>.inner{width:min(100%,var(--MaxContentWidth));margin-inline:auto;padding:var(--spacing);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap: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){}


#SellerApplicationContent #intro_01{min-height:min(var(--VHeight),50em);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,hsl(297 100% 50%/10%),hsl(297 100% 50%/0%));}
#SellerApplicationContent #intro_01::after{content:'';display:block;aspect-ratio:3840/743;background:url('https://kaleoz-media.seagmcdn.com/art/v3/seller-application/art_01.png') no-repeat center/100% auto;}
#SellerApplicationContent #intro_01>.inner{}
#SellerApplicationContent #intro_01 .info{display:flex;flex-direction:column;gap:1em;}
#SellerApplicationContent #intro_01 .info h1{font-size:3em;font-weight:var(--CPT-FW-EB);}
#SellerApplicationContent #intro_01 .info>div{font-size:var(--SiteFS-L);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#SellerApplicationContent #intro_01{min-height:min(var(--VHeight),40em);}
	#SellerApplicationContent #intro_01::after{aspect-ratio:unset;height:16.2em;background-image:url('https://kaleoz-media.seagmcdn.com/art/v3/seller-application/art_01.png?x-oss-process=image/resize,h_390,limit_0');background-size:auto 100%;}
	#SellerApplicationContent #intro_01 .info{max-width:40em;margin-inline:auto;}
	#SellerApplicationContent #intro_01 .info h1{font-size:var(--SiteFS-XXL);}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	#SellerApplicationContent #intro_01{min-height:min(var(--VHeight),30em);}
	#SellerApplicationContent #intro_01::after{height:12em;background-image:url('https://kaleoz-media.seagmcdn.com/art/v3/seller-application/art_01.png?x-oss-process=image/resize,h_288,limit_0');}
	#SellerApplicationContent #intro_01 .info>div{font-size:1em;}
}


#SellerApplicationContent #intro_02{}
#SellerApplicationContent #intro_02>.inner{}
#SellerApplicationContent #intro_02 .block{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing) calc(var(--spacing) * 2);}
#SellerApplicationContent #intro_02 .img{width:35em;aspect-ratio:1/1;order:9;}
#SellerApplicationContent #intro_02 .img>img{display:block;width:100%;height:100%;object-fit:contain;}
#SellerApplicationContent #intro_02 .info{display:flex;flex-direction:column;gap:var(--spacing);}
#SellerApplicationContent #intro_02 .info h2{font-size:var(--SiteFS-XXL);font-weight:var(--CPT-FW-EB);}
#SellerApplicationContent #intro_02 .info .features{font-size:var(--SiteFS-L);display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));gap:var(--spacing) calc(var(--spacing) * 2);}
#SellerApplicationContent #intro_02 .info .feature{display:flex;flex-direction:column;gap:1em;}
#SellerApplicationContent #intro_02 .info .feature h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);}
#SellerApplicationContent #intro_02 .info .feature>div{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#SellerApplicationContent #intro_02 .block{display:flex;flex-direction:column-reverse;max-width:40em;margin-inline:auto;}
	#SellerApplicationContent #intro_02 .img{max-width:25em;}
	#SellerApplicationContent #intro_02 .info h2{font-size:var(--SiteFS-XL);}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	#SellerApplicationContent #intro_02 .img{max-width:20em;}
	#SellerApplicationContent #intro_02 .info .features{font-size:1em;}
}


#seller_application{max-width: var(--MaxContentWidth);
    margin-inline: auto;
    padding:var(--spacing);box-sizing: border-box;border-radius:1em;background:var(--background-color-L1,#fff);
    scroll-margin-block-start: calc(var(--main-nav-height) * 1px + var(--spacing));
}
#seller_application>.inner{display:flex;flex-direction:column;gap:var(--spacing);justify-content:center;}
#seller_application h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);margin-block:.5em;text-transform:uppercase;}
#seller_application h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-B);}
#seller_application .block{display:flex;flex-direction:column;gap:1.5em;width:min(60em,100%);margin-inline:auto;}
#seller_application .block~.block{padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
#seller_application .tips_wrp{display:flex;flex-direction:column;gap:.5em;}
#seller_application .tips_wrp:not(:has(.tips,.show)),
#seller_application .tips_wrp>*:not(.tips,.show){display:none;}
#seller_application .tips_wrp .tips{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#seller_application .tips_wrp .alert{color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
#seller_application .tips_wrp .success{color:var(--text-color-complete);font-weight:var(--CPT-FW-B);}


#application_tips{display:flex;flex-direction:column;align-items:center;gap:1.5em;}
#application_tips .art{}
#application_tips .art>img{display:block;margin-inline:auto;width:min(25em,100%);height:auto;aspect-ratio:5/3;object-fit:cover;}

#application_form{display:grid;grid-template-columns:max(25%,10em) auto;align-items:baseline;gap:1.5em var(--spacing);}
#application_form .T{}
#application_form .C{display:flex;flex-direction:column;gap:1em;}
#application_form .hr{grid-column:1/-1;margin-block:1em;height:1px;background-color:var(--body-text-color-a5,rgba(0 0 0/5%));}
#application_form .btc{grid-column:2/-1;text-align:center;}
#application_form .mail_address,
#application_form .phone_number{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:1em;width:fit-content;max-width:100%;}
#application_form .verified{display:block;width:1.5em;height:1.5em;overflow:hidden;color:var(--text-color-complete);font-weight:var(--CPT-FW-B);}
#application_form .verified::before{content:attr(icon);font-size:1.5em;}
#application_form .address_form{display:flex;flex-direction:column;gap:1em;}

#application_form .img_upload{display:flex;flex-wrap:wrap;align-items:center;gap:1em;}
#application_form .img_upload::before{content:'';display:block;width:0;height:1em;margin-inline-end:-1em;}
#application_form .img_upload .unit{--w:5em;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;}
#application_form .img_upload .img{width:inherit;height:inherit;border-radius:inherit;overflow:hidden;}
#application_form .img_upload .img>img{display:block;width:100%;height:100%;object-fit:cover;}
#application_form .img_upload .btw.upload{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
#application_form .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;}
@media only screen and (max-width:480px){
	#application_form{grid-template-columns:auto 1fr;gap:1em;}
	#application_form .F{grid-column:1/-1;}
	#application_form .btc{grid-column:1/-1;}
}



