/* Reuse the Plants genus layout, with Events theme tokens in both colour modes. */
.event-type-browser{border-color:var(--ev-line)}
.event-type-browser a{text-decoration:none;color:var(--ev-ink)}
.event-type-browser .genus-tile-image{background:var(--ev-surface);outline-color:var(--ev-line)}
.event-type-browser .genus-tile-count,.event-type-browser .genus-browser-empty{color:var(--ev-muted)}
.event-type-browser .genus-tile.is-selected .genus-tile-image{outline-color:var(--ev-ink)}
.event-type-browser .genus-tile-check:not(:empty){background:var(--ev-ink);color:var(--ev-bg)}
.event-type-browser .genus-browser-head .genus-browser-search{margin:0}
.event-type-browser .genus-browser-head .genus-browser-search input{width:145px;min-height:34px;margin:0;padding:7px 10px;border-radius:30px;font-size:.78rem;background:var(--ev-surface)}
.event-type-browser .genus-alphabet button{font:300 .75rem/1.2 Arial,Helvetica,sans-serif;color:var(--ev-muted)}
.event-type-browser .genus-alphabet button:disabled{opacity:.35}
.event-type-browser .genus-alphabet button:hover:not(:disabled),.event-type-browser .genus-alphabet button[aria-current]{color:var(--ev-ink);background:var(--ev-accent)}
.event-type-browser .genus-browser-arrows button{color:var(--ev-ink);border-color:var(--ev-line)}
.event-type-browser .genus-browser-arrows button:hover{background:var(--ev-accent)}
.event-type-browser .genus-browser-clear{border-color:var(--ev-muted)}
.event-type-browser a:focus-visible,.event-type-browser button:focus-visible{outline:2px solid var(--ev-ink);outline-offset:3px}
@media(max-width:600px){.event-type-browser .genus-browser-head .genus-browser-search input{width:104px;min-height:38px;font-size:16px}}