@charset "UTF-8";

@media only screen and (min-width:1281px){
	body{--MaxContentWidth: 100em;}
}


/*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;}


/* popup account confirmation */
/* disconnect third-party accounts & cancel account deletion */
.popup_account_confirmation{display:flex;flex-direction:column;gap:var(--spacing);overflow-y:auto;}
.popup_account_confirmation .msg{width:min(30em,100%);margin-inline:auto;display:flex;flex-direction:column;gap:1.5em;}
.popup_account_confirmation .msg .title{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);}
.popup_account_confirmation .btc{width:min(30em,100%);margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:1em;}
.popup_account_confirmation .user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1em;padding:var(--spacing);border-radius:var(--CPT-BDR);color:var(--color,inherit);background:var(--background-color,var(--body-text-color-a5,rgba(0 0 0/5%)));box-shadow:var(--border-color,var(--body-text-color-a5,rgba(0 0 0/5%))) 0 0 0 var(--CPT-BDW) inset;}
.popup_account_confirmation .user::before{font-size:2em;order:9;}
.popup_account_confirmation .user[icon]::before{content:attr(icon);}
.popup_account_confirmation .avatar{width:3em;height:3em;border-radius:100%;background-color:var(--body-text-color-a10,#fff);box-shadow:var(--border-color,var(--body-text-color-a5,rgba(0 0 0/5%))) 0 0 0 1px;overflow:hidden;}
.popup_account_confirmation .avatar>img{display:block;width:100%;height:100%;object-fit:cover;}
.popup_account_confirmation .info{overflow:hidden;}
.popup_account_confirmation .info>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.popup_account_confirmation .name{font-weight:var(--CPT-FW-B);}
.popup_account_confirmation .mail{font-size:var(--SiteFS-S);}