.app{position:fixed;overflow-x:auto;overflow-y:visible;width:100vw;height:auto;max-height:100vh}.grid{position:relative}.agent__column{position:sticky;left:0;display:flex;align-items:center;width:var(--agent-column-width);height:27px;padding-left:var(--agent-column-padding);font-size:var(--font-size-regular);font-weight:500;color:var(--teleforce-600);background-color:var(--teleforce-950);border-left:var(--border);border-right:var(--border)}.row{position:relative;display:flex;width:min-content;height:80px;background-color:var(--teleforce-950);border-bottom:var(--border);border-right:var(--border)}.cells__container{position:relative;display:flex}.cell{width:var(--cell-width);border-right:var(--border)}.cell:last-of-type{border-right:none}.activity{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;height:55px;margin:auto;padding-left:9px;border-radius:3px;line-height:1.2em}.activity__type{font-size:var(--font-size-regular);font-weight:400;color:#fff}.activity__time{font-size:var(--font-size-small);font-weight:400;color:#a0a0a0}.agent__info--container{position:sticky;left:0;display:flex;flex-direction:column;justify-content:center;height:80px;width:var(--agent-column-width);padding:0 var(--agent-column-padding);background-color:var(--teleforce-950);border-right:var(--border);border-left:var(--border);border-bottom:var(--border);color:#fff;z-index:9;line-height:1.2em}.agent__info--name{font-size:var(--font-size-regular);font-weight:400;color:#fff}.agent__info--team{font-size:var(--font-size-small);font-weight:400;color:var(--teleforce-600)}.tracker-line{position:absolute;top:0;left:var(--agent-column-width);width:2px;background:var(--alt-1);box-shadow:2px 0 4px #00000080;z-index:2}.header{background-color:var(--teleforce-950);color:#fff}.header__filters{display:flex;justify-content:space-between;align-items:center;padding:16px var(--agent-column-padding)}.day_filter{display:flex;align-items:center;justify-content:space-between;width:220px}.day_filter__text{font-size:24px;font-weight:500}.timeline{position:sticky;top:0;display:grid;grid-template-columns:auto 1fr;width:max-content;height:30px;background-color:var(--teleforce-950);border-bottom:var(--border);border-right:var(--border);box-shadow:1px 0 5px rgba();z-index:10}.timeline__times-container{display:flex;align-items:center}.tracker-time__container{position:absolute;top:1px;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center}.tracker-time__text{position:relative;color:var(--alt-1);font-size:var(--font-size-regular);font-weight:500;text-align:center}.time__container{display:flex;align-items:center;justify-content:flex-start;width:var(--cell-width)}.time__container:last-of-type{width:49px;margin-left:-50px}.time_text{margin-left:-5%;font-size:var(--font-size-regular);font-weight:400;text-align:center;color:var(--teleforce-600)}.time_text.first-of-type{width:100px}@font-face{font-family:teleforce-sans;src:url(/assets/teleforce-sans-regular-COnPDcWl.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:teleforce-sans;src:url(/assets/teleforce-sans-medium-Dwkqld9k.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:teleforce-sans;src:url(/assets/teleforce-sans-bold-CP9rpBa5.ttf) format("truetype");font-weight:700;font-style:normal}:root{font-family:teleforce-sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--agent-column-width: 200px;--agent-column-padding: 32px;--header-height: 178px;--cell-width: 400px;--border: #535353 solid 1px;--grey-4: #535353;--grey-7: #a0a0a0;--grey-8: var(--teleforce-700);--alt-1: #2196f3;--alt-2: #ff0000;--alt-3: #32bf38;--font-size-small: .75rem;--font-size-regular: 1rem;--teleforce-50: #ffffff;--teleforce-100: #f9f9f9;--teleforce-200: #f0f0f1;--teleforce-300: #e4e4e6;--teleforce-400: #d1d1d4;--teleforce-500: #b9bac0;--teleforce-600: #93949d;--teleforce-700: #757682;--teleforce-725: #5d5e66;--teleforce-750: #45454a;--teleforce-800: #3d3d42;--teleforce-900: #343438;--teleforce-950: #2c2c2f;--teleforce-975: #28282a;--teleforce-blue: #2196f3}*{margin:0;padding:0;box-sizing:border-box;outline:none}html,body{overscroll-behavior-y:none;overscroll-behavior-x:none}::-webkit-scrollbar{height:10px;width:10px;background:#000}::-webkit-scrollbar-thumb{background:var(--grey-4);border-radius:8px}::-webkit-scrollbar-corner{background:#000}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}