#notifications{bottom:0;position:fixed;right:50px;width:300px;z-index:10000}.ns-box{background:rgba(36,83,206,.85);border-top-left-radius:3px;border-top-right-radius:3px;color:rgba(250,251,255,.95);font-size:90%;line-height:1.4;padding:22px;position:relative}.ns-box-left{background-color:#3467e8;border-radius:50%;float:left;height:50px;padding:10px;width:50px}.ns-box-left .fa-regular,.ns-box-left .fa-solid{color:#fff;font-size:31px;left:4px;position:relative;top:0}.ns-box-right{float:left;font-size:12px;padding-left:15px;width:215px}.ns-box-right .title{font-size:14px;padding-bottom:3px}.ns-box.ns-show{pointer-events:auto}.ns-box a{color:inherit;font-weight:700;opacity:.7}.ns-box a:focus,.ns-box a:hover{opacity:1}.ns-box p{margin:0}.ns-box.ns-show,.ns-box.ns-visible{pointer-events:auto}.unread .ns-read{background-color:#2dc8ff;border-radius:50%;height:10px;right:30px;top:9px;width:10px}.ns-close,.unread .ns-read{cursor:pointer;position:absolute}.ns-close{backface-visibility:hidden;height:20px;overflow:hidden;right:4px;text-indent:100%;top:4px;width:20px;z-index:9999}.ns-close:focus,.ns-close:hover{outline:none}.ns-close:after,.ns-close:before{background:#6e6e6e;content:"";height:60%;left:50%;position:absolute;top:50%;width:3px}.ns-close:hover:after,.ns-close:hover:before{background:#fff}.ns-close:before{transform:translate(-50%,-50%) rotate(45deg)}.ns-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.ns-attached{left:30px;max-width:300px}[class*=" ns-effect-"].ns-attached.ns-hide,[class^=ns-effect-].ns-attached.ns-hide{animation-direction:reverse}.ns-effect-flip{backface-visibility:hidden;background:var(--primary);bottom:0;font-size:1.15em;max-width:300px;padding:1em;transform-origin:50% 100%}.ns-effect-flip .ns-close:after,.ns-effect-flip .ns-close:before,.ns-effect-flip .ns-close:hover:after,.ns-effect-flip .ns-close:hover:before{background:#fff}.ns-effect-flip.ns-hide,.ns-effect-flip.ns-show{animation-duration:.3s;animation-name:animFlipFront}.ns-effect-flip.ns-hide{animation-name:animFlipBack}@keyframes animFlipFront{0%{transform:perspective(1000px) rotateX(-90deg)}to{transform:perspective(1000px)}}@keyframes animFlipBack{0%{transform:perspective(1000px) rotateX(90deg)}to{transform:perspective(1000px)}}.ns-effect-bouncyflip{background:#fff;box-shadow:0 13px 10px -5px rgba(0,0,0,.2);color:#484860;top:0;transform-origin:50% 0}.ns-effect-bouncyflip .icon{display:block;left:2em;position:absolute;top:2em}.ns-effect-bouncyflip p{padding:.5em .8em .8em 3.5em}.ns-effect-bouncyflip .ns-close:after,.ns-effect-bouncyflip .ns-close:before{background:#484860}.ns-effect-bouncyflip .ns-close:hover:after,.ns-effect-bouncyflip .ns-close:hover:before{background:#545484}.ns-effect-bouncyflip.ns-hide,.ns-effect-bouncyflip.ns-show{animation-duration:.8s;animation-name:flipInX}@keyframes flipInX{0%{transform:perspective(400px) rotateX(-90deg);transition-timing-function:ease-in}40%{transform:perspective(400px) rotateX(20deg);transition-timing-function:ease-out}60%{opacity:1;transform:perspective(400px) rotateX(-10deg);transition-timing-function:ease-in}80%{transform:perspective(400px) rotateX(5deg);transition-timing-function:ease-out}to{transform:perspective(400px)}}.ns-effect-bouncyflip.ns-hide{animation-duration:.3s;animation-name:flipInXSimple}@keyframes flipInXSimple{0%{transform:perspective(400px) rotateX(-90deg);transition-timing-function:ease-in}to{transform:perspective(400px)}}@media screen and (max-width:25em){.ns-attached{left:30px;max-width:none;right:30px}}