:root{--primary:#1b9ce2;--highlight:#4688f1;--dark:#212121;--gray:#747474;--calendar-hour:66px;--calendar-right:15px;--calendar-left:70px;--event-duration:150ms}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}header{background-color:#fff;box-shadow:0 2px 8px hsla(0,0%,45%,.3);height:60px;padding:0 20px;color:var(--dark);font-weight:500;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:10}header .month{padding-left:25px;padding-right:2px;font-size:20px}header .header-left,header .header-right{display:flex;align-items:center}header .menu{margin-left:-3px}header .overflow{margin-right:-7px}#blind-header{margin-top:60px}header .calendar{border-radius:50%;padding:5px;position:relative;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-basis:auto;margin-top:5px}#calendar-container{background-color:#fff;padding-right:var(--calendar-right);display:flex}.calendar{display:grid;grid-template-rows:repeat(24,var(--calendar-hour));align-items:center;background-color:#fff;flex:0 0 100vw}.calendar .highlighted{background-color:rgba(27,156,226,.8);border-radius:2px;margin-right:15px;content:"New event";position:relative;border-bottom-color:transparent!important}.calendar .hour{border-bottom:1px solid #f3f3f3;display:flex;align-items:center;height:100%;margin-left:70px}.calendar .hour:before{content:"";display:inline-block;color:var(--gray);margin-left:20px;margin-right:20px;font-size:12px;margin-left:calc(20px - var(--calendar-left));margin-top:calc(-1 * var(--calendar-hour))}.calendar .hour-0:before{content:"12 AM"}.calendar .hour-1:before{content:"1 AM"}.calendar .hour-2:before{content:"2 AM"}.calendar .hour-3:before{content:"3 AM"}.calendar .hour-4:before{content:"4 AM"}.calendar .hour-5:before{content:"5 AM"}.calendar .hour-6:before{content:"6 AM"}.calendar .hour-7:before{content:"7 AM"}.calendar .hour-8:before{content:"8 AM"}.calendar .hour-9:before{content:"9 AM"}.calendar .hour-10:before{content:"10 AM"}.calendar .hour-11:before{content:"11 AM"}.calendar .hour-12:before{content:"12 PM"}.calendar .hour-13:before{content:"1 PM"}.calendar .hour-14:before{content:"2 PM"}.calendar .hour-15:before{content:"3 PM"}.calendar .hour-16:before{content:"4 PM"}.calendar .hour-17:before{content:"5 PM"}.calendar .hour-18:before{content:"6 PM"}.calendar .hour-19:before{content:"7 PM"}.calendar .hour-20:before{content:"8 PM"}.calendar .hour-21:before{content:"9 PM"}.calendar .hour-22:before{content:"10 PM"}.calendar .hour-23:before{content:"11 PM"}.calendar .new-event{color:#fff;padding-left:7px;font-size:12px;align-self:start;padding-top:4px;font-weight:600;opacity:0}.calendar .new-event:after{content:"+ New event"}.calendar .highlighted .new-event{opacity:1}#today{color:var(--highlight);position:fixed;z-index:5;padding:8px 12px 5px 20px;background-color:#fff;box-shadow:0 1px 5px hsla(0,0%,100%,.5);text-align:center}#today-after{background-image:linear-gradient(180deg,#fff,transparent 50%,transparent 0);height:45px;position:fixed;top:120px;width:40px;left:14px}#today-number{font-size:29px}#today-short{font-size:14px;font-weight:500;margin-top:-4px}#now-bar{height:1px;position:absolute;left:70px;right:var(--calendar-right);--bar-position:-10;transform:translateY(calc(var(--bar-position) * var(--calendar-hour)))}#now-bar,#now-bar:before{background-color:var(--highlight)}#now-bar:before{border-radius:50%;content:"";width:10px;height:10px;display:inline-block;position:relative;top:-10px;left:-6px}#events{right:15px;left:70px}#events,.event{position:absolute}.event{background-color:#1b9ce2;width:100%;border-radius:2px;color:#fff;padding-top:4px;padding-left:6px;font-size:14px;font-weight:500}.fab{background-color:#d9453d;width:57px;height:57px;border-radius:50%;position:fixed;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 15px hsla(0,0%,45%,.4);transition:transform .2s ease-in;will-change:transform}body.show-details .fab{transform:translateY(250px)}#details{position:fixed;top:0;right:0;left:0;bottom:0;z-index:-1}#details .head{background-color:var(--primary);height:150px;color:#fff;font-size:26px;font-weight:400;position:relative}#details .body{position:relative;height:100%;background-color:#fff;transform:scaleY(0);transition:transform 60ms;transform-origin:top}#details-edit{background-color:var(--primary);border-radius:50%;padding:12px;box-shadow:2px 2px 15px hsla(0,0%,45%,.8);position:absolute;bottom:-21px;display:flex;align-items:center;justify-content:center;left:15px;z-index:5}#details-name{position:absolute;bottom:25px;left:90px}#details-overflow{position:fixed;top:20px;right:15px}#details-timeIcon{position:absolute;top:50px;left:25px}#details-categoryIcon{position:absolute;top:130px;left:25px}#details-close{position:fixed;top:20px;left:15px}#details-hour{top:45px}#details-category,#details-hour{color:#2d302d;position:absolute;left:70px;line-height:20px}#details-category{top:120px}#details-category span{color:var(--gray);font-size:14px}.closing-details #details{transition:transform var(--event-duration) ease-in;z-index:20}.closing-details #details-edit,.closing-details .details-fade-in{transition-delay:0ms;transition-duration:30ms}#details{pointer-events:none;will-change:transform;contain:strict}.details-fade-in{opacity:0;transition:opacity 40ms ease-in calc(var(--event-duration) + 50ms);will-change:opacity}#details-edit{transition:transform 50ms ease-in calc(var(--event-duration) + 50ms);transform:scale(0);will-change:transform}.show-details #details{transition:transform var(--event-duration) ease-in;transform:none!important;z-index:20;pointer-events:auto}.show-details #details .body{transform:scaleY(1)}.show-details .details-fade-in{opacity:1}.show-details #details-edit{transform:scale(1)}