.notif_box{position:absolute;width:500px;max-width:500px;background:#fff;transform:translateX(-50%);z-index:100;top:50px;border:1px solid #000;box-shadow:5px 5px hsla(0,0%,40%,.1);border:1px solid rgba(0,0,0,.2)}.notif_box .notif_content{padding:9px 14px;max-height:calc(100vh - 60px);overflow-y:auto}.notif_arrow,.notif_arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.notif_arrow:after{top:1px;margin-left:-10px;content:" ";border-bottom-color:#fff;border-width:10px;box-sizing:border-box}.notif_arrow{top:-22px;left:50%;margin-left:-2px;border-bottom-color:#fff;border-width:11px}@media screen and (max-width:768px){.notif_box{top:100px}}@media screen and (max-width:581px){.notif_box{transform:translateX(-70%);width:400px}.notif_arrow{left:70%}}@media screen and (max-width:545px){.notif_box{top:130px}.notif_arrow{border-bottom-color:#999}}@media screen and (max-width:513px){.notif_box{top:150px}}@media screen and (max-width:440px){.notif_box{top:185px;width:350px}}