@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg: #212121;--card: #2b2b2b;--muted: #4b4b4b;--text: #c4c4c4;--light: #e6e6e6;--default-padding-x: 1.5rem;--mobile-padding-x: .25rem}*{margin:0;padding:0}body{font-family:Roboto;margin:0;background:var(--bg);color:var(--text);padding:var(--default-padding-x) 3rem}button,select,input{border:none;padding:4px 6px;background-color:var(--muted);color:var(--text);font-family:Roboto Mono}button:hover,select:hover{cursor:pointer;filter:brightness(90%)}header{display:flex;align-items:center;justify-content:space-between}input:not:first-child{margin-left:8px}.controls button{margin-left:8px}.columns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}.card{background:var(--card);border-radius:8px;padding:12px;box-shadow:0 1px 4px #0000000f;overflow:scroll}.card-header{display:flex;gap:16px;margin-bottom:16px}.card-header input{max-width:30ch}.card-header input,.card-header select{flex:1;min-width:10ch}.card-header .destructive{margin-left:auto}.card-body{font-size:14px;width:max-content}.info-details{display:flex;justify-content:space-between;width:calc(100vw - calc(var(--default-padding-x) * 4))}.time{font-weight:600}.time,.tz-info{font-family:Roboto Mono}.destructive:hover{color:red}.view-mode-container{max-width:100%;overflow-x:auto}.timeline{display:flex;gap:6px;margin-top:10px;padding-bottom:6px}.overflow-x-auto{overflow-x:auto}.vertical-spacing{padding-bottom:1rem}.sticky{position:sticky;left:0;width:inherit}.block{min-width:56px;border-radius:6px;background:var(--muted);padding:4px 6px;text-align:center;box-shadow:inset 0 -1px #00000005}.block-time{font-size:12px;color:var(--text)}.block-current,.block-current>p{background:#0a8cd1;color:var(--bg)}.block-hour{font-weight:600;margin-top:4px}.day-boundary,.day-boundary>p{background:#d2600f;color:var(--bg)}@media (max-width: 500px){body{padding:var(--mobile-padding-x) .5rem}h1{display:none}.controls{font-size:12px;margin-top:.5rem;display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.controls button{margin-left:0}.info-details{flex-direction:row;justify-content:space-between;width:calc(100vw - calc(var(--mobile-padding-x) * 4))}}