.experimental-calendar{--exp-cal-plastic-radius:var(--radius);--exp-cal-chip-radius:var(--chip-radius,16px);--exp-cal-glass-blur:var(--depth-glass-blur,var(--depth-overlay-blur,14px));position:relative}.experimental-calendar__month{border-radius:var(--exp-cal-plastic-radius,var(--radius));background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 62%,transparent));border:1px solid var(--depth-glass-edge,color-mix(in srgb,var(--ribbon-edge) 55%,var(--line)));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{border-radius:var(--exp-cal-plastic-radius,var(--radius))}.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{border-radius:999px;min-height:9px;background:var(--event-color,var(--accent));box-shadow:inset 0 1px 0 var(--depth-surface-inset,transparent),0 0 14px color-mix(in srgb,var(--event-color,var(--accent)) 48%,transparent)}.experimental-calendar .ds-calendar-strip:not(.calendar-event){border-radius:999px;height:5px;background:var(--accent);opacity:.95;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}.experimental-calendar .ds-ribbon--connected{min-height:48px;padding:5px}.experimental-calendar .ds-ribbon--connected .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 .icon-control:not(.create):not(.is-active):not(.danger){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);box-shadow:0 4px 10px color-mix(in srgb,var(--ink) 10%,transparent)}.experimental-calendar .icon-control.create,.experimental-calendar .icon-control.is-active{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:var(--ribbon-radius,999px);background:color-mix(in srgb,var(--accent) 90%,var(--raised));color:#20150b;border-color:transparent;box-shadow:0 0 calc(var(--depth-glow-blur, 0) + 6px) calc(var(--depth-glow-spread, 0) + 2px) var(--depth-glow-important,transparent),var(--depth-cta-glow,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(--selected-day-radius,var(--radius));background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 58%,transparent));border:1px solid var(--depth-glass-edge,color-mix(in srgb,var(--ribbon-edge) 70%,var(--line)));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(--selected-day-radius,var(--radius)) 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:var(--chip-radius,16px);background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 62%,transparent));border:1px solid var(--depth-glass-edge,color-mix(in srgb,var(--line) 70%,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-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:50px;height:50px;min-width:50px;min-height:50px;border-radius:var(--ribbon-radius,999px);background:color-mix(in srgb,var(--accent) 90%,var(--raised));color:#20150b;border-color:transparent;box-shadow:0 0 calc(var(--depth-glow-blur, 0) + 6px) calc(var(--depth-glow-spread, 0) + 2px) var(--depth-glow-important,transparent),var(--depth-cta-glow,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){background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 55%,transparent));border:1px solid var(--depth-glass-edge,transparent);box-shadow:0 4px 10px color-mix(in srgb,var(--ink) 10%,transparent)}@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{animation:none!important}}