*{box-sizing:border-box;font-family:system-ui,sans-serif}body{background:#e5e5e5;font-size:14px;height:480px;line-height:20px;margin:0;overflow-y:scroll;padding:0;width:300px}::-webkit-scrollbar{background:transparent;width:8px}::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.07)}::-webkit-scrollbar-thumb{background:#afafaf;min-height:40px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}::-webkit-scrollbar-thumb:active{background:#989898}textarea{border:1px solid #ccc;font-size:15px;outline:none;padding:4px}header{align-items:center;background:#0086f4;color:#fff;display:flex;justify-content:space-between;left:0;padding:24px 8px;position:relative;right:0;top:0;width:100%;z-index:10}.section-container{display:flex;height:432px;overflow:hidden}section{flex:1;height:auto;overflow:auto;padding:0 8px}#show_quick_add{transition:transform .2s ease-in}#show_quick_add.rotated{transform:rotate(45deg)}.popup-title{color:#fff;display:inline-flex;font-size:15px;outline:none;text-decoration:none}.warning{background:#ffd54f;color:#000;padding:8px}#action-bar{grid-gap:4px;align-items:center;float:right}#action-bar,#action-bar a{display:flex}#action-bar img{cursor:pointer;height:24px;width:24px}#info_bar{background:#ffdbdd;color:#000;display:none;margin-bottom:8px;padding:8px;width:100%}#error{padding:72px 12px;text-align:center;width:100%}#error p{margin-bottom:36px}#error,#quick-add{display:none}#authorization_required{cursor:pointer}#quick-add{background:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.4);margin:8px 0;padding:16px}h2{font-size:14pt;font-weight:400;margin:8px 0}#quick-add-event-title{width:100%}.quick-add-buttons{text-align:right}#quick-add-calendar-list{font-size:16px;margin:4px 0;width:100%}#calendar-events{padding-top:16px}.calendar-day{padding-bottom:1px}.date-header{background:#e5e5e5;box-shadow:-5px 0 0 0 #e5e5e5,5px 0 0 0 #e5e5e5;color:#666;font-size:16px;padding:4px 0;position:sticky;top:0;z-index:1}.no-events-today{color:#333;font-size:14px}.event{background:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;cursor:pointer;display:flex;margin:0 0 4px;overflow:hidden;position:relative}.event:last-child{margin-bottom:16px}.start-time{align-items:center;color:#fff;display:inline-flex;flex:0 0 60px;font-size:12px;overflow:hidden;text-align:center;white-space:pre-line}.start-and-end-times{color:#888;font-size:12px;margin-top:3px}.detected-event .start-time{background-color:#fff;text-align:left}.detected-event .start-time img{margin:6px 18px}.event-details{flex:1;overflow:hidden}.event-details,.start-time{margin:0;padding:6px}.event-location{color:#666;font-size:12px;text-decoration:none}.event-title{font-size:11pt;font-weight:700;margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.declined{color:#999;text-decoration:line-through}.event-title,.start-time{line-height:16px;vertical-align:text-bottom}.all-day:not(.detected-event) .start-time{flex-basis:6px;padding:0}.all-day:not(.detected-event) .event-details{padding-bottom:4px;padding-top:4px}.all-day:not(.detected-event) .event-title{font-size:13px}.attachment-icon,.location-icon,.video-call-icon{float:right;height:15px;padding:0 3px;width:21px}.attachment-icon{filter:grayscale(100%)}.button{background:#0086f4;border:0;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:inline-block;font-size:13px;line-height:18px;margin:4px 0 0;min-width:64px;padding:6px 32px;text-align:center;text-transform:uppercase;-webkit-transition:all .218s;transition:all .218s}.button:hover{box-shadow:0 1px 1px rgba(0,0,0,.3)}.button:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.button:focus{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5);outline:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinning{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear}.alert-new-event{background-color:#f9eebc;margin-top:10px;padding:0 8px}