.outage-notification{padding:20px;background:#ffffffa6;border:2px solid #000;border-radius:10px;box-shadow:0 0 15px 3px #000;margin:20px 0;max-width:440px}#ofnlcompare #incidents div#hero.ofnl-explained .inner .outage-notification h2{margin-top:0;color:#333}#ofnlcompare #incidents div#hero.ofnl-explained .inner .outage-notification h3,#ofnlcompare #incidents div#hero.ofnl-explained .inner .outage-notification label{color:#333}#ofnlcompare #incidents div#hero.ofnl-explained .inner .outage-notification h3{font-size:14px;margin:0 0 5px}#ofnlcompare #incidents div#hero.ofnl-explained .inner .outage-notification form div{position:relative}#ofnlcompare #incidents div#hero.ofnl-explained .inner .outage-notification input{height:40px;margin:5px 0;border-radius:5px;border:2px solid #28a745;width:100%;font-size:18px;padding-left:10px;padding-top:4px}#ofnlcompare #incidents div#hero.ofnl-explained .inner .outage-notification p{font-size:13px;color:#000;font-weight:600;background:#ffffffad;padding:10px;border-radius:10px;text-align:center}#ofnlcompare #incidents div#hero.ofnl-explained .inner .outage-notification button{background:#28a745;border:2px solid #28a745;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;min-height:47px;padding:0 20px;width:100%;margin-top:6px;font-size:16px;font-family:Lato;font-weight:600}#ofnlcompare .ofnl-explained .inner p.error{margin:0;font-size:11px;font-weight:600;color:red;position:absolute;right:9px;width:47%;display:flex;height:40px;top:5px;align-items:center;text-align:right;justify-content:flex-end;font-family:Lato,arial,sans-serif}@keyframes pulse{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(.9)}}#ofnlcompare #incidents div#hero.ofnl-explained .inner{flex-direction:row;gap:40px;align-items:center}#ofnlcompare #incidents div#hero.ofnl-explained .inner .incidents-text{max-width:50%}#ofnlcompare .inner.incidents-page p.breadcrumbs{font-size:16px!important;margin-bottom:20px}#ofnlcompare .inner.incidents-page{flex-direction:column;padding:20px}#ofnlcompare .inner.incidents-page .incident-card{border:1px solid #f0f0f0;border-radius:10px;margin-bottom:30px;padding:20px;box-shadow:-2px 1px 10px #c5c5c5}#ofnlcompare .inner.incidents-page .incident-card h3{margin-top:0;display:flex;justify-content:space-between;border-bottom:1px solid #e9e9e9;padding-bottom:15px}#ofnlcompare .inner.incidents-page .incident-card ul{margin-bottom:0}#ofnlcompare .inner.incidents-page p.incidents-summary{margin-bottom:25px}#ofnlcompare .inner.incidents-page .incidents-archive{margin-bottom:30px;text-align:center}#ofnlcompare .inner.incidents-page .incidents-archive button{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:10px;cursor:pointer;display:inline-flex;font-size:16px;gap:8px;justify-content:center;padding:12px 24px}#ofnlcompare .inner.incidents-page .incidents-archive button:disabled{cursor:default;opacity:.6}#ofnlcompare .inner.incidents-page .incident-card span.ongoing{background:#d61414;box-shadow:0 0 10px 0 #6d0404}#ofnlcompare .inner.incidents-page .incident-card span.ongoing,#ofnlcompare .inner.incidents-page .incident-card span.resolved{animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:pulse;border-radius:50px;height:20px;margin-right:8px;width:20px;display:block}#ofnlcompare .inner.incidents-page .incident-card span.resolved{background:#44a924;box-shadow:0 0 10px 0 #057f05}@media only screen and (max-width:800px){#ofnlcompare div#hero.ofnl-explained .inner h1{font-size:24px}#ofnlcompare div#hero.ofnl-explained .inner h2{font-size:16px;font-weight:400}#ofnlcompare div#hero.ofnl-explained .inner .outage-notification h2{font-weight:600;font-size:18px}#ofnlcompare #incidents div#hero.ofnl-explained .inner .incidents-text{max-width:100%}#ofnlcompare #incidents div#hero.ofnl-explained .inner{flex-direction:column}}