@font-face{font-family:LiberationSans;src:url(/LiberationSans-Regular.woff2) format("woff2");font-weight:400}:root{--gray: rgb(221, 221, 221);--topbar-height: 5em;--sidebar-width: 355px;--text-color: #727272;--darker-text-color: #3a3a3a;--blue: #5c76f5;--blue2: #4d66e2;--blue3: #344cc2;--dark: #505050;--dark2: #505050;--dark3: #505050;--green: #98d177;--red: #e06161}*{margin:0;font-family:LiberationSans}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:gray;text-decoration:none}a:hover{color:#000}button{background:none}button:hover:enabled{cursor:pointer}#page{display:flex;height:100vh;max-width:100vw;overflow-x:hidden}#page #content{display:flex;flex-direction:column;flex-grow:1;background-color:#f2f3f8;max-width:100vw;max-height:100vh;overflow-y:scroll;overflow-x:hidden}.unselectable{user-select:none}.divider{width:100%;border-bottom:1px solid var(--gray);margin:8px 0}input[type=text],input[type=password],input[type=email]{height:1.8rem;padding:4px 10px;border:none;outline:1px solid silver;color:var(--text-color);border-radius:8px;transition:all .02s ease;color:#3a3a3a}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{outline:2px solid var(--blue)}input[type=text]:invalid.touched,input[type=password]:invalid.touched,input[type=email]:invalid.touched{outline:2px solid red}input[type=text]:disabled,input[type=password]:disabled,input[type=email]:disabled{color:gray}.online-tag{margin:.6em 1.85em;font-size:small;background-color:var(--green);color:#fff;padding:4px 9px;border-radius:25px;user-select:none}.offline{background-color:var(--red)}.cropper-modal{background-color:#fff}.toast{font-size:1.35rem;user-select:none;padding:1rem;border-radius:10px;color:#fff}.toast.success{background-color:#98d177}.toast.error{background-color:var(--red)}.toast:hover{cursor:pointer}.toast-close{border:none;color:#ebebeb;margin-left:.2em}.toast-close:after{display:inline-block;content:"×";font-size:1.6rem}#login-help{position:absolute;right:0;bottom:0;margin:1em 2em;display:flex;gap:.8em}#login-help button{font-size:1.2rem;padding:.5em 1.5em;background-color:#9e9e9e;color:#fff;border-radius:20px;transition:all ease .2s}#login-help button:hover{background-color:#000;color:#fff}.gray-button{margin:0;padding:.7em;background-color:#e9e9e9;color:#474747;border:none;border-radius:5px}.gray-button:disabled{background-color:#dfdfdf;color:#fff}.gray-button.red{background-color:var(--red);color:#fff}#sidebar{background-color:#222020;min-width:var(--sidebar-width);color:#d3d3d3;display:flex;flex-direction:column}#sidebar-header{height:var(--topbar-height);background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}#sidebar-header img{height:50%;margin:0 3em}#sidebar-header img:hover{cursor:pointer}#sidebar-profile{display:flex;align-items:center}#sidebar-profile img{width:4.5em;margin:1.5em 1.1em 1.5em 2.8em}#sidebar-profile h2{font-size:1.2rem}#sidebar-profile p{color:#8d8d8d;font-size:1rem}#sidebar-buttons{width:100%;display:flex}#sidebar-buttons a{color:gray;background:none;width:100%;border:1px solid rgb(49,49,49);text-align:center;padding:.9em 0;font-size:.9rem;transition:all ease .1s}#sidebar-buttons a:hover{--border-color: lightgray;color:#d3d3d3;cursor:pointer}#sidebar-bottom{flex:1;display:flex;flex-direction:column;justify-content:space-between}#sidebar-links{width:100%;display:flex;flex-direction:column;align-items:center;margin:1em 0;gap:.44em}#sidebar-links a{display:flex;flex-direction:column;align-items:center;color:gray;width:95%;padding:.5em 0;text-align:center;min-height:1.5em;justify-content:center;text-decoration:none;transition:all .1s ease;font-size:1.05rem;border-radius:10px}#sidebar-links a.selected{background-color:#e2e2e2;color:#1f1f1f}#sidebar-links a:hover{background-color:#999;color:#1f1f1f}#sidebar-links a.selected:hover{background-color:#e2e2e2;color:#1f1f1f}#sidebar-links a:active{background-color:#747474}#sidebar-links a.selected:active{background-color:#c5c5c5}@media (max-width: 768px){#sidebar{display:none;position:absolute;margin-left:0;z-index:2}}#sidebar-help{width:100%;display:flex;margin:1.2em 0}#topbar{min-height:var(--topbar-height);background-color:#fff;border-bottom:1px solid var(--gray);display:flex;justify-content:space-between;align-items:center;position:relative}#topbar-right{display:flex;justify-content:space-between;flex-grow:1}#topbar button{border:none;margin:0 0 0 1px;padding:.6em 1em;font-size:.95rem;height:100%;color:#535353;text-align:left}#topbar button p{font-size:.9rem}#topbar button:hover{cursor:pointer}#topbar p{font-size:1.4rem;margin:0 .4em}#topbar a{margin-right:1.5em;display:flex;align-items:center}#topbar a:hover{color:#424242}#login-page{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f8f8}#login-card{width:30em;max-width:90%;display:flex;flex-direction:column;align-items:center;padding-bottom:4em}#logo-wrap{margin:1em 0;width:100%}#login-card img{height:2.3em}#login-card h1{font-size:.9rem;margin:.8em 0 0;color:#868686}#login-inputs{margin:1em 0;display:flex;flex-direction:column;width:100%}#login-inputs input,button{margin:0 0 1em}#login-card a{color:var(--blue)}#login-card .divider{margin:.3em 0}#login-card input{color:#7a7a7a}#login-inputs button{background-color:#2e2e2e;color:#fff;border:none;font-size:.9rem;padding:.8em;text-align:left;margin-top:.3em}#login-inputs .errortext{color:red;margin:0 0 8px}#login-inputs #resend-email-link{margin-bottom:5px}#login-inputs #resend-email-link:hover{cursor:pointer}#box-table{margin-top:1em}#devices-buttons{margin:1em 1.5em 0;display:flex;justify-content:space-between;align-items:center}#devices-buttons button{margin-left:1em;border-radius:0}.box-card{display:flex;justify-content:space-between;background-color:#fff;padding:1.3em 2em 1.3em 2.3em;margin:.8em 1.5em;border:1px solid rgb(219,219,219);color:var(--text-color);box-shadow:0 0 7px #dadada}.box-card div{display:flex;align-items:center;gap:0 40px}.box-card .box-card-buttons{display:flex;align-items:center;gap:15px}.box-card .box-card-buttons button,.box-card p{margin:0}.box-card .details-button{margin:0;padding:.7em;background-color:#e9e9e9;color:#474747;border:none;border-radius:5px}.box-card .restart-button:disabled{background-color:#dfdfdf;color:#fff}.box-card .restart-button{margin:0;padding:.7em;background-color:#e9e9e9;color:#474747;border:none;border-radius:5px}.box-card .details-button:disabled{color:#fff;background-color:#dfdfdf}.box-card .remove-button{margin:0;padding:.7em;background-color:var(--red);color:#fff;border:none;border-radius:5px}.box-card .remove-button:disabled{background-color:#d1d1d1}#add-modal form div{flex-grow:1}#add-modal form p{margin:5px 0}#add-modal form input{width:90%}#add-modal form{display:flex;flex-direction:column;gap:12px;margin:1em 0}#add-modal-buttons{display:flex;margin-top:1em;gap:1em}#add-modal-buttons button{margin:0}#remove-modal-buttons button{margin:1em 1em 1em 0}@media (max-width: 768px){.box-card{margin:0;padding:1em 20px}.box-card div{gap:0 20px}.box-card-buttons .restart-button,.box-card .boxname{display:none}#add-modal{width:90vw}}.modal{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:#3e3e4296;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal .card{width:500px;max-width:100vw;box-shadow:none;font-size:1rem;color:#3f3f3f}.modal .card h2{margin-top:.6em}.modal-close{border:none;color:gray;margin:.9em 0}.modal-close:after{display:inline-block;content:"×";font-size:2.4rem}.modal-top{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #e4e4e4;margin-bottom:1em}.modal-top h2{margin:1em 0 .9em;color:var(--darker-text-color)}@media (max-width: 768px){.modal-card{font-size:.9rem;margin:1.5em!important;padding:1.4em 3.2em 1.4em 2.3em!important;box-shadow:0 0 7px #e4e4e4;width:80vw!important}}#profile-wrap,#change-pw-inputs{display:flex;flex-direction:column}#change-pw-inputs input{margin:.5em 0;width:20em}#change-pw-inputs button{margin:0;width:12em}#change-pw-inputs .two-columns{margin:0}.card{background-color:#fff;color:var(--text-color);font-size:.9rem;margin:1.5em;padding:1.4em 3.2em 1.4em 2.3em;box-shadow:0 0 7px #e4e4e4;max-width:100%}.card h1{font-weight:400;font-size:1.7rem;margin:.5em 0;color:#494949}.card h3{display:block;font-size:1.17em;font-weight:400;color:#727272;margin:1em 0}.card .two-columns{margin:1.6em 0;width:100%;display:flex}.card .two-columns>*:first-child{width:18.5%;height:2em;display:flex;flex-direction:column;justify-content:center;height:1.8em;padding:4px 0}.save-button{font-size:medium;color:#fff;background-color:var(--blue);padding:10px 19px;border-radius:5px;margin:10px 0;user-select:none;border:none;transition:all .1s ease}.save-button:hover{background-color:var(--blue2)}.save-button:active{background-color:var(--blue3)}.save-button:disabled{background-color:#afafaf;transform:scale(1);cursor:auto}.save-button.red{background-color:#e95151}.save-button.red:hover{background-color:#ce3b3b}.save-button.red:active{background-color:#b82a2a}.save-button.green{background-color:#92c774}.save-button.green:hover{background-color:#81b662}.save-button.green:active{background-color:#73a556}.save-button.green:disabled{background-color:#afafaf;transform:scale(1);cursor:auto}.save-button.gray{background-color:#b8b8b8}.save-button.gray:hover{background-color:#969696}.save-button.gray:active{background-color:#858585}.save-button.gray:disabled{background-color:#ddd}.save-button.dark{background-color:#353535}.save-button.dark:hover{background-color:#2b2b2b}.save-button.dark:active{background-color:#1f1f1f}.save-button.dark:disabled{background-color:#8d8d8d}.card input[type=text],.card input[type=email]{flex-grow:1}.card input[type=range]{width:75ch;accent-color:var(--blue)}.card input[type=radio],.card input[type=checkbox]{accent-color:var(--blue);vertical-align:middle}.card label{margin:0 2em 0 1em}.card nav label{margin:0}.card .colorpicker{height:2.4em;width:3.6em;background-color:red;border:1px solid silver}.card input[type=color]{border:none;height:2.6em;width:4em;padding:0;margin:0}@media (max-width: 768px){.card{margin:0 0 1em;padding:1.2em}.two-columns{display:flex;flex-direction:column;gap:1em}.card .two-columns{margin:1em 0}.card .two-columns>*:first-child{width:100%}#cropping-card{padding:.5em .5em 2em}}.toggle-wrap{display:flex;align-items:center;margin:0 2em 0 0;user-select:none}.toggle label{display:block;width:54px;height:32px;margin:0 auto;border-radius:100px;background-color:#e6e9ec;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.toggle input{display:none}.toggle .checked{background-color:#5b76fc}.toggle i{height:28px;width:28px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:2px;pointer-events:none;box-shadow:0 0 #0000;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.toggle label:hover{cursor:pointer}.toggle label .checked{margin-left:24px;background-color:#fdfcfc}#clock-checkboxes{display:flex;gap:4em;margin:1.6em 0 0;user-select:none}#timeclock-select{display:none}@media (max-width: 768px){#clock-checkboxes{flex-direction:column;gap:10px}#timeclock-tabs{display:none}#timeclock-select{display:block;margin:10px 0 0}#timeclock-select label{margin-left:0;font-size:1rem}#timeclock-select select{font-size:1rem}#clock-checkboxes{margin-top:1em}}.status-columns{Bezei display: flex}.status-columns p{line-height:50px;margin-right:4em}#streaming-checkboxes p{margin-left:10px;margin-top:-4px}#streaming-checkboxes div{margin:4px 0;display:flex;align-items:center}#streaming-checkboxes input{margin:0 2px 0 6px}.card-header{display:flex;align-items:center}#restart-buttons button{margin:1em 1em 1em 0}#restart-button{font-size:.9rem;padding:10px}#tickets{display:flex;align-items:center}#cutting-wrap{display:flex;flex-direction:column;min-height:70vh}#cutting-tabs-wrap{width:50em;max-width:100%;margin-bottom:1em}.cropping-buttons{margin:1.5em 0;display:flex;gap:1em}.cropping-buttons button{display:inline-block;width:8em;margin:.5em 0}.cropping-buttons label{margin:0}#tickets-wrap{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1b1b1b8a;z-index:1000;display:none}#ads-cropperjs-wrap{width:50%}#ads-cropperjs-wrap img{display:block;max-height:60vh;max-width:100%}#cropperjs-wrap{width:50%}#cropperjs-wrap img{display:block;max-height:60vh;max-width:100%}#preview{position:absolute;right:0;bottom:0;margin:1.5em;z-index:999}#preview button{margin:0;font-size:1.25rem}.radio-group{display:flex;align-items:center}#feature-radios{margin:2em 0 1.5em}@media (max-width: 768px){.card input[type=range],#ads-cropperjs-wrap,#cropperjs-wrap{width:100%}.cropping-buttons{display:flex;flex-direction:column;gap:0;margin:0}}#tickets-window{width:70%;height:90%;background-color:#fff;border:1px solid silver;display:flex;flex-direction:column;color:#686868}#tickets-window p{width:8em;margin-left:.2em}@media (width <= 1250px){#tickets-window{width:0%}}#tickets-top{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #e4e4e4}#tickets-bottom{border-top:1px solid #e4e4e4;padding:1em 2.4em;display:flex;justify-content:space-between}#tickets-bottom button{margin:1em 1em 1em 0}#tickets-bottom-left{display:flex;align-items:center;gap:1em}#tickets-bottom-left input{width:22em}#tickets-bottom-left p{margin:0 1em;width:auto}#tickets-top h1{margin:1em 0 .9em 1.2em;color:var(--darker-text-color)}#tickets-close{border:none;color:gray;margin:.9em 2em}#tickets-close:after{display:inline-block;content:"×";font-size:2.4rem}#tickets-button{font-size:.9rem;margin:0}#tickets-content-wrap{overflow-y:scroll;max-width:100%;flex-grow:1;background-color:#fff}#tickets-content{max-width:100%;padding:.3em 2.4em .8em}#tickets-header{display:flex;font-size:.9rem;padding:1.8em 3.2em;font-weight:600;border-bottom:1px solid rgb(228,228,228)}#tickets-header p{margin-right:4em;color:var(--darker-text-color)}.ticket{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid rgb(212,212,212);padding:.3em .6em;margin:.5em 0}.ticket button{font-size:small}.ticket .save-button{margin:0}.ticket-left{display:flex}.ticket-left p{margin-right:4em}#create-count{max-width:5ch}#myChart{max-width:45em;max-height:35em}.statistics-graphs{display:flex}.statistics-graphs>div{position:relative;border:1px solid silver;margin:1em;padding:1em;width:100%;height:400px;display:flex;justify-content:center;align-items:center}.statistics-graphs>div p{position:absolute}.loadingspinner{position:absolute;pointer-events:none;width:1em;height:1em;border:.4em solid transparent;border-color:#eee;border-top-color:#c4c4c4;border-radius:50%;animation:loadingspin 1s linear infinite}#date-card div{display:flex;align-items:center}#date-card p{margin-right:1em}#date-card label{background-color:#dadada;border-radius:10px;padding:4px 10px}#date-card input[type=radio]{display:none}#date-card label{cursor:pointer;padding:10px;background-color:#f0f0f0;border-radius:5px;margin:5px;display:inline-block;user-select:none}#date-card label:hover{background-color:#e2e2e2}#date-card input[type=radio]:checked+label{background-color:var(--blue);color:#fff}#date-card input[type=date]{margin:1em;font-size:.95rem;color:#555}#date-card button{font-size:.9rem}@keyframes loadingspin{to{transform:rotate(360deg)}}@media (max-width: 768px){.statistics-graphs{flex-direction:column;margin:0;padding:0!important}.statistics-graphs>div{margin:0;padding:1em 0!important}#statistics .card{padding:10px}#date-selection-p{display:none}#date-selection{flex-direction:column}#custom-selection{display:flex;flex-direction:column}.statistics-card{padding:0!important}}#signup{width:100vw;height:100vh;display:flex;margin:0;padding:0;flex-direction:column;align-items:center}#signup .card{width:30em;max-width:90%}#signup .divider{margin:.5em 0 1em}#signup-form{display:flex;flex-direction:column}#signup-form input{margin:.5em 0 1em}#signup-form .errortext{color:red;margin:0 0 1em}#reset-pw{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#reset-pw .card{display:flex;flex-direction:column;gap:1em}#reset-pw input{width:40ch}#reset-pw-token{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#reset-pw-token .card{display:flex;flex-direction:column;border:none;box-shadow:none}#reset-pw-token form{display:flex;flex-direction:column;gap:1em}#reset-pw-token input{width:40ch}#pw-reset-errortext{color:red}#migration-error{width:100%;height:20em;display:flex;align-items:center;justify-content:center;flex-direction:column}#migration-error h3{font-weight:400;text-align:center}#box-view{height:100%}#nav-container{width:100%;background-color:#f2f3f8;display:flex;align-items:center;justify-content:center;flex-direction:column}#nav-container nav{position:relative;height:4.4em;width:100%;display:flex;align-items:center;justify-content:center}#nav-container nav label{position:relative;display:block;height:100%;width:100%;text-align:center;line-height:4.1em;cursor:pointer;font-size:17px;font-weight:400;transition:all .4s ease;color:#6e6e6e}#nav-container nav label:hover{background-color:#e4e8f0}#nav-container input[type=radio]{display:none}#nav-container nav .slider{position:absolute;height:2.5px;background-color:var(--blue);width:33.3%;z-index:1;left:0;bottom:0;transition:all .3s ease;filter:blur(.4px)}#pro:checked~nav .slider{left:33.34%}#targetbox:checked~nav .slider{left:50%}#statistic:checked~nav .slider{left:66.67%}#feedback:checked~nav .slider{left:75%}#pro:checked~nav .pro{color:var(--blue)}#settings:checked~nav .settngs{color:var(--blue)}#targetbox:checked~nav .targetbox{color:var(--blue)}#feedback:checked~nav .feedback{color:var(--blue)}#statistic:checked~nav .statistic{color:var(--blue)}@media (max-width: 768px){#nav-container nav label{font-size:15px}}