.component-timelineplanner{position:relative;overflow-x:scroll}.component-timelineplanner-header-row{font-size:16px}.component-timelineplanner-row{position:relative;display:grid;grid-template-columns:225px max-content}.component-timelineplanner-row:nth-child(2n+2){background-color:var(--secondary-color-lightest)}.component-timelineplanner-row>div:first-child{position:sticky;left:0;grid-gap:5px;z-index:5;background-color:var(--background-color);border-right:1px solid var(--border-color-1);border-bottom:1px solid var(--border-color-1);padding:10px 10px 10px 25px;width:225px;height:100%}.component-timelineplanner-row:nth-child(2n+2),.component-timelineplanner-row:nth-child(2n+2) .component-timeline-planner-time-grid,.component-timelineplanner-row:nth-child(2n+2)>div:first-child{background-color:var(--secondary-color-lightest)}.component-timeline-planner-time-grid:not(:has(.component-timelineplanner-timeline-item-active))>.component-timeline-planner-time-grid-click:hover{cursor:pointer}.component-timelineplanner-row>div:first-child input{border:0;border-bottom:1px solid var(--border-color);padding:10px 0}.component-timelineplanner-row>div:last-child{position:relative;overflow:visible;padding:5px 0}.component-timelineplanner-timeline-item{position:relative;top:3px;z-index:1;display:inline-block;color:var(--text-color-1);padding:5px 0;font-weight:600;-webkit-user-select:none;-ms-user-select:none;user-select:none}.component-timelineplanner-timeline-item-active,.component-timelineplanner-timeline-item:hover{z-index:2}.component-timelineplanner-timeline-item-title{margin:0 3px}.component-timelineplanner-timeline-item-edit{position:absolute;right:calc(100% + 5px);top:5px;opacity:0}.component-timelineplanner-timeline-item:not(.component-timelineplanner-timeline-item-active):hover .component-timelineplanner-timeline-item-edit{opacity:1}.component-timelineplanner-timeline-item-times{position:absolute;left:0;right:0;top:calc(100% + 5px);text-align:center;opacity:0}.component-timelineplanner-timeline-item-active .component-timelineplanner-timeline-item-times,.component-timelineplanner-timeline-item:hover .component-timelineplanner-timeline-item-times{opacity:1}.component-timelineplanner-timeline-item-times>div{position:relative;display:inline-block;color:var(--text-color-light);font-weight:500;text-align:center;background-color:var(--ternary-color);color:#000;font-weight:600;border:2px solid var(--background-color);font-size:.8rem;padding:5px 15px;border-radius:var(--element-border-radius);box-shadow:0 3px 3px var(--element-box-shadow-color);white-space:nowrap}.component-timelineplanner-timeline-item-bar{display:inline-block;position:relative;left:0;height:20px;border-radius:var(--element-border-radius);background:var(--background-color);border:2px solid var(--green-color)}.component-timelineplanner-timeline-item-guests .component-timelineplanner-timeline-item-bar{background-color:var(--green-color)}[data-duration="0"]{margin-left:-10px}[data-duration="0"] .component-timelineplanner-timeline-item-bar{min-width:20px}.component-timelineplanner-timeline-item-bar-drag-before{display:block;position:absolute;left:0;top:0;height:100%;width:15px;z-index:2;cursor:w-resize}body.component-timeline-drag-before{cursor:w-resize!important;user-select:none;-webkit-user-select:none;-ms-user-select:none}.component-timelineplanner-timeline-item-bar-drag-after{display:block;position:absolute;right:0;top:0;height:100%;width:20px;z-index:2;cursor:e-resize}body.component-timeline-drag-after{cursor:e-resize!important;user-select:none;-webkit-user-select:none;-ms-user-select:none}[data-duration="0"] .component-timelineplanner-timeline-item-bar-drag-after,[data-duration="0"] .component-timelineplanner-timeline-item-bar-drag-before{width:10px}.component-timelineplanner-timeline-item-both{background-color:var(--primary-color);color:#fff;border:0}.component-timelineplanner-timeline-item-add{position:absolute;left:25px;top:50%;margin-top:-13px;line-height:16px;color:var(--text-color-light);pointer-events:none;white-space:nowrap;z-index:1;font-size:14px;border:1px solid var(--border-color-1);background-color:var(--background-color);padding:5px 10px;border-radius:25px}.component-timelineplanner-timeline-item:hover{cursor:pointer}.component-timelineplanner-timeline-item-inline{position:absolute}.component-timelineplanner-category-option{padding:10px;border-bottom:1px solid var(--border-color-1)}.component-timeline-planner-time-grid{position:absolute;top:0;height:100%;display:grid;border-bottom:1px solid var(--border-color-1)}.component-timeline-planner-time-grid>div:not(:first-child){border-left:1px solid var(--border-color-1)}.component-timeline-planner-time-grid>div{color:var(--text-color-light);padding:10px;font-size:14px;text-align:center}