.experimental-calendar{--exp-cal-plastic-radius:var(--exp-radius-frame,var(--radius));--exp-cal-chip-radius:var(--exp-radius-field,var(--chip-radius,16px));--exp-cal-glass-blur:var(--depth-glass-blur,var(--depth-overlay-blur,14px));--exp-cal-strip-radius:2px;--calendar-span-lane-h:14px;--cal-strip-h:12px;position:relative}.experimental-calendar,.experimental-calendar__month{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.experimental-calendar__month{width:100%;max-width:none;margin:0;border-radius:0;border:0;border-left:0;border-right:0;background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 62%,transparent));backdrop-filter:blur(calc(var(--exp-cal-glass-blur) + 2px));-webkit-backdrop-filter:blur(calc(var(--exp-cal-glass-blur) + 2px));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),var(--depth-plastic-shadow,none)}.experimental-calendar__ribbon-frame{flex:none;width:100%;max-width:100%;box-sizing:border-box;border-radius:var(--exp-radius-frame,var(--radius-frame,16px));overflow:hidden;background-color:var(--ribbon-surface);background-clip:border-box;background-origin:border-box}.experimental-calendar .calendar-month-chrome,.experimental-calendar .calendar-weekdays{flex:none}.experimental-calendar .calendar-month-chrome{padding-inline:12px}.experimental-calendar .calendar-weekdays{padding-inline:4px}.experimental-calendar .calendar-grid,.experimental-calendar .calendar-month-track,.experimental-calendar .calendar-month-viewport{flex:1 1;min-height:0;overflow:hidden}.experimental-calendar .calendar-cell .calendar-event,.experimental-calendar .calendar-event,.experimental-calendar .calendar-week-span{height:var(--cal-strip-h,12px);min-height:var(--cal-strip-h,12px);box-sizing:border-box;padding-block:0}.experimental-calendar .calendar-cell .calendar-events,.experimental-calendar .calendar-events{gap:0;padding-top:0}.experimental-calendar .calendar-cell .calendar-events>li{top:calc(var(--lane, 0) * var(--calendar-span-lane-h, 14px))}.experimental-calendar .calendar-event-more{height:var(--cal-strip-h,12px);min-height:var(--cal-strip-h,12px);line-height:var(--cal-strip-h,12px);padding-block:0}.experimental-calendar .calendar-cell.is-selected,.experimental-calendar .ds-calendar-cell.is-selected{box-shadow:inset 0 0 0 2px var(--depth-selected-ring,var(--blue));background:color-mix(in srgb,var(--ribbon-selected) 70%,var(--raised));border-radius:var(--exp-cal-chip-radius)}.experimental-calendar .calendar-event.is-concept-strip,.experimental-calendar .calendar-event.is-concept-strip.is-birthday,.experimental-calendar .calendar-event.is-concept-strip.is-external,.experimental-calendar .calendar-event.is-concept-strip.is-imported,.experimental-calendar .calendar-event.is-concept-strip.is-shared,.experimental-calendar .calendar-event.is-concept-strip.is-shared-openable,.experimental-calendar .calendar-event.is-concept-strip.is-today{border-radius:var(--exp-cal-strip-radius,2px);margin-block:0;padding-block:0;background:var(--event-color,var(--accent));background-color:var(--event-color,var(--accent));color:#fff;box-shadow:inset 0 1px 0 var(--depth-surface-inset,transparent)}.experimental-calendar .calendar-event.is-concept-strip.is-birthday:hover,.experimental-calendar .calendar-event.is-concept-strip.is-external:hover,.experimental-calendar .calendar-event.is-concept-strip.is-imported:hover,.experimental-calendar .calendar-event.is-concept-strip.is-shared-openable:hover,.experimental-calendar .calendar-event.is-concept-strip.is-shared:hover,.experimental-calendar .calendar-event.is-concept-strip.is-today:hover,.experimental-calendar .calendar-event.is-concept-strip:hover{background:var(--event-color,var(--accent));background-color:var(--event-color,var(--accent));color:#fff}.experimental-calendar .calendar-week-span.is-concept-strip,.experimental-calendar .calendar-week-span.is-concept-strip.is-external,.experimental-calendar .calendar-week-span.is-concept-strip.is-imported,.experimental-calendar .calendar-week-span.is-concept-strip.is-shared,.experimental-calendar .calendar-week-span.is-concept-strip.is-shared-openable,.experimental-calendar .calendar-week-span.is-concept-strip.is-today{border-radius:var(--exp-cal-strip-radius,2px);margin-block:0;padding-block:0;background:var(--event-color,var(--accent));background-color:var(--event-color,var(--accent));color:#fff;box-shadow:inset 0 1px 0 var(--depth-surface-inset,transparent)}.experimental-calendar .calendar-week-span.is-concept-strip.is-external:hover,.experimental-calendar .calendar-week-span.is-concept-strip.is-imported:hover,.experimental-calendar .calendar-week-span.is-concept-strip.is-shared-openable:hover,.experimental-calendar .calendar-week-span.is-concept-strip.is-shared:hover,.experimental-calendar .calendar-week-span.is-concept-strip.is-today:hover,.experimental-calendar .calendar-week-span.is-concept-strip:hover{background:var(--event-color,var(--accent));background-color:var(--event-color,var(--accent));color:#fff}.experimental-calendar .ds-ribbon--connected{min-height:48px;padding:5px;align-items:center}.experimental-calendar .calendar-filter-ribbon,.experimental-calendar .experimental-calendar__ribbon-frame.calendar-filter-ribbon{display:flex;flex-direction:row;align-items:center}.experimental-calendar .ds-ribbon--connected:not(.ds-concept-marquee) .ds-ribbon__segment.is-selected{box-shadow:var(--ribbon-active-blob,none),0 0 22px color-mix(in srgb,var(--accent) 28%,transparent)}.experimental-calendar .calendar-filter-ribbon,.experimental-calendar__ribbon-frame{--ribbon-radius:var(--exp-radius-frame,var(--radius-frame,16px));border-radius:var(--ribbon-radius);overflow:hidden;background:linear-gradient(180deg,var(--depth-surface-inset,transparent),transparent 42%),radial-gradient(ellipse 34% 110% at 8% 50%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 72%),radial-gradient(ellipse 30% 110% at 36% 50%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 72%),radial-gradient(ellipse 30% 110% at 64% 50%,color-mix(in srgb,var(--blue) 18%,transparent),transparent 72%),radial-gradient(ellipse 32% 110% at 92% 50%,color-mix(in srgb,var(--pink) 18%,transparent),transparent 72%),var(--ribbon-surface);background-color:var(--ribbon-surface);background-clip:border-box;background-origin:border-box}.experimental-calendar .ds-concept-marquee.ds-ribbon--connected,.experimental-calendar .ds-concept-marquee[data-marquee-skin=logo-ribbon]{--ribbon-radius:var(--exp-radius-frame,var(--radius-frame,16px));position:relative;isolation:isolate;overflow:hidden;border-radius:0;width:100%;min-width:0;--motion-marquee-duration:68s;--motion-marquee-easing:linear;background:transparent;background-color:transparent;box-shadow:none;border-color:transparent}.experimental-calendar .ds-concept-marquee.ds-ribbon--connected:before,.experimental-calendar .ds-concept-marquee[data-marquee-skin=logo-ribbon]:before{content:none;background-image:none}.experimental-calendar .ds-concept-marquee.ds-ribbon--connected .ds-ribbon__header,.experimental-calendar .ds-concept-marquee.ds-ribbon--connected .ds-ribbon__segment,.experimental-calendar .ds-concept-marquee.ds-ribbon--connected .ds-ribbon__segment.is-selected{border-radius:999px}.experimental-calendar .calendar-filter-ribbon .ds-concept-marquee .ds-ribbon__segment.is-selected,.experimental-calendar .ds-concept-marquee.ds-ribbon--connected .ds-ribbon__segment.is-selected{background:transparent;box-shadow:none;border-style:solid;border-width:2.5px;border-color:var(--concept-event-color,var(--ribbon-focus));color:var(--concept-event-color,var(--ink))}.experimental-calendar .ds-concept-marquee .ds-concept-marquee__viewport{position:relative;z-index:1;touch-action:pan-y;overflow:hidden;border-radius:inherit;padding-inline:16px;box-sizing:border-box}.experimental-calendar .calendar-month-chrome .icon-control:not(.create):not(.is-active):not(.danger),.experimental-calendar .icon-control:not(.create):not(.is-active):not(.danger){width:var(--control-min-target,44px);height:var(--control-min-target,44px);min-width:var(--control-min-target,44px);min-height:var(--control-min-target,44px);border-radius:var(--control-radius);background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 55%,transparent));border:1px solid var(--depth-glass-edge,transparent);color:var(--ink);box-shadow:0 4px 10px color-mix(in srgb,var(--ink) 10%,transparent)}.experimental-calendar .icon-control.create,.experimental-calendar .icon-control.is-active:not(.danger){width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--exp-plastic-control,var(--control-radius));background:var(--exp-control-quiet,var(--raised));color:var(--ink);border-color:transparent;box-shadow:none}[data-presentation=experimental] .calendar-selected-day,[data-presentation=experimental] .ds-selected-day-shell,html[data-presentation=experimental] .calendar-selected-day,html[data-presentation=experimental] .ds-selected-day-shell{border-radius:var(--exp-radius-zone-large,var(--selected-day-radius,var(--radius)));background:var(--exp-sheet-fill,color-mix(in srgb,var(--surface) 94%,transparent));border:0;backdrop-filter:blur(calc(var(--exp-cal-glass-blur, var(--depth-glass-blur, 14px)) + 4px));-webkit-backdrop-filter:blur(calc(var(--exp-cal-glass-blur, var(--depth-glass-blur, 14px)) + 4px));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),var(--depth-plastic-shadow,none)}[data-presentation=experimental] .calendar-selected-day.is-sheet,html[data-presentation=experimental] .calendar-selected-day.is-sheet{border-radius:var(--exp-radius-zone-large,var(--selected-day-radius,var(--radius))) var(--exp-radius-zone-large,var(--selected-day-radius,var(--radius))) 0 0}[data-presentation=experimental] .calendar-selected-day-backdrop,html[data-presentation=experimental] .calendar-selected-day-backdrop{background:color-mix(in srgb,var(--ink) 28%,transparent);-webkit-backdrop-filter:blur(var(--depth-overlay-blur,14px));backdrop-filter:blur(var(--depth-overlay-blur,14px))}[data-presentation=experimental] .calendar-day-mini-card,html[data-presentation=experimental] .calendar-day-mini-card{border-radius:max(8px,calc(var(--exp-radius-zone-large, 24px) - 8px));background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 62%,transparent));border:0;backdrop-filter:blur(var(--exp-cal-glass-blur,var(--depth-glass-blur,14px)));-webkit-backdrop-filter:blur(var(--exp-cal-glass-blur,var(--depth-glass-blur,14px)));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent))}[data-presentation=experimental] .calendar-day-mini-card.is-external,html[data-presentation=experimental] .calendar-day-mini-card.is-external{background:color-mix(in srgb,var(--muted) 14%,var(--depth-glass-fill,color-mix(in srgb,var(--raised) 62%,transparent)))}[data-presentation=experimental] .calendar-day-mini-card.is-birthday,html[data-presentation=experimental] .calendar-day-mini-card.is-birthday{background:color-mix(in srgb,var(--accent) 14%,var(--depth-glass-fill,color-mix(in srgb,var(--raised) 62%,transparent)));border-color:color-mix(in srgb,var(--accent) 38%,var(--depth-glass-edge,transparent))}[data-presentation=experimental] .calendar-selected-day .icon-control.create,html[data-presentation=experimental] .calendar-selected-day .icon-control.create{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--exp-plastic-control,var(--control-radius));background:var(--exp-control-quiet,var(--raised));color:var(--ink);border-color:transparent;box-shadow:none}[data-presentation=experimental] .calendar-selected-day .icon-control:not(.create):not(.is-active):not(.danger),html[data-presentation=experimental] .calendar-selected-day .icon-control:not(.create):not(.is-active):not(.danger){width:var(--control-min-target,44px);height:var(--control-min-target,44px);min-width:var(--control-min-target,44px);min-height:var(--control-min-target,44px);background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 55%,transparent));border:1px solid var(--depth-glass-edge,transparent);color:var(--ink);box-shadow:0 4px 10px color-mix(in srgb,var(--ink) 10%,transparent)}[data-presentation=experimental] .calendar-selected-day-header,html[data-presentation=experimental] .calendar-selected-day-header{border-bottom:1px solid var(--depth-glass-edge,transparent)}[data-presentation=experimental] .calendar-selected-day-title,html[data-presentation=experimental] .calendar-selected-day-title{color:var(--ink);font-weight:800;opacity:1}[data-presentation=experimental] .calendar-selected-day-empty,html[data-presentation=experimental] .calendar-selected-day-empty{color:var(--muted)}[data-presentation=experimental] .calendar-selected-day .calendar-mart-group,html[data-presentation=experimental] .calendar-selected-day .calendar-mart-group{border-top-color:var(--depth-glass-edge,color-mix(in srgb,var(--line) 70%,transparent))}[data-presentation=experimental] .calendar-selected-day .calendar-mart-group-geo,[data-presentation=experimental] .calendar-selected-day .calendar-mart-group-title,html[data-presentation=experimental] .calendar-selected-day .calendar-mart-group-geo,html[data-presentation=experimental] .calendar-selected-day .calendar-mart-group-title{color:var(--muted)}[data-presentation=experimental] .calendar-selected-day .calendar-mart-retry,html[data-presentation=experimental] .calendar-selected-day .calendar-mart-retry{min-height:var(--control-min-target,44px);min-width:var(--control-min-target,44px);border:0;border-radius:var(--exp-plastic-control,var(--control-radius));background:var(--exp-control-quiet,var(--raised));color:var(--ink);box-shadow:none}[data-presentation=experimental] .calendar-selected-day .event-card.is-external-listing,html[data-presentation=experimental] .calendar-selected-day .event-card.is-external-listing{background:color-mix(in srgb,var(--muted) 10%,var(--depth-glass-fill,color-mix(in srgb,var(--raised) 62%,transparent)));border-color:var(--depth-glass-edge,transparent);backdrop-filter:blur(var(--exp-cal-glass-blur,var(--depth-glass-blur,14px)));-webkit-backdrop-filter:blur(var(--exp-cal-glass-blur,var(--depth-glass-blur,14px)));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent))}[data-presentation=experimental] .calendar-selected-day .event-card.is-external-listing .date span,html[data-presentation=experimental] .calendar-selected-day .event-card.is-external-listing .date span{color:var(--ink)}@media (max-width:720px){.experimental-calendar .calendar-month-chrome .icon-control:not(.create):not(.is-active):not(.danger){width:var(--control-min-target,44px);height:var(--control-min-target,44px);min-width:var(--control-min-target,44px);min-height:var(--control-min-target,44px)}}@media (prefers-reduced-motion:reduce){[data-presentation=experimental] .calendar-selected-day,html[data-presentation=experimental] .calendar-selected-day{transition:none!important}.experimental-calendar .ds-concept-marquee__track{transform:none!important}}