.statuspage{padding-top:40px}.statuspage #page-status{padding:12px 20px;border-radius:4px;background:#ccc;color:#fff}.statuspage #page-status.none{background:var(--success)}.statuspage #page-status.minor{background:var(--warning)}.statuspage #page-status.major{background:var(--warning-darker)}.statuspage #page-status.critical{background:var(--danger)}.statuspage #components{margin-top:40px}.statuspage .component{display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e0e0;border-bottom:none;padding:12px 20px}.statuspage .component:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.statuspage .component:last-child{border-bottom:1px solid #e0e0e0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.statuspage .component.operational .component-status{color:var(--success)}.statuspage .component.minor .component-status{color:var(--warning)}.statuspage .component.major .component-status{color:var(--warning-darker)}.statuspage .component.critical .component-status{color:var(--danger)}.statuspage .component .component-description{margin-top:10px;font-size:14px;color:#999}.statuspage h3{margin-top:0}.statuspage .incident h4.minor{color:var(--warning)}.statuspage .incident h4.major{color:var(--warning-darker)}.statuspage .incident h4.critical{color:var(--danger)}.statuspage .incident .update{display:flex;margin-bottom:20px}.statuspage .incident .update-title{min-width:120px}.statuspage .incident .timestamp{margin-top:4px;font-size:14px;color:#999}.statuspage .sidesheet-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(24,48,85,.3)}.statuspage .sidesheet{z-index:2000;padding:12px 24px;border-left:1px solid #d4dadf}.statuspage .sidesheet .close{position:absolute;top:10px;right:20px;font-size:1.7rem;color:#666}.subscribe-form{max-width:400px}.subscribe-form button,.subscribe-form input{width:100%}.subscribe-form input{display:block;margin-bottom:16px;padding:4px 8px}.subscribe-form p{margin-top:10px;color:var(--success)}.subscribe-form p.danger{color:var(--danger)}.chart{position:relative;margin-bottom:30px;border:1px solid #e0e0e0;border-radius:4px;padding:20px 30px}.chart .mean{position:absolute;top:20px;right:30px;font-weight:400;color:#999}.timescales{float:right}.timescales button{font-size:14px;color:#999}.timescales button.isActive{font-weight:700;color:#333}