#calendar {
	& > .cal-row-head { /* The month & year title*/
		display: flex;
		& > .cal-cell1 {
			text-align: center;
			width: calc(100% / 7);
			font-weight: bolder;
		}
	}
	& > .cal-month-box { 
		--cell-border: 1px solid #E3E3E3;
		border: var(--cell-border);
		
		& > .cal-row-fluid {
			display: flex;
			&:not(:last-of-type) {
				border-bottom: var(--cell-border);
			}
			&:nth-child(odd) > :nth-child(odd) {
				background: #FFFFFF;
			}
			&:nth-child(odd) > :nth-child(even) {
				background: #FAFAFA;
			}
			&:nth-child(even) > :nth-child(odd) {
				background: #FAFAFA;
			}
			&:nth-child(even) > :nth-child(even) {
				background: #F7F7F7;
			}
			&:hover > :nth-child(odd) {
				background: #F7F7F7;
			}
			&:hover > :nth-child(even) {
				background: #F3F3F3;
			}
			&:hover > *:hover {
				background: #EFEFEF;
			}
			& > .cal-cell1 {
				padding: 3px;
				width: calc(100% / 7);

				&:not(:last-of-type) {
					border-right: var(--cell-border);
				}
				& > .cal_event:not(:has(> br:nth-of-type(2)))::after { /* If a cell only has 1 br, add a new line */
					content: "\a";
					white-space: pre;
				}
			}
		}
	}
}