#valeo-course-sidebar-title {font-family:var(--h4_typography-font-family);font-weight:var(--h4_typography-font-weight);font-style:var(--h4_typography-font-style);margin:0;letter-spacing:var(--h4_typography-letter-spacing);text-transform:var(--h4_typography-text-transform);font-size:var(--h4_typography-font-size);line-height:var(--h4_typography-line-height);}
.valeo-calendar-container {position:relative;}
.valeo-calendar-container .card-header {margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--color-grey);}
.valeo-calendar-container .loader-container {position:absolute;top:-15px;left:-15px;bottom:-15px;right:-15px;z-index:99;background-color:rgba(255,255,255,.7);backdrop-filter:blur(3px);}
.valeo-calendar-container .loader-container .loader {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:60px;aspect-ratio:1;border-radius:100%;border:6px solid #ccc;border-top-color:#333;animation:loaderSpin 1s infinite linear;}
.valeo-calendar-container .calendar-note {margin-top:30px;}

@keyframes loaderSpin {
  to {
    transform: translate(-50%,-50%) rotate(360deg);
  }
}

@media only screen and (min-width: 1200px) {
	.valeo-calendar-container .calendar-note {margin:0 0 25px;}
	.valeo-calendar-container .calendar-note + .card-calendar-sidebar {max-height:calc( var(--valeo-calendar-height) - 65px );}
}