#event-details{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;overflow-y:auto}#event-details .rows{margin:8px 0;border-top:1px solid var(--grey-92);border-bottom:1px solid var(--grey-92)}#event-details .row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}#event-details .row .left{font-weight:900}#event-details .row .right{color:var(--grey-60)}#event-details .row .uppercase{text-transform:uppercase}#event-details .buttons{display:flex;justify-content:space-between;align-items:center;gap:16px}#event-details .buttons button{width:100%}.events{width:100%;border-radius:8px;box-sizing:border-box;padding:12px;cursor:pointer;position:relative;transition:border-color .25s ease-in-out;border:1px solid var(--grey-92);display:flex;flex-direction:column;gap:4px}.events:hover{border-color:var(--grey-60)}.events.selected{border-color:var(--dark)}.events .top{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase}.events .description{color:var(--grey-60)}.events .left{display:flex;align-items:center;gap:8px}.events .type-indicator{width:6px;height:4px;background:var(--blue);display:inline-block;border-radius:2px}.events .type-indicator.info:before{background:var(--blue)}.events .type-indicator.success:before{background:var(--green)}.events .type-indicator.warning:before{background:var(--yellow)}.events .type-indicator.error:before{background:var(--red)}.events.not-read .top,.events.selected .top{font-weight:900}#login{max-width:300px;margin:auto;display:flex;flex-direction:column;gap:20px}#login h1{margin:0}#login input{height:42px;padding:0 20px;outline:none;border-radius:4px;width:100%;box-sizing:border-box;border:1px solid var(--grey-60)}#login button{background:var(--dark);color:var(--light);border:0;height:42px;width:100%;border-radius:4px;font-family:JetBrainsMono,Courier,monospace;font-weight:900;text-transform:uppercase}#login button:hover{cursor:pointer}#onboarding{display:flex;flex-direction:column;gap:32px;width:100%;max-width:500px;margin:auto}#onboarding h2{margin:0}#onboarding .save-key{display:flex;flex-direction:column;gap:8px}#onboarding .save-key div{display:flex;gap:16px}#onboarding .save-key div button{width:100%;height:40px;border:0;border-radius:4px;background:var(--dark);color:var(--light);text-transform:uppercase}#onboarding .enable-notifications{display:flex;flex-direction:column;gap:8px}#onboarding .enable-notifications div{display:flex;gap:16px}#onboarding .enable-notifications div button{width:100%;height:40px}#onboarding .enable-notifications div button:disabled{background:#e3fff8;border:0}#onboarding .first-notification{display:flex;flex-direction:column;gap:8px}#onboarding .first-notification pre{background:var(--dark);color:var(--light);padding:20px;overflow-x:scroll;border-radius:4px;margin:0}#signup{max-width:300px;margin:auto}#signup h1{margin:0}#signup p{line-height:190%;padding:20px 0}#signup button{background:var(--dark);color:var(--light);border:0;height:42px;width:100%;border-radius:4px;font-family:JetBrainsMono,Courier,monospace;font-weight:900;text-transform:uppercase}#signup button:hover{cursor:pointer}@font-face{font-family:JetBrainsMono;src:url(/assets/light-Bgq2Dg64.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/assets/extra-bold-D7I5JnSP.woff2) format("woff2");font-weight:900}:root{font-family:JetBrainsMono,Courier,monospace;line-height:1.5;font-weight:400;font-size:12px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--light: hsl(0, 0%, 100%);--dark: hsl(250, 15%, 15%);--grey-99: hsl(240, 40%, 99%);--grey-92: hsl(230, 30%, 92%);--grey-60: hsl(230, 10%, 60%);--blue: hsl(270, 100%, 50%);--green: hsl(165, 100%, 50%);--yellow: hsl(50, 100%, 50%);--red: hsl(20, 100%, 50%)}html,body{margin:0;padding:0;width:100%;color:var(--dark);background:var(--grey-99)}body{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--grey-97)}header{width:100%;max-width:600px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:0 16px 0 0;position:sticky;top:0;background:var(--light);border-bottom:1px solid var(--grey-92);z-index:10}header select{border:0;padding:16px;background:transparent}button{font-family:JetBrainsMono;font-weight:900;font-size:12px;text-transform:uppercase;line-height:32px;border:0;background:var(--dark);color:var(--light);transition:opacity .15s ease-in-out;outline:none;border-radius:4px}button.red{background:var(--red)}button:hover{opacity:.8;cursor:pointer}main{width:100%;max-width:600px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--light)}@media (min-width: 600px){header,main{border-left:1px solid var(--grey-92);border-right:1px solid var(--grey-92)}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*:focus{outline:none!important}