.pn-starter{width:100%;padding:20px;border-radius:4px;border:2px solid #ccc;margin:20px 0}.pn-starter button{margin-bottom:7px}#push-notifications-widget{color:#8296ab;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px}#push-notifications-widget *{box-sizing:border-box}#push-notifications-widget hr.pn-divider{border:0;border-top:2px solid #e1e8ed;margin:10px 0 0;padding:0 0 10px}#push-notifications-widget .clearfix{width:100%;height:0;clear:both}#push-notifications-widget button{color:#fff;display:inline-block;margin-bottom:0;font-weight:600;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:8px 12px;font-size:14px;line-height:14px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.3px;max-height:100%;margin-right:15px;background-color:#8296ab}#push-notifications-widget button.success{background-color:#51a173}#push-notifications-widget button.invert{background-color:transparent;border:2px solid #8296ab;color:#8296ab}#push-notifications-widget button:focus,#push-notifications-widget button:hover{outline:none;border-color:#8296ab;transform:translateY(-1px);box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}#push-notifications-widget button:active{transform:translateY(0)}#push-notifications-widget #push-notifications-composer{position:fixed;z-index:99999;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75)}#push-notifications-widget #push-notifications-composer.hidden{display:none}#push-notifications-widget #push-notifications-composer .pn-box{width:100%;max-width:1000px;margin:20px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.225);border-radius:4px}#push-notifications-widget #push-notifications-composer .pn-box .pn-box-head{color:#fff;background-color:#8296ab;height:54px;border-top-right-radius:4px;border-top-left-radius:4px;padding-top:15px}#push-notifications-widget #push-notifications-composer .pn-box .pn-box-head .pn-box-title{margin:0;line-height:54px;padding:0 20px;background-color:#8296ab}#push-notifications-widget #push-notifications-composer .pn-box .pn-box-head .pn-box-title button{margin:-4px 20px 0 0;padding:5px 0;background-color:transparent;border-radius:0;color:#dcdcdc}#push-notifications-widget #push-notifications-composer .pn-box .pn-box-head .pn-box-title button.selected{color:#fff;border-bottom:3px solid #fff}#push-notifications-widget #push-notifications-composer .pn-box .pn-box-head .pn-box-title button:hover{box-shadow:none}#push-notifications-widget #push-notifications-composer .pn-box .pn-box-head .pn-close{-webkit-appearance:none;border:0;background:0 0;color:#fff;font-size:27px;float:right;line-height:48px;padding:0 25px;margin-right:-20px;cursor:pointer}#push-notifications-widget #push-notifications-composer .pn-box .pn-box-container{position:relative;padding:20px}#push-notifications-widget #push-notifications-composer .pn-component{border:2px solid #e8eaeb;background-color:#f7f7f7;border-radius:6px;padding:15px;margin-bottom:15px}#push-notifications-widget #push-notifications-composer .pn-component:not(.pn-half){clear:both}#push-notifications-widget #push-notifications-composer .pn-component.pn-half{width:49%}#push-notifications-widget #push-notifications-composer .pn-component.pn-first{float:left;margin-right:1%}#push-notifications-widget #push-notifications-composer .pn-component.pn-last{float:right;margin-left:1%;min-height:512px}#push-notifications-widget #push-notifications-composer .pn-component label.pn-section{color:#7b91a7;font-weight:600;letter-spacing:.1px;align-self:center;text-transform:uppercase;margin-bottom:3px;line-height:18px;display:block}#push-notifications-widget #push-notifications-composer .pn-component input[type=datetime-local],#push-notifications-widget #push-notifications-composer .pn-component input[type=text],#push-notifications-widget #push-notifications-composer .pn-component textarea{height:32px;color:#778799;background-color:#fff;line-height:17px;font-weight:600;font-size:14px;border:2px solid #e1e8ed;border-radius:4px;padding-left:7px;padding-right:4px;width:100%}#push-notifications-widget #push-notifications-composer .pn-component input[type=datetime-local]:focus,#push-notifications-widget #push-notifications-composer .pn-component input[type=datetime-local]:hover,#push-notifications-widget #push-notifications-composer .pn-component input[type=text]:focus,#push-notifications-widget #push-notifications-composer .pn-component input[type=text]:hover,#push-notifications-widget #push-notifications-composer .pn-component textarea:focus,#push-notifications-widget #push-notifications-composer .pn-component textarea:hover{outline:none;border-color:#8296ab;transform:translateY(-1px);box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}#push-notifications-widget #push-notifications-composer .pn-component textarea{height:64px}#push-notifications-widget #push-notifications-composer .pn-component .pn-checkbox{display:inline-block;color:#778799;font-size:15px}#push-notifications-widget #push-notifications-composer .pn-component .pn-checkbox__input{display:none}#push-notifications-widget #push-notifications-composer .pn-component .pn-checkbox__input:checked+.pn-checkbox__label:before{width:9px;height:9px;top:2px;left:2px}#push-notifications-widget #push-notifications-composer .pn-component .pn-checkbox__label{display:inline-block;width:17px;height:17px;position:relative;cursor:pointer;border-radius:100%;border:2px solid #8296ab;box-sizing:border-box;margin:10px 10px -2px 0}#push-notifications-widget #push-notifications-composer .pn-component .pn-checkbox__label:before{content:"";display:inline-block;position:absolute;border-radius:100%;width:0;height:0;top:50%;left:50%;background:#8296ab}#push-notifications-widget #push-notifications-composer .pn-loading{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(225,232,237,.78)}#push-notifications-widget #push-notifications-composer .pn-loading.hidden{display:none}#push-notifications-widget #push-notifications-composer .pn-loading .pn-spinner{width:40px;height:40px;border-radius:4px;background-color:#8296ab;animation:sk-rotateplane 1s ease-in-out infinite}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}#push-notifications-widget .pn-previewer{display:flex;position:relative;padding:0!important}#push-notifications-widget .pn-previewer .preview-box{width:100%}#push-notifications-widget .pn-previewer .preview-box.macos{background:url(https://7gra.us/pushnotifications/assets/macos.svg) no-repeat 100% 0}#push-notifications-widget .pn-previewer .preview-box.windows{display:none;background:url(https://7gra.us/pushnotifications/assets/windows.svg) no-repeat 100% 100%}#push-notifications-widget .pn-previewer .preview-box.android{display:none;background:url(https://7gra.us/pushnotifications/assets/android.svg) no-repeat top}#push-notifications-widget .pn-previewer .preview-box .pn-preview-image{max-width:100%}#push-notifications-widget .pn-previewer .tab-buttons{position:absolute;bottom:5px;left:5px}#push-notifications-widget .pn-previewer .tab-buttons button{font-size:10px;padding:4px 7px;font-weight:400;margin:0;border-radius:0;border:0}#push-notifications-widget .pn-previewer .tab-buttons button:first-child{border-radius:3px 0 0 3px}#push-notifications-widget .pn-previewer .tab-buttons button:last-child{border-radius:0 3px 3px 0}#push-notifications-widget .pn-previewer .tab-buttons button.selected{background-color:#647c96}#push-notifications-widget .pn-previewer .tab-buttons button:focus,#push-notifications-widget .pn-previewer .tab-buttons button:hover{border:0;transform:translateY(0)}#push-notifications-widget .pn-previewer .macos-web-notification-preview{position:relative;top:40px;left:8px;display:grid;grid-template-columns:13.89fr 66.73fr 19.38fr;border-radius:8px;max-width:100%;margin:auto 25px;background-color:#f0f0f0;box-shadow:0 3px 13px 1px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-user-select:none;-moz-user-select:none;user-select:none}#push-notifications-widget .pn-previewer .macos-web-notification-preview .browser-icon{align-self:center;justify-self:center;padding:26.3% 7.73% 26.3% 17.02%;background:url(https://7gra.us/pushnotifications/assets/chrome-icon.svg);width:48px;height:48px}#push-notifications-widget .pn-previewer .macos-web-notification-preview .body{align-self:center;padding:0 2.44%;min-width:0;display:flex;flex-direction:column;justify-content:space-around}#push-notifications-widget .pn-previewer .macos-web-notification-preview .body .message-title{width:100%;font-weight:500;color:#4d4d4d;font-size:14px;letter-spacing:.5px;margin-bottom:0;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#push-notifications-widget .pn-previewer .macos-web-notification-preview .body .origin{width:100%;font-weight:500;color:#4d4d4d;font-size:1em;letter-spacing:.4px}#push-notifications-widget .pn-previewer .macos-web-notification-preview .body .message-body{width:100%;color:#4d4d4d;font-size:13px;letter-spacing:.5px;margin-bottom:0;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#push-notifications-widget .pn-previewer .macos-web-notification-preview .icon{padding:12.44%;align-self:center;justify-self:center}#push-notifications-widget .pn-previewer .macos-web-notification-preview .icon img{width:60.625px;height:60.625px}#push-notifications-widget .pn-previewer .windows-web-notification-preview{position:absolute;bottom:60px;right:-14px;display:flex;border-radius:0;max-width:32.5em;width:32.5em;margin:auto 25px;background-color:#fff;box-shadow:0 3px 13px 1px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-user-select:none;-moz-user-select:none;user-select:none}#push-notifications-widget .pn-previewer .windows-web-notification-preview .icon{align-self:flex-start;justify-self:center;flex-basis:10em}#push-notifications-widget .pn-previewer .windows-web-notification-preview .body{align-self:center;margin:.85em 1.75em;flex-basis:32em;min-width:0}#push-notifications-widget .pn-previewer .windows-web-notification-preview .body .message-title{width:100%;color:#424242;font-size:1.55em;letter-spacing:.1px;margin-bottom:0;display:inline-block;overflow:hidden;text-overflow:ellipsis}#push-notifications-widget .pn-previewer .windows-web-notification-preview .body .message-body{width:100%;line-height:1.2em;color:#424242;font-size:1.3em;letter-spacing:.3px;margin-bottom:0;display:inline-block;overflow:hidden;text-overflow:ellipsis}#push-notifications-widget .pn-previewer .windows-web-notification-preview .body .origin{width:100%;color:#919191;font-size:1.1em;letter-spacing:.1px}#push-notifications-widget .pn-previewer .windows-web-notification-preview .actions{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-right:.75em;margin-bottom:.75em}#push-notifications-widget .pn-previewer .windows-web-notification-preview .actions .close-button{color:#888;font-size:200%}#push-notifications-widget .pn-previewer .windows-web-notification-preview .actions .gear-button{width:1.75em;height:1.75em;background:url(https://7gra.us/pushnotifications/assets/gear-button.svg)}#push-notifications-widget .pn-previewer .android-device-notification{position:relative;top:280px;margin:auto;width:80%}#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview{height:95px;display:flex;justify-content:space-between;padding:16px;border-radius:2px;background-color:#fefefe;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);max-width:500px;overflow-y:hidden;transition:height .3s ease-out}#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview .header{display:flex;font-size:12px}#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview .header .android-chrome-icon{background:url(https://7gra.us/pushnotifications/assets/android-chrome-icon.svg);margin-top:3px;background-size:cover;width:13.12px;height:13.12px;margin-right:5.9px}#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview .header .app-name{margin-right:4px;color:#636363}#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview .content{margin-top:8px}#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview .content .flex.justified{justify-content:space-between}#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview .content .flex.justified .contents,#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview .content .flex.justified .title{margin-bottom:0;color:#535353;display:inline-block;overflow:hidden;width:297px;text-overflow:ellipsis;white-space:nowrap}#push-notifications-widget .pn-previewer .android-device-notification .android-notification-preview .content .large-icon{width:38px;height:38px;float:right;margin-top:-50px}#push-notifications-widget .history{display:none}#push-notifications-widget .history .history-table{width:100%;margin:0;text-align:left;background-color:#fff;border-radius:4px;border:0;line-height:27px;overflow:hidden}#push-notifications-widget .history .history-table td,#push-notifications-widget .history .history-table th{padding:0 0 0 10px}#push-notifications-widget .history .history-table thead tr,#push-notifications-widget .history .history-table tr:nth-child(2n){background-color:#ededed}#push-notifications-widget .history .history-table td a{background:url(https://7gra.us/pushnotifications/assets/push.svg);background-repeat:no-repeat;background-size:17px auto;background-position:0;padding:0 0 0 24px;color:#4ea272;font-size:12px}