.main--examples-events-interactions .vuecal__event{text-align:center}.main--examples-events-interactions .vuecal__event.leisure{background-color:#fd9c42d9;border-color:#e9882e}.main--examples-events-interactions .vuecal__event.health{background-color:#57cea9cc;border-color:#90d2be}.main--examples-events-interactions .vuecal__event.sport{background-color:#ff6666d9;border-color:#eb5252}.main--examples-events-interactions .vuecal__event.pink-event{background-color:#ff3a8fb3;border-color:#eb267b}.main--examples-events-interactions .vuecal__event.blue-event{background-color:#64c8ffcc;border-color:#50b4eb}.main--examples-events-interactions .vuecal__event.yellow-event{background-color:#ffc85abf;border-color:#ffc356}.main--examples-events-interactions .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-interactions .vuecal__event.lunch .vuecal__event-time{display:none}.main--examples-events-interactions .vuecal__event i{margin:2px 0;font-size:23px}.main--examples-events-interactions .vuecal__event-title{font-weight:700}.main--examples-events-interactions .ex--create-events .vuecal__event{background-color:#4cacaf59}.main--examples-events-interactions .example--drag-and-drop .override-drag-css .vuecal__event--dragging-ghost{opacity:1;background-color:#adff2f;border:none;color:#000}.main--examples-events-interactions .example--drag-and-drop .override-drag-css .vuecal__event--dragging-original{opacity:.8;border:1px dashed var(--vuecal-event-border-color);transform:scale(.8);transition:transform .2s ease-in-out}.main--examples-events-interactions .example--external-events-drag-and-drop{flex-basis:0!important;min-width:285px;--vuecal-primary-color: #316191}[data-theme=light] .main--examples-events-interactions .example--external-events-drag-and-drop{--vuecal-primary-color: #1976D2}.main--examples-events-interactions .example--external-events-drag-and-drop .external-events{max-width:150px;background-color:color-mix(in srgb,var(--w-contrast-bg-color) 3%,transparent);border:1px solid color-mix(in srgb,var(--w-contrast-bg-color) 6%,transparent);padding:4px;border-radius:4px}.main--examples-events-interactions .example--external-events-drag-and-drop .external-event{background-color:var(--vuecal-primary-color);color:#fff;cursor:grab;border-radius:4px;font-size:13px;padding:2px 4px}.main--examples-events-interactions .example--external-events-drag-and-drop .external-event .caption{color:#ffffffb3}.main--examples-events-interactions .example--events-reactivity .vuecal__event{transition:background-color 1s}
