body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.boxes{--size: 32px;--duration: .8s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0) translateZ(0)}.boxes .box{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes .box:nth-child(1){transform:translate(100%);animation:box1 var(--duration) linear infinite}.boxes .box:nth-child(2){transform:translateY(100%);animation:box2 var(--duration) linear infinite}.boxes .box:nth-child(3){transform:translate(100%,100%);animation:box3 var(--duration) linear infinite}.boxes .box:nth-child(4){transform:translate(200%);animation:box4 var(--duration) linear infinite}.boxes .box>div{--background: #5C8DF6;--top: auto;--right: auto;--bottom: auto;--left: auto;--translateZ: calc(var(--size) / 2);--rotateY: 0deg;--rotateX: 0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes .box>div:nth-child(1){--top: 0;--left: 0}.boxes .box>div:nth-child(2){--background: rgb(7.6481988144%, 35.4103967168%, 94.9008207934%);--right: 0;--rotateY: 90deg}.boxes .box>div:nth-child(3){--background: rgb(26.6016871865%, 48.6662106703%, 95.9473324213%);--rotateX: -90deg}.boxes .box>div:nth-child(4){--background: #DBE3F4;--top: 0;--left: 0;--translateZ: calc(var(--size) * 3 * -1)}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}html{-webkit-font-smoothing:antialiased}body{background-color:#f9f9f9}.header{padding:20px;box-shadow:0 0 2px 2px #d6d5d5;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.small-screen-message-beta{display:none;background-color:#59a6ff;height:calc(100vh - 58px)}.small-screen-message-beta>div{position:relative;top:140px;text-align:center}.small-screen-message-beta .boxed-message{text-align:center;padding:20px;max-width:calc(100vw - 180px);box-shadow:0 0 1px #4c566740,0 2px 18px #1f253252;border-radius:10px;background-color:#fff;min-width:163px;height:76px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.small-screen-message-beta .boxed-message.top{margin-top:40px;margin-bottom:40px;line-height:36px;left:30px}.small-screen-message-beta .boxed-message.bottom{min-width:282px;float:right;right:20px}.logo{font-size:2em}.beta{position:absolute;left:183px;top:32px}@media(max-width:880px){.schedule-container{display:none}.small-screen-message-beta{display:block}.logo{font-size:1em}}.white-text{color:#fff}.large-font{font-size:2em}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:99999;text-align:center;padding:24px;box-sizing:border-box}.modal-content{background-color:#fff;border-radius:4px;position:relative;max-width:600px;width:100%;margin:0 auto;padding:20px;max-height:calc(100vh - 48px);overflow:auto}.top-panel{height:40px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.auth-type-action{width:18px;height:19px;display:inline-block;position:relative;top:3px;border:1px solid silver;border-radius:3px;margin-left:5px;cursor:pointer}.user-menu-container{position:relative}.user-menu{padding-right:15px;cursor:pointer;color:#c7cad1;transition:color .2s ease}.user-menu:hover,.user-menu:hover:before{color:#616161;border-top-color:#616161}.user-menu:before{content:"";position:absolute;width:0;height:0;border:5px solid transparent;border-top:5px solid #c7cad1;top:-2px;right:0;margin:9px 0 0;-webkit-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}.user-dropdown{position:absolute;right:0;top:25px;background-color:#fff;padding:10px 30px;box-shadow:0 0 1px #4c566740,0 2px 18px #1f253252;border-radius:8px;min-width:75px}.user-dropdown .user-action{cursor:pointer}.schedule-title{display:inline-block}.schedule-title span{font-size:1.1rem}.schedule-type{display:inline-block;margin-left:10px;font-size:12px;font-weight:200}.schedule-row{border-top:1px solid #D6D5D5;display:flex;background-color:#fff}.schedule-row:last-child{border-bottom:1px solid #D6D5D5}.schedule-row .task-title{display:inline-block;padding:25px 25px 25px 60px;border-right:1px solid #D6D5D5;font-family:Helvetica Neue;font-weight:200;min-width:220px;max-width:220px;overflow:hidden;height:19px;background-color:#fff;z-index:9999;-webkit-user-select:none;user-select:none;position:relative}.schedule-row .task-title .task-name{width:220px;text-overflow:ellipsis;overflow:hidden;display:block}.schedule-row .task-title .delete-action{display:none;position:absolute;top:50%;transform:translateY(-50%);left:10px;color:#ee230c;font-size:14px;cursor:pointer}.schedule-row .task-title .nav-action{display:none;position:absolute;top:50%;transform:translateY(-50%);right:5px;font-size:14px;cursor:pointer}.schedule-row .task-title:hover .delete-action,.schedule-row .task-title:hover .nav-action{display:initial}.active-year{position:absolute;font-size:12px;left:321px;font-weight:200;top:1px}.period-primary{font-family:Helvetica Neue;font-weight:600;font-size:14px;position:absolute}.period-d{font-family:Helvetica Neue;font-weight:400;font-size:9pt;position:relative;display:inline-block;width:40px}.period-d span{position:absolute;font-size:6pt;margin-left:3px}.period-highlight{position:absolute;left:0;right:0;top:-6px;background-color:#7776761f}.current-time-indicator{position:absolute;bottom:-16px;width:0;height:0;border-style:solid;border-width:9px 4.5px 0 4.5px;border-color:#ee230c transparent transparent transparent}.current-time-line{position:absolute;top:52px;width:1px;height:70px;background-color:#ee230c}.date-display{height:30px;width:50px;border:1px solid white;box-shadow:0 0 2px 2px silver;border-radius:4px;position:absolute;top:-1px;box-sizing:border-box;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px}.date-display.start{left:-70px}.date-display.finish{right:-70px}.date-display.weekly{width:100px;height:36px;top:-3px;text-align:center}.date-display.weekly.start{left:-115px}.date-display.weekly.finish{right:-115px}.date-set-nav{background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 1px #4c566740,0 2px 18px #1f253252;height:40px;width:30px;border-radius:10px;position:absolute;cursor:pointer}.date-set-nav.prev{left:270px;top:28px;z-index:1}.date-set-nav.next{right:20px;top:28px}.bar{border-radius:4px;background-color:#59a6ff;box-shadow:#080b0e0f 0 0 1px,#080b0e1a 0 16px 16px -1px}.transitioning-enter .bar,.transitioning-enter-active .bar{transition:transform .5s;z-index:98!important}.bar.unset{background-color:transparent;border:1px dashed #000;box-shadow:none}.bar .assigned-user,.bar .task-detail-config{display:none;position:absolute;top:6px;cursor:pointer}.bar .assigned-user{left:8px}.bar .task-detail-config{left:30px}.bar:hover .assigned-user,.bar:hover .task-detail-config{display:initial}.assigned-user:hover svg,.task-detail-config:hover svg{color:#fff!important}.task-detail-config-panel,.assign-user-panel{position:absolute;padding:20px;border-radius:5px;top:40px;width:300px;background-color:#fff;box-shadow:#080b0e0f 0 0 1px,#080b0e1a 0 16px 16px -1px;cursor:default}.new-action{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:100}.btn{width:32px;height:32px;border-radius:50%;margin-top:5px;margin-bottom:5px;-webkit-box-shadow:0 0 1px rgba(76,86,103,.25),0 2px 18px rgba(31,37,50,.32);box-shadow:0 0 1px #4c566740,0 2px 18px #1f253252;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.new-action .btn{background:-webkit-gradient(linear,left top,right top,from(#ff512f),to(#dd2476));background:-webkit-linear-gradient(left,#ff512f,#dd2476);background:-o-linear-gradient(left,#ff512f,#dd2476);background:linear-gradient(90deg,#ff512f,#dd2476);display:flex;justify-content:center;align-items:center;margin-right:15px}.task-title input,.schedule-title input{border:0;background:0 0;font-weight:300;font-size:inherit;box-shadow:none;border-radius:0;padding:0;border-bottom:1px dashed #e2e2e2;margin:0 5px}.task-title input:focus,.schedule-title input:focus{outline:none}.type-color-sample{background-color:#59a6ff;width:9px;height:20px;display:inline-flex;align-self:center;margin-right:5px;border-radius:3px}.type-menu{padding:10px 0;box-shadow:#080b0e0f 0 0 1px,#080b0e1a 0 16px 16px -1px;width:180px;position:absolute;background:#fff;border-radius:4px}.type-option{display:flex;align-items:center;cursor:pointer;padding:5px 10px}.type-option:hover{font-weight:500}.box-input{padding:10px;border:1px solid silver;border-radius:5px}.box-input:focus{outline:0;border-color:#59a6ff}.input-container{position:relative}.forgot-password{position:absolute;top:0;right:0;font-size:12px;text-decoration-skip-ink:auto;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:#474d58;background:none;padding:0;border-width:0px;border-style:initial;border-color:initial;border-image:initial;transition:color .2s cubic-bezier(.2,.91,.85,.96) 0s,text-decoration;text-decoration:underline transparent}.bold{font-weight:600}.flex{display:flex}.align-center{align-items:center}.justify-space-between{justify-content:space-between}.pointer{cursor:pointer}.button-outline{padding-left:15px;padding-right:15px;border-radius:4px;cursor:pointer}.button-outline:focus{outline:0}.form_panel{margin:40px auto;max-width:320px;text-align:left}.form_panel .box-input{display:block;width:100%;margin-bottom:15px;box-sizing:border-box}.form_panel label{font-size:12px;color:#5f697a}.error-message{color:#e60000;font-size:12px;margin-bottom:10px}button{-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;text-decoration:none}.button-container{text-align:center}.button-primary{background-color:#4a90e2;color:#fff}.button{padding:10px 20px;min-width:100px;text-align:center;border-radius:4px;cursor:pointer;display:inline-block;transition:all .3s}.button div{line-height:20px}.button:hover{background-color:#3e78bb;box-shadow:#0000000d 0 0 0 1px,#00000026 0 5px 10px}.mt-10{margin-top:10px}.margin-top-20{margin-top:20px}.align-right{text-align:right}.align-center{text-align:center}h1{font-size:28px;line-height:36px;letter-spacing:0px;font-weight:600;font-family:"Inv Eina 03","Eina 03",-apple-system,BlinkMacSystemFont,Open Sans,open-sans,sans-serif;color:#22252b}h2{font-size:16px;line-height:24px;letter-spacing:.125px;font-weight:300;font-family:Inv Maison Neue,Maison Neue,-apple-system,BlinkMacSystemFont,Open Sans,open-sans,sans-serif;color:#22252b}.light{font-weight:100}a{color:#4a90e2;cursor:pointer;text-decoration:underline}.code-container{text-align:right;margin-top:40px}.right-fade{background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),color-stop(.5em,#f9f9f9));background:-webkit-linear-gradient(right,hsla(0,0%,100%,0),#f9f9f9 .5em);background:-o-linear-gradient(right,hsla(0,0%,100%,0),#f9f9f9 .5em);background:linear-gradient(270deg,#fff0,#f9f9f9 .5em)}input.disabled,button.disabled{cursor:not-allowed}.primary-round-button{display:inline-block;margin:20px auto;background:#f36;border-radius:32px;height:50px;line-height:50px;padding:0 40px;font-family:Inv Maison Neue,Maison Neue,-apple-system,BlinkMacSystemFont,Open Sans,open-sans,sans-serif;font-size:14px;font-weight:300;text-align:center;color:#fff;letter-spacing:.125px;cursor:pointer;-webkit-transition:border .2s ease,-webkit-box-shadow .2s ease;transition:border .2s ease,-webkit-box-shadow .2s ease;-o-transition:box-shadow .2s ease,border .2s ease;transition:box-shadow .2s ease,border .2s ease;transition:box-shadow .2s ease,border .2s ease,-webkit-box-shadow .2s ease;-webkit-font-smoothing:antialiased}.primary-button{border-radius:7px;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;cursor:pointer;font-weight:500;transition:all .2s cubic-bezier(.2,.91,.85,.96) 0s;text-align:center;box-sizing:border-box;text-decoration:none;-webkit-tap-highlight-color:transparent;background:#353cee;background:linear-gradient(90deg,#ff512f,#dd2476);border:none;color:#fff;height:36px;padding:0 24px 1px}.primary-button.blue{background:-webkit-linear-gradient(45deg,#4f00bc,#29abe2);background:-o-linear-gradient(45deg,#4f00bc,#29abe2);background:linear-gradient(45deg,#4f00bc,#29abe2)}.primary-button-outline{border-radius:7px;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;cursor:pointer;font-weight:500;transition:all .2s cubic-bezier(.2,.91,.85,.96) 0s;text-align:center;box-sizing:border-box;text-decoration:none;-webkit-tap-highlight-color:transparent;background:transparent;border:1px solid rgb(155,155,161);color:#1d1d1f;height:32px;padding:0 16px 1px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.75)}}.spinner-box{margin:0 auto;width:20px;height:20px;display:flex;justify-content:center;align-items:center;background-color:transparent}.circle-border{width:10px;height:10px;padding:3px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fff;background:linear-gradient(0deg,#ffffff1a 33%,#fff);animation:spin .8s linear 0s infinite}.circle-core{width:100%;height:100%;background-color:#4a90e2;border-radius:50%}.pulse-container{width:120px;display:flex;justify-content:space-between;align-items:center}.pulse-bubble{width:20px;height:20px;border-radius:50%;background-color:#3ff9dc}.pulse-bubble-1{animation:pulse .4s ease 0s infinite alternate}.pulse-bubble-2{animation:pulse .4s ease .2s infinite alternate}.pulse-bubble-3{animation:pulse .4s ease .4s infinite alternate}