[data-example=calendar-events].primitive-example,.primitive-example:has(>recipe-calendar-events,>recipe-calendar-events-app){flex-flow:column;align-items:stretch}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where(input){padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--on-surface);font:inherit}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-title]){margin:0;font-size:1rem}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-grid]){gap:var(--space-1);grid-template-columns:repeat(7,minmax(4.5rem,1fr));display:grid;overflow-x:auto}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([role=row]){display:contents}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([role=columnheader]){color:var(--on-surface-container-low);text-align:center;font-size:.75rem;font-weight:400}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([role=gridcell]){gap:var(--space-1);min-height:5rem;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--on-surface);flex-direction:column;display:flex}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-outside]){color:var(--on-surface-container-low);background:0 0}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-sortable-over]){border-color:var(--primary)}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-day]){font-size:.75rem}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-event]){padding:var(--space-1);overflow-wrap:anywhere;border-radius:var(--radius-control);background:var(--surface-container);color:var(--on-surface-container);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-event][data-sortable-state=lifted]){background:var(--primary);color:var(--on-primary);transform:translate(var(--sortable-dx,0), var(--sortable-dy,0))}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-sortable-drop=before]){box-shadow:0 -2px 0 var(--primary)}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([data-sortable-drop=after]){box-shadow:0 2px 0 var(--primary)}:is([data-example=calendar-events],recipe-calendar-events,recipe-calendar-events-app) :where([role=gridcell]:focus-visible,[data-event]:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px}