/* Shared CalendarEventCard presentation from the Calendar app. */
.calendar-event-preview{--event-scale:1.5}
.calendar-event-stage{display:grid;width:min(100%,320px);touch-action:pan-y;user-select:none}
.calendar-event-preview .event-card{--event-fill:color-mix(in srgb,var(--event-color) 18%,#fff);--event-ink:color-mix(in srgb,var(--event-color) 32%,#232323);position:relative;grid-area:1/1;display:flex;flex-direction:column;gap:calc(2px * var(--event-scale));box-sizing:border-box;width:100%;height:calc(84px * var(--event-scale));min-width:0;overflow:hidden;padding:calc(5px * var(--event-scale)) calc(7px * var(--event-scale)) calc(5px * var(--event-scale)) calc(18px * var(--event-scale));border-radius:calc(12px * var(--event-scale));corner-shape:superellipse(1.5);background:var(--event-fill);color:var(--event-ink);font-size:calc(12px * var(--event-scale));line-height:calc(16px * var(--event-scale));text-align:left;opacity:0;visibility:hidden;transform:scale(.88);transition:opacity 150ms ease-out,transform 180ms ease-out,visibility 180ms}
.calendar-event-preview .event-card::before{content:'';position:absolute;inset:calc(8px * var(--event-scale)) auto calc(8px * var(--event-scale)) calc(8px * var(--event-scale));width:calc(3px * var(--event-scale));border-radius:calc(3px * var(--event-scale));background:var(--event-color)}
.calendar-event-preview .event-card.is-active{opacity:1;visibility:visible;transform:none;animation:event-preview-bounce 420ms both}
.calendar-event-preview .event-card-heading{display:flex;align-items:flex-start;gap:calc(5px * var(--event-scale));min-width:0}
.calendar-event-preview .event-card-title{display:-webkit-box;min-width:0;flex:1;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500;overflow-wrap:anywhere}
.calendar-event-preview .event-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:1;margin-top:calc(1px * var(--event-scale))}
.calendar-event-preview .event-icon svg{display:block;flex:none;width:calc(14px * var(--event-scale));height:calc(14px * var(--event-scale))}
.calendar-event-preview .event-card-time,.calendar-event-preview .event-card-location{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:calc(11px * var(--event-scale));line-height:calc(14px * var(--event-scale))}
.studio-calendar{--event-scale:1;display:grid;place-items:center;padding:24px}
.studio-calendar .calendar-event-stage{width:min(100%,224px)}
@keyframes event-preview-bounce{0%{opacity:0;transform:scale(.86);animation-timing-function:cubic-bezier(.2,.7,.3,1)}60%{opacity:1;transform:scale(1.045);animation-timing-function:ease-in-out}82%{transform:scale(.99);animation-timing-function:ease-out}100%{opacity:1;transform:scale(1)}}
@media(max-width:639px){.calendar-hero.calendar-event-preview{--event-scale:1.333333}}
@media(prefers-reduced-motion:reduce){.calendar-event-preview .event-card{animation:none!important;transition:none;transform:none}}