/*!
 * macOSNotifJS - v0.1.1 - 2019-06-09
 * 
 * macOSNotifJS: A simple Javascript plugin to create simulated macOS notifications on your website.
 * <https://github.com/MattIPv4/macOSNotifJS/>
 * Copyright (C) 2019 Matt Cowley (MattIPv4) (me@mattcowley.co.uk)
 * 
 */
 @font-face{font-family:SF Display;font-weight:400;src:url(fonts/SF-UI-Display-Regular.eot);src:url(fonts/SF-UI-Display-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/SF-UI-Display-Regular.woff) format("woff"),url(fonts/SF-UI-Display-Regular.ttf) format("truetype")}@font-face{font-family:SF Display;font-weight:600;src:url(fonts/SF-UI-Display-Semibold.eot);src:url(fonts/SF-UI-Display-Semibold.eot?#iefix) format("embedded-opentype"),url(fonts/SF-UI-Display-Semibold.woff) format("woff"),url(fonts/SF-UI-Display-Semibold.ttf) format("truetype")}@font-face{font-family:SF Display;font-weight:300;src:url(fonts/SF-UI-Display-Thin.eot);src:url(fonts/SF-UI-Display-Thin.eot?#iefix) format("embedded-opentype"),url(fonts/SF-UI-Display-Thin.woff) format("woff"),url(fonts/SF-UI-Display-Thin.ttf) format("truetype")}.macOSNotif_Outer,.macOSNotif_Outer *{box-sizing:content-box}.macOSNotif_Outer{width:430px;height:85px;position: absolute;right:0;top:5px;padding:10px 0;overflow:hidden;z-index:5000;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;transition:top .8s ease-in-out}.macOSNotif_Container{width:400px;height:72px;position:absolute;right:-400px;display: flex;top:10px;align-items: center;opacity:.1;background:#f2f2f2;box-shadow:inset 0 0 2px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.2);border-radius:10px;border:none;transition:all .8s ease-in-out}.macOSNotif_Container *{font-weight:300;color:#444;text-align:left;font-family:SF Display,-apple-system,system-ui,BlinkMacSystemFont,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Segoe UI,Roboto,Ubuntu,Lucida Grande,sans-serif;letter-spacing:normal;transition:all .8s ease-in-out}.macOSNotif_Container a,.macOSNotif_Container a:hover{text-decoration:none}.macOSNotif_Clickable{cursor:pointer}.macOSNotif_Img{float:left;width:45px;height:100%;line-height:72px;padding-left:10px;border:none;display:block}.macOSNotif_Image{width:100%;vertical-align:middle;border-radius: 7px;}.macOSNotif_Img+.macOSNotif_Text{width: 275px;padding-left:5px;top: 50%;}.macOSNotif_Img+.macOSNotif_TextFull{width:330px;padding-left:5px}.macOSNotif_Text{float:left;width:300px;padding: 8px;padding-right: 4px;border:none;display:block}.macOSNotif_TextFull{width:400px}.macOSNotif_Title{display:block;padding: 2px 5px;margin:0;max-width:100%;height: auto;overflow:hidden;/* white-space:nowrap; *//* vertical-align:baseline; */text-shadow:none;text-overflow:ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;border:none;font-size:16px;font-weight:400;}.macOSNotif_Subtitle{font-size:12px;}.macOSNotif_Buttons{float:right;width:79px;border:none;border-left:1px solid #ddd;height:100%;min-height:100%;padding:0}.macOSNotif_Button{display:block;cursor:pointer;text-align:center;padding:5px 10px;margin:0;text-decoration:none;line-height:25px;border:none;border-top:1px solid transparent;background:transparent;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-shadow:none;font-size:13px;font-weight:600;color:#666;transition:all .8s ease-in-out,background .1s,color .1s}.macOSNotif_Button:first-of-type{border-top-right-radius:10px}.macOSNotif_Button:last-of-type{border-bottom-right-radius:10px}.macOSNotif_Button:active,.macOSNotif_Button:focus{outline:none;color:#fff;background:#007bff;box-shadow:inset 0 0 2px rgba(0,0,0,.2)}.macOSNotif_ButtonFull{border:none;line-height:62px;font-size:15px}.macOSNotif_Button+.macOSNotif_Button{border-top:1px solid #ddd}

.macOSNotif_Outer h3 
{
 display:flex !important;
 align-items:center;
 gap:.5rem;
}
.macOSNotif_Outer h3 [data-unix]
{
 font-size:.7rem;
 margin-left:auto;
}
.macOSNotif_Outer h3 div:first-child 
{
 white-space:nowrap;
 overflow:hidden;
 text-overflow: ellipsis;
 font-Weight:500
}
.macOSNotif_Outer h3 div:last-child 
{
 white-space:nowrap;
}