.locked{position:relative;width:100%;height:100%}.locked,.locked-text{display:flex;justify-content:center;align-items:center}.locked-text{position:absolute;color:hsl(0,0%,85%);font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .25s}.locked-text:hover{color:hsl(0,0%,100%);text-decoration:underline}.dashboard-container{display:grid;padding:0 40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:.8em;gap:.8em;margin-top:3rem;height:82.5vh;width:100%}.dashboard-container>*{min-width:0;min-height:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:.8em;gap:.8em}.stats-grid>div{display:flex;flex-direction:column;background-color:hsl(0,0%,8%);border-radius:1.2em;border:1px solid hsl(0,0%,10%);padding:1.2rem 1.5rem;font-size:1rem;height:100%}.graph-display{display:flex;align-items:center;justify-content:space-evenly;width:100%;height:100%}.graph-display button svg{width:25}.graph-display .arrow-btn{display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;height:auto;padding:12px;border-radius:10px;background-color:#141414}.graph-display button:hover{background-color:hsl(0,0%,10%)}.graph-display button:disabled,.graph-display button:disabled:hover{background:none;cursor:default}.graph-display button:disabled .arrow-right{fill:hsl(0,0%,50%)}.graph-text{padding:0 1.5rem;width:100%}.date{font-size:1em;color:hsl(0,0%,75%)}.total-time{font-size:1.8em;color:hsl(0,0%,95%);font-weight:400;margin-top:-3px}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header .menu-dots:hover{background-color:hsl(0,0%,12%)}.card-header .menu-dots:active{background-color:hsl(0,0%,9%)}.card-header .menu-dots{display:flex;align-items:center;justify-content:center;height:2.4rem;width:2.4rem;border-radius:4px;padding:4px;transition:all .25s ease;cursor:pointer;background:none}.card-header .menu-popover,.menu-dots.open{background-color:hsl(0,0%,14%)}.card-header .menu-popover{position:absolute;font-size:.8rem;font-weight:300;padding:1rem;border-radius:4px;width:160px;margin-top:2px;z-index:3;box-shadow:0 4px 16px rgba(0,0,0,.45)}.menu-popover button svg{height:16px}.menu-popover button{display:flex;align-items:center;width:100%;text-align:left;gap:6px;padding-left:.5rem;height:-moz-fit-content;height:fit-content;background-color:hsl(0,0%,25%)}.menu-popover button:hover{background-color:hsl(0,0%,23%)}.menu-popover button:active{transform:scale(.985);background-color:hsl(0,0%,20%)}.icon-text-group{display:flex;align-items:center;gap:6px}.event-graph-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:28px;height:100%;width:100%;background-color:hsl(0,0%,8%);border-radius:20px;padding:1.6em .8em;z-index:101}.event-graph-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 3rem 0 3.6rem}.graph-text.events{padding:0}.graph-display.event-graph{flex:1 1;min-height:0}.graph-grid{padding:8px 12px 8px 0;display:grid;grid-template-columns:60px 1fr;grid-template-rows:repeat(19,24px);grid-row-gap:8px;row-gap:8px;align-items:flex-flex-start;height:100%;max-height:100%;width:100%;overflow-y:auto;overflow-x:hidden}.time-label{justify-content:center;height:100%;color:hsl(0,0%,45%);font-size:1rem;text-align:right}.events-cell,.time-label{display:flex;align-items:center}.events-cell{position:relative;height:28px}.cell-line{width:100%;height:1px;background:hsl(0,0%,25%);border-radius:10px}.event-bar{transition:all .25s ease;display:flex;align-items:center;justify-content:space-between;height:100%;border-radius:4px;padding:0 10px;font-size:12px;font-weight:400;color:hsl(0,0%,90%);box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;min-width:0}.event-bar:hover{cursor:pointer;padding:0 12px}.event-bar .duration{font-weight:300;flex-shrink:0}.event-bar .tooltip{display:flex;flex-direction:column;visibility:hidden;opacity:0;top:140%;background:hsl(0,0%,16%);color:hsl(0,0%,100%);padding:8px 12px;gap:.25rem;border-radius:4px;font-size:12px;white-space:nowrap;z-index:50;transition:opacity .25s ease-in-out;pointer-events:none}.event-bar .tooltip,.event-bar .tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.event-bar .tooltip:after{content:"";top:-10px;border:5px solid transparent;border-bottom-color:hsl(0,0%,16%)}.event-bar:hover .tooltip{visibility:visible;opacity:.85}.icon-text-group.eventbar-time svg{width:13px}.dashboard-container .popover{display:flex;flex-direction:column;gap:1.2rem;position:absolute;width:400px;top:3%;right:0;transform:translate(95%);z-index:102;border-radius:8px;background-color:#1f1f1f;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:1.4rem;color:hsl(0,0%,80%);opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;visibility:hidden}.popover.visible{opacity:1;pointer-events:auto;visibility:visible}.input-field-container{display:flex;flex-direction:column;gap:1rem}.input-field{display:flex;align-items:center;width:100%;gap:1rem}.time-input-container{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:200}.time-input{display:flex;width:4rem;background:none;border:1px solid hsl(0,0%,60%);border-radius:8px;padding:6px 8px;box-sizing:content-box;transition:all .1s}.time-input:focus{outline:3px solid hsl(0,0%,70%);outline-offset:-1px;color:white}.input-field.description{align-items:flex-flex-start}.description-input{border-radius:4px;width:100%;min-height:3rem;padding:.6rem;border:none;outline:none;background-color:hsl(0,0%,8%);resize:vertical;transition:outline .1s;color:white;font-weight:300}.description-input:focus{outline:2px solid hsl(0,0%,70%)}.dashboard-container .dropdown-container{align-items:flex-start;justify-content:flex-start;width:auto}.dashboard-container .dropdown-button{padding:6px 6px 6px 12px;border-radius:8px;outline:1px solid hsl(0,0%,60%);outline-offset:0}.dashboard-container .dropdown-button.selected{color:hsl(0,0%,90%)}.dashboard-container .dropdown-button.open{outline:2px solid hsl(0,0%,70%);outline-offset:-1px;background-color:hsl(0,0%,12%)}.dashboard-container .dropdown-button.open:hover{background-color:hsl(0,0%,10%)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.25);opacity:0;z-index:100;transition:all .25s;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;visibility:hidden}.overlay.visible{opacity:1;pointer-events:auto;visibility:visible}.add-session-header{display:flex;width:100%;align-items:center;justify-content:space-between}.dashboard-container .icon-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:4px;background:none;padding:0}.icon-button:hover{background-color:hsl(0,0%,11%)}.icon-button:active{background-color:hsl(0,0%,9%)}.graph-grid::-webkit-scrollbar{width:6px}.graph-grid::-webkit-scrollbar-thumb{background:hsl(0,0%,10%);border-radius:12px}.graph-grid:hover::-webkit-scrollbar-thumb{background:hsl(0,0%,30%)}.graph-grid::-webkit-scrollbar-track{background:none}.error{margin-top:-16px;font-weight:300;color:#db5a42;transition:all .25s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;visibility:hidden}.error.visible{margin-top:-6px;opacity:1;pointer-events:auto;visibility:visible}.add-button-container{display:flex;width:100%;justify-content:end}.popover .add-btn{display:flex;background-color:hsl(0,0%,23%);border-radius:4px;padding:8px 20px}.popover .loader.loading{translate:15px}.popover .add-txt{font-weight:400;translate:-6px}.popover .add-btn:hover{background-color:hsl(0,0%,20%)}.popover .add-btn:active{background-color:hsl(0,0%,18%)}.popover .add-btn:disabled{pointer-events:none;opacity:.6;cursor:not-allowed}