div#notifCenter {width:100%; height:400px; margin:0 auto; border-radius:.25rem;}
div#notifCenter {overflow:auto; background-color:#000c; font-size:14px; padding:0 .5rem 2rem;}
div#notifCenter {position:fixed; top:0; left:0; width:100%; height:100%; z-index:12; transform:none; transition:.5s ease-in-out;}
div#notifCenter.anchored {transform:translateY(-150vh);}

div#notifCenter {display:flex; flex-direction:column;}

div#notifCenter div#ncbtns {flex:1 1 5%; display:inline-block; margin:0 auto;}
div#notifCenter div#ncbtns button {margin:1rem auto .25rem; padding:.5rem 1rem; /*display:block;*/ /*width:100%;*/ max-width:400px; border-radius:.25rem; border:1px solid #888;}

div#notifCenter div#itemBox {flex:1 1 95%; overflow:auto;}
div#notifCenter div#itemBox div.item {box-shadow:0 2px 5px #00000008; max-height:6rem; width:100%; max-width:400px; margin:1rem auto; transition:.75s cubic-bezier(0.785,0.135,0.15,0.86);}
div#notifCenter div#itemBox div.item {/*transition-timing-function:cubic-bezier(.78,.13,0,1.22);*/}
div#notifCenter div#itemBox div.item {background-color:#fff8; border-radius:.5rem; overflow:hidden; user-select:none; cursor:pointer;}
div#notifCenter div#itemBox div.item.min {max-height:0; width:0; margin:0 auto;}
div#notifCenter div#itemBox div.item div.head {background-color:#fff8; padding:.25rem .5rem; display:flex;}
div#notifCenter div#itemBox div.item div.head div {}
div#notifCenter div#itemBox div.item div.head div.icon {flex:0 0 auto; /*width:1rem;*/ margin-right:.5rem;}
div#notifCenter div#itemBox div.item div.head div.name {flex:1 0 auto; /*width:100%;*/ /*text-align:center;*/ color:#0008;}
div#notifCenter div#itemBox div.item div.head div.time {flex:0 0 auto; /*width:6rem;*/ color:#0008;}
div#notifCenter div#itemBox div.item div.body {padding:.5rem .5rem;}
div#notifCenter div#itemBox div.item div.body div.secA {font-weight:bold;}
div#notifCenter div#itemBox div.item div.body div.secB {}

div#notifCenter div.bar {position:absolute; bottom:0; left:0; right:0; width:100%; height:2rem;}
div#notifCenter div.bar {background-color:#000; cursor:pointer;}
div#notifCenter div.bar div.handle {position:absolute; bottom:1rem; left:50%; transform:translate(-50%,50%); width:1rem; height:1rem; border-radius:50%;}
div#notifCenter div.bar div.handle {background-color:#FFF4;}