@media (width<=767px){.timeline-card-details{flex-wrap:wrap;gap:6px 14px;display:flex}.timeline-card-details li{min-width:0;max-width:100%}.timeline-card-details li[data-detail=calendar]{flex:0 auto}.timeline-card-details li[data-detail=pin]{flex:80px}.timeline-card-details li[data-detail=users]{flex:calc(50% - 7px)}.event-card-facts .event-card-page-views{flex:0 auto}}.calendar-event-card{background:hsl(var(--card));border-radius:14px;padding:10px;box-shadow:0 2px 8px #0f1f3d08}.calendar-event-card:hover{border-color:hsl(var(--gold) / 45%);box-shadow:0 6px 20px #0f1f3d12}.calendar-event-card:focus-visible{outline:2px solid hsl(var(--gold));outline-offset:3px}@media (width>=768px){.calendar-event-card{padding:10px 12px}}.calendar-event-card .calendar-card-logo{border-radius:12px;width:64px;height:64px}.calendar-event-card .calendar-card-title{letter-spacing:-.02em;font-size:16px}.calendar-card-action{color:hsl(var(--primary));white-space:nowrap;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:5px;padding-left:12px;font-size:11px;font-weight:700;display:flex}.calendar-card-action>span:first-child{background:hsl(var(--primary) / 6%);border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s,transform .2s;display:grid}.calendar-event-card:hover .calendar-card-action>span:first-child{background:hsl(var(--gold) / 20%);transform:translate(2px)}.event-card-metrics{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.event-card-metric{border:1px solid hsl(var(--primary) / 5%);background:hsl(var(--primary) / 3%);min-width:0;color:hsl(var(--primary));border-radius:9px;flex:0 auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;padding:5px 8px;display:grid}.event-card-metric-icon{background:hsl(var(--primary) / 6%);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.event-card-metric-copy{gap:2px;display:grid}.event-card-metric-copy strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:750;line-height:1.1}.event-card-metric-copy>span{color:hsl(var(--muted-foreground));font-size:11px;line-height:1.3}.event-card-metric.event-card-page-views{background:linear-gradient(125deg, hsl(var(--gold) / 12%), hsl(var(--gold) / 4%));border-color:hsl(var(--gold) / 25%);flex:0 auto}.event-card-page-views .event-card-metric-icon{background:hsl(var(--gold) / 18%);color:hsl(var(--primary))}.event-card-trend{white-space:nowrap;color:#c66b10;background:#fff2e6;border:1px solid #ffd2a6;border-radius:8px;flex:none;justify-content:center;align-self:center;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}@media (width>=768px) and (width<=1100px){.calendar-event-card .calendar-card-logo{width:60px;height:60px}.calendar-event-card .calendar-card-title{font-size:16px}.calendar-card-action{padding-left:12px}.event-card-metric{flex-basis:auto;gap:4px 7px;padding:5px 7px}.event-card-metric.event-card-page-views{flex-basis:auto}.event-card-metric-icon{width:20px;height:20px}.event-card-metric-icon svg{width:14px;height:14px}.event-card-metric-copy strong{font-size:13px}}@media (width<=767px){.event-card-metrics{gap:8px}.event-card-metric{flex:80px;gap:3px 6px;padding:5px 7px}.event-card-metric.event-card-page-views{flex:80px}.event-card-metric-icon{width:20px;height:20px}.event-card-metric-icon svg{width:14px;height:14px}.event-card-metric-copy strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.calendar-card-action>span:first-child{transition:none}.calendar-event-card:hover .calendar-card-action>span:first-child{transform:none}}.event-card-metric-icon svg,.calendar-card-action svg{width:14px;height:14px}@media (width<=767px){.event-card-metric-icon svg{width:14px;height:14px}.event-card-metric-copy>span{font-size:10px}}@media (width>=768px){.event-card-metric-copy{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.event-card-metric{padding:5px 7px}.event-card-metric-copy strong{font-size:13px}}.event-card-metric.event-card-attendees{background:hsl(var(--success) / 6%);border-color:hsl(var(--success) / 12%)}.event-card-attendees .event-card-metric-icon{background:hsl(var(--success) / 10%);color:hsl(var(--success))}.calendar-event-card{position:relative}.calendar-event-card .calendar-card-live{background:hsl(var(--gold));color:hsl(var(--primary));z-index:1;margin:0;position:absolute;top:10px;right:12px}@media (width>=768px){.calendar-event-card--live .calendar-card-action{min-width:70px;padding-top:20px}}@media (width<=767px){.calendar-event-card--live .timeline-card-mobile>div:first-child{padding-right:72px}.calendar-event-card--live .timeline-card-chevron{position:absolute;top:36px;right:14px}}
