.main--examples-events-display .vuecal__event{text-align:center}.main--examples-events-display .vuecal__event.leisure{background-color:#fd9c42d9;border-color:#e9882e}.main--examples-events-display .vuecal__event.health{background-color:#57cea9cc;border-color:#90d2be}.main--examples-events-display .vuecal__event.sport{background-color:#ff6666d9;border-color:#eb5252}.main--examples-events-display .vuecal__event.pink-event{background-color:#ff3a8fb3;border-color:#eb267b}.main--examples-events-display .vuecal__event.blue-event{background-color:#64c8ffcc;border-color:#50b4eb}.main--examples-events-display .vuecal__event.yellow-event{background-color:#ffc85abf;border-color:#ffc356}.main--examples-events-display .vuecal__event.lunch{background:repeating-linear-gradient(45deg,transparent,transparent 10px,color-mix(in srgb,var(--w-contrast-bg-color) 6%,transparent) 10px,color-mix(in srgb,var(--w-contrast-bg-color) 6%,transparent) 20px);border:none;z-index:-1}.main--examples-events-display .vuecal__event.lunch .vuecal__event-time{display:none}.main--examples-events-display .vuecal__event i{margin:2px 0;font-size:23px}.main--examples-events-display .vuecal__event-title{font-weight:700}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme{height:441px}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__event{height:15px;margin-top:1px}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__event-details{font-size:11px;white-space:nowrap;padding:0}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__cell--has-events{flex-direction:row-reverse;justify-content:flex-start;overflow:hidden}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.vuecal--highlight-cells .vuecal__scrollable--month-view .vuecal__cell--has-events{background-color:#fffacda8}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.vuecal--highlight-cells.vuecal--dark .vuecal__scrollable--month-view .vuecal__cell--has-events{background-color:#00dbff1c}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.vuecal--highlight-cells .vuecal__scrollable--year-view .vuecal__cell--has-events{background-color:#fffacda8}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.vuecal--highlight-cells.vuecal--dark .vuecal__scrollable--year-view .vuecal__cell--has-events{background-color:#00dbff1c}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.event-count--caption .vuecal__cell-events-count{position:absolute;inset:auto 2px 2px;text-align:center;opacity:.3;font:italic .7rem monospace;word-spacing:-.1rem}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.event-count--caption .vuecal__cell-events-count:before{content:"- "}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.event-count--caption .vuecal__cell-events-count:after{content:" events -"}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.event-count--dot .vuecal__cell-events-count{position:absolute;top:33px;right:15px;text-align:center;width:4px;aspect-ratio:1;overflow:hidden;background-color:currentColor;opacity:.3;border-radius:100%}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.event-count--dash .vuecal__cell-events-count{position:absolute;top:24px;right:12px;text-align:center;width:10px;height:2px;overflow:hidden;background-color:var(--vuecal-base-color);opacity:.5;border-radius:100rem}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.event-count--dot .vuecal__scrollable--year-view .vuecal__cell-events-count,.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme.event-count--dash .vuecal__scrollable--year-view .vuecal__cell-events-count{top:65%;left:50%;transform:translate(-50%,-50%)}.main--examples-events-display .example--events-on-month-view .vuecal.vuecal--default-theme .vuecal__scrollable--month-view .vuecal__cell--has-events .vuecal__cell-date{align-self:flex-start}.main--examples-events-display .ex--multiple-day-events .vuecal__event{border-radius:5px}.main--examples-events-display .ex--multiple-day-events .vuecal__event.sport{background-color:#ffb9b9cc;border:none;border-left:3px solid rgba(230,55,55,.3);color:#c55656}.main--examples-events-display .ex--multiple-day-events .vuecal__event.leisure{background-color:#ffca9acc;border:none;border-left:3px solid rgba(250,118,36,.3);color:#b57335}.main--examples-events-display .ex--multiple-day-events .vuecal__event.health{background-color:#c8f8e9cc;border:none;border-left:3px solid rgba(99,186,139,.4);color:#219671}.main--examples-events-display .ex--multiple-day-events .vuecal__event.event-start{border-radius:5px 5px 0 0}.main--examples-events-display .ex--multiple-day-events .vuecal__event.event-middle{border-radius:0}.main--examples-events-display .ex--multiple-day-events .vuecal__event.event-end{border-radius:0 0 5px 5px}.main--examples-events-display .ex--multiple-day-events .vuecal__event.drink-water{font-size:.85em;line-height:1;padding-top:.2em}.main--examples-events-display .ex--all-day-events .vuecal__cell-content{justify-content:flex-start}.main--examples-events-display .ex--all-day-events .vuecal__cell-date{text-align:right;padding:4px}.main--examples-events-display .ex--all-day-events.vuecal--week-view .vuecal__scrollable .vuecal__event--all-day.pink-event,.main--examples-events-display .ex--all-day-events.vuecal--day-view .vuecal__scrollable .vuecal__event--all-day.pink-event{right:50%}.main--examples-events-display .ex--all-day-events.vuecal--week-view .vuecal__scrollable .vuecal__event--all-day.leisure,.main--examples-events-display .ex--all-day-events.vuecal--day-view .vuecal__scrollable .vuecal__event--all-day.leisure{left:50%}
