canvas.svelte-5tod0y{width:100%;height:100%}article.svelte-br7mxi{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:var(--gap-size);min-height:0;min-width:0;height:100%;box-sizing:border-box}.card.svelte-br7mxi{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a}.record-list.svelte-br7mxi{position:relative;grid-column:1 / 2;grid-row:1 / 3;min-height:0;min-width:0;display:flex;flex-direction:column}.record-list.svelte-br7mxi .container{height:100%;position:relative;display:flex;flex-direction:column;gap:0px;overflow-y:auto;font-family:monospace}.record-list.svelte-br7mxi .group{position:relative;display:flex;flex-direction:column;gap:inherit;font-size:14px;color:gray}.record-list.svelte-br7mxi .group .date{position:sticky;top:0;bottom:0;background-color:#f2f2f2;padding:5px 100px 5px 15px;font-size:1.15em;font-weight:700;text-align:right}.record-list.svelte-br7mxi .content{display:flex;flex-direction:column}.record-list.svelte-br7mxi .record{display:grid;grid-template-columns:auto 100px;padding:5px 10px;border-radius:0;border-bottom:1px solid hsl(0,0%,95%)}.record-list.svelte-br7mxi .record:hover{background-color:#e8f1fc}.record-list.svelte-br7mxi .record .time{text-align:right}.record-list.svelte-br7mxi .record .views{text-align:right;font-weight:700}.video-info.svelte-br7mxi{grid-column:2 / 3;grid-row:1 / 2;display:grid;grid-template-columns:1fr;grid-template-rows:250px 1fr;height:fit-content}.video-info.svelte-br7mxi header{height:100%;max-height:100%}.video-info.svelte-br7mxi img{height:100%;width:100%;border-radius:5px;object-fit:cover}.video-info.svelte-br7mxi p{margin:0}.video-info.svelte-br7mxi .container{padding:10px;display:flex;flex-direction:column;gap:10px}.video-info.svelte-br7mxi .title{font-size:14px;text-wrap:pretty}.video-info.svelte-br7mxi .title a{text-decoration:none;color:inherit;font-weight:700;transition:.1s color ease-in-out}.video-info.svelte-br7mxi .title a:hover{color:#53a6e9;text-decoration:underline}.video-info.svelte-br7mxi .created-at{font-size:12px;color:gray;text-align:right}.tracking-info.svelte-br7mxi{font-size:14px;color:#666}.tracking-info.svelte-br7mxi time{color:#fff;background-color:gray;border-radius:3px;padding:1px 5px}.graph.svelte-br7mxi{grid-column:2 / 3;grid-row:2 / 3;display:flex;justify-content:center;align-items:center}.color-running.svelte-br7mxi{--highlight-color:hsl(204, 77%, 62%)}.color-warning.svelte-br7mxi{--highlight-color:hsl(0, 77%, 62%)}.color-completed.svelte-br7mxi{--highlight-color:hsl(120, 77%, 62%)}.color-scheduled.svelte-br7mxi{--highlight-color:hsl(263, 77%, 62%)}.badge.svelte-br7mxi{display:inline-block;padding:3px 10px;border-radius:15px;color:#fff;text-transform:uppercase;background:var(--highlight-color)}.status.svelte-br7mxi{display:grid;grid-template-columns:auto 1fr;gap:5px;justify-content:start;align-items:first baseline;font-size:13px}.quoted-box.svelte-br7mxi{--text-color:var(--highlight-color);padding:5px 10px;border-radius:0 5px 5px 0;border-left:4px var(--highlight-color) solid;background-color:rgb(from var(--highlight-color) r g b / calc(alpha - .8));color:var(--text-color);text-shadow:0px 0px 10px rgba(0,0,0,.25)}.restart-btn.svelte-br7mxi{display:block;padding:5px 10px;color:#fff;border:1px var(--text-color) solid;border-radius:5px;background-color:var(--highlight-color);box-shadow:0 5px #00000040;transform:translateY(-5px);transition:.1s transform,.1s box-shadow}.restart-btn.svelte-br7mxi:hover{cursor:pointer;background-color:red;transform:translateY(0);box-shadow:0 0 #00000040}.paginator.svelte-br7mxi{margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center;color:gray;gap:15px;padding:10px;position:sticky;top:0;bottom:0}.control.svelte-br7mxi button{padding:5px 10px;border-radius:5px;border:1px solid var(--highlight-color);background-color:rgba(from var(--highlight-color) r g b / .3);color:var(--highlight-color);text-shadow:0px 0px px rgba(0,0,0,.25);font-size:14px;font-weight:700;transition:.1s}.control.svelte-br7mxi button:hover{cursor:pointer;background-color:rgba(from var(--highlight-color) r g b / .1);transform:translateY(-3px)}.control.svelte-br7mxi button:disabled{--highlight-color: hsl(0, 0%, 50%)}