.EventIcon{--event-icon-color:var(--color-primary);--event-icon-size:var(--dimensions-5);vertical-align:middle;color:var(--event-icon-color);width:var(--event-icon-size);height:var(--event-icon-size);flex-shrink:0;display:inline-block}.EventIcon--size-small{--event-icon-size:var(--dimensions-5)}.EventIcon--size-large{--event-icon-size:48px}.EventIcon--color-auto{--event-icon-color:inherit}.EventIcon--color-primary{--event-icon-color:var(--color-primary)}.EventIcon--color-secondary{--event-icon-color:var(--color-secondary)}.EventIcon--color-error{--event-icon-color:var(--color-error)}
.EventSelector__Grid{gap:var(--dimensions-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));width:100%;display:grid}.EventSelector__Item{padding:var(--dimensions-4);background-color:var(--color-background);border:1px solid var(--color-default-border);border-radius:var(--radius-medium);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:var(--dimensions-2);flex-direction:column;transition:all .2s ease-in-out;display:flex;position:relative}.EventSelector__Item:not(:disabled,[data-disabled]):hover{border-color:var(--color-primary);background-color:var(--color-surface)}.EventSelector__Item:disabled,.EventSelector__Item[data-disabled]{cursor:not-allowed;opacity:.5}.EventSelector__Item[data-state=checked]{border-color:var(--color-primary);background-color:var(--color-secondary-background);box-shadow:0 0 0 1px var(--color-primary)}.EventSelector__Item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.EventSelector__Circle{top:var(--dimensions-2);width:var(--dimensions-3);height:var(--dimensions-3);border-radius:var(--radius-full);border:1px solid var(--color-default-border);background-color:var(--color-background);justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset-inline-end:var(--dimensions-2)}.EventSelector__Item[data-state=checked] .EventSelector__Circle{border-color:var(--color-primary);background-color:var(--color-primary)}.EventSelector__Indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.EventSelector__Dot{border-radius:var(--radius-full);background-color:var(--color-primary-foreground);width:6px;height:6px}.EventSelector__Icon{margin-top:var(--dimensions-1)}.EventSelector__Label{font-family:var(--text-fonts-sans);font-size:var(--text-sizes-small);font-weight:var(--text-weights-medium);color:var(--color-foreground)}