body.noSelect{user-select:none}.calendarBase{background-color:#fff;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr max-content repeat(calc( var(--maxWeeks ) * ( var(--eventsPerDay) + 1) + 1), 30px )}.calendarWeekBackground,.calendarWeek{display:grid;grid-template-rows:subgrid;grid-row:calc( 3 + ( var(--week) * (var(--eventsPerDay) + 1))) / span calc( var(--eventsPerDay) + 1 );grid-column:1/span 7;grid-template-columns:subgrid;pointer-events:none}.calendarEventBackground{border:1px solid #000;border-collapse:collapse;grid-column:calc( attr(data-day-week ) + 1 );grid-row:1/span calc( var(--eventsPerDay) + 1);text-align:right;padding:5px}.calendarEventBackground.calendarDayToday{background-color:rgba(255,220,40,.15)}.calendarDate{display:grid;grid-template-columns:min-content max-content min-content;column-gap:10px;padding:5;grid-row:1;grid-column:1;align-content:end}.calendarBackgroundPlaceHolder{grid-row:calc(2 + var(--eventRow) );grid-column:calc( var(--dayWeek) + 1 );min-height:25px}.weekdayNames{grid-row:2;grid-column:1/span 7;display:grid;grid-template-columns:subgrid;background-color:#d3d3d3;border:1px solid #000;border-bottom:0}.weekdayNames .weekdayName{grid-column:calc( var(--dayWeek) + 1);align-content:center;justify-self:center}.calendar-events{margin:8px;background-color:#fff;padding:2px}.calendarTitle{grid-column:1/span 7;grid-row:1;padding:10px;justify-self:center;font-size:32px;font-weight:700}.calendarDate .previousMonth,.calendarDate .nextMonth{cursor:pointer;background-color:#152431;padding:2px 5px;color:#fff;font-weight:700}.calendarDate .calendarMonthYear{padding:2px 0;font-family:sans-serif}.calendarEvent{grid-column-start:calc(attr(data-day-week type(<number>)) + 1);grid-column-end:calc(attr(data-day-week type(<number>)) + 1 + attr(data-number-days type(<number>), 1));grid-row-start:calc(attr(data-event-order type(<number>)) + 1);grid-row-end:calc(attr(data-event-order type(<number>)) + 1 + attr(data-row-span type(<number>), 1) );background-color:attr(data-background-color type(<color>));color:attr(data-text-color type(<color>));margin:0 5px;border-radius:5px;padding:0 5px;line-height:25px;margin-bottom:5px;box-sizing:content-box;font-size:11.9px}.calendarEvent.eventEnded{opacity:.8}.calendarEvent[data-row-span]:not([data-row-span='1']){line-height:initial;align-content:center}.calendarEvent{display:grid;grid-template-columns:min-content auto min-content min-content min-content;pointer-events:initial}.calendarEvent .content{grid-column:2}.calendarEvent[data-future-entry=true]:after{content:"-->";grid-column:5;width:20px}.calendarEvent[data-previous-entry=true]:before{content:"<--";grid-column:1;width:20px}.calendarEvent[data-mobile-only=true]{display:none}.calendarEventBackground .mobile{display:none}.calendarEvent .deleteButton{padding-left:5px;font-family:'dashicons';font-size:18px;cursor:pointer}.calendarEvent .editButton{padding-left:5px;font-size:18px;font-family:'dashicons';cursor:pointer}.calendarWeek.adminButtons .calendarEvent .content{justify-self:center}.calendarWeek.adminButtons .calendarEvent{box-shadow:3px 3px 3px 3px gray;cursor:pointer}.calendarDialogs{--scrollBarWidth:calc( 100vw - 100% )}.calendarDialog{border:1px solid #000;border-radius:5px;padding:4px;background-color:#d3d3d3;box-shadow:0px 0px 3px 6px rgba(200,200,200,.5);z-index:100}.calendarDialog .dialogContents{background-color:#fff;border:1px solid #000;display:grid;grid-template-rows:2fr min-contents;grid-template-columns:1fr}.calendarDialog .dialogDescription{grid-row:1;grid-template-columns:1fr 3fr;grid-template-rows:20px 1fr 20px;display:grid;padding-right:20px;box-sizing:border-box}.calendarDialog .dialogButtons{grid-row:2;display:flex;flex-flow:row nowrap;column-gap:10px;background-color:#d3d3d3;align-items:center;justify-content:center;padding:10px}.calendarDialog .dialogIcon{grid-column:1;grid-row:2;justify-self:center;color:orange}.calendarDialog .dialogText{grid-row:2;grid-column:2;align-self:center}.calendarDialog .dialogIcon.dialogWarning:after{content:'\f534';font-family:'dashicons';font-size:48px;justify-items:center;text-align:center}.calendarDialog .dialogText .content{margin:0 auto;display:block}.calendarDialog .dialogTitle{padding:4px;cursor:move}.calendarDialog .dialogButtons .button{border:1px solid #000;padding:5px 30px;box-shadow:2px 2px;cursor:pointer;user-select:none}.calendarDialog .dialogButtons .button.click{position:relative;left:2px;top:2px;box-shadow:none}.calendarDialog.deleteDialog .dialogText{max-width:200px}.calendarFormField{display:grid;grid-template-columns:subgrid;grid-column:1/-1;height:25px;line-height:25px}.calendarFormField input{display:initial;background:initial;border:1px solid #000;border-radius:5px}.calendarDialog .dialogForm{grid-row:1;display:grid;grid-template-columns:max-content auto max-content;row-gap:10px;margin:10px;justify-items:center}.calendarFormField label.calendarFieldLabel{grid-column:1;margin-right:10px;align-self:end;margin-bottom:0}.calendarFormField input.calendarFieldInput{grid-column:2}.calendarFormField .calendarDefaultColor{grid-column:3;width:20px;height:20px;background-color:attr(data-default-color-code type(<color>))}.calendarFormField label.calendarFieldLabel:after{content:': '}.calendarFormField input.calendarFieldCheckbox{max-width:fit-content}.calendarFormField input.calendarFieldDate{width:25px;font-size:20px;border:none;cursor:pointer}.calendarFormField .calendarData{display:grid;grid-template-columns:auto max-content}.calendarFormField input.inputDisplayField{grid-column:1}.calendarFormField input.calendarFieldDate{grid-column:2}@media (max-width:920px){body.admin-bar .calendarDate{top:var(--wp-admin--admin-bar--height)}.calendar-events{padding:0}.calendarBase{grid-template-columns:1fr;grid-template-rows:1fr min-content repeat(calc( var(--maxWeeks) * 7 * ( var(--eventsPerDay) + 1 )), min-content)}.weekdayNames{display:none}.calendarWeek,.calendarWeekBackground{grid-column:1;grid-row-start:calc( var(--week) * 7 * ( var(--eventsPerDay) + 1 ) + 3 );grid-row-end:span calc(  ( var(--eventsPerDay ) + 1 ) * 7 )}.calendarEventBackground{grid-column:1;grid-row:calc( attr(data-day-week type(<number>) ) * ( var(--eventsPerDay ) + 1 ) + 1 );grid-row-end:span calc( var(--eventsPerDay) + 1 );display:grid;grid-template-rows:subgrid;min-height:60px}.calendarEvent{grid-column:1;grid-row:calc( attr(data-day-week type(<number>) ) * ( var(--eventsPerDay ) + 1 ) + attr(data-event-order type(<number>)) + 1 );min-height:25px}.calendarEventBackground .mobile{display:initial;height:30px}.calendarEvent[data-mobile-only=true]{display:grid}.calendarEventBackground .desktop{display:none}.calendarEvent[data-row-span]:not([data-number-days='1']):not([data-mobile-only]):after{content:"-->";grid-column:5;width:20px}.calendarDate{grid-row:2;width:100%;grid-template-columns:min-content auto min-content;align-items:center;justify-content:stretch;justify-items:center;position:sticky;align-self:start;top:0;background-color:#fff}.calendarDate .previousMonth,.calendarDate .nextMonth{font-size:2em}.calendarDate .calendarMonthYear{font-size:2em}}