/*! CSS Portal — CSS Animation Viewer: animation picker */
.gt [hidden] { display: none !important; }
.gt .av-search {
	box-sizing: border-box; width: 100%; height: 34px; padding: 0 10px;
	font: inherit; font-size: 13px; color: var(--ct-text);
	background: var(--ct-bg); border: 1px solid var(--ct-border); border-radius: 8px; outline: none;
}
.gt .av-search:focus { border-color: var(--ct-accent); box-shadow: 0 0 0 3px var(--ct-accent-soft); }
.gt .av-groups { display: grid; gap: 12px; max-height: 460px; overflow: auto; padding-right: 2px; }
.gt .av-group h4 { margin: 0 0 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ct-muted); }
.gt .av-items { display: flex; flex-wrap: wrap; gap: 5px; }
.gt .av-item {
	margin: 0; padding: 5px 9px;
	font: 500 12.5px/1.2 var(--ct-mono, monospace); color: var(--ct-text);
	background: var(--ct-bg); border: 1px solid var(--ct-border); border-radius: 6px; cursor: pointer;
}
.gt .av-item:hover { border-color: var(--ct-border-strong); background: var(--ct-surface); }
.gt .av-item:focus-visible { outline: none; border-color: var(--ct-accent); box-shadow: 0 0 0 3px var(--ct-accent-soft); }
.gt .av-item.is-active { color: #fff; background: var(--ct-accent); border-color: var(--ct-accent); }
.gt .av-none { margin: 0; font-size: 13px; color: var(--ct-muted); }
.gt .av-current { font-family: var(--ct-mono, monospace); font-size: 13px; font-weight: 600; color: var(--ct-accent); }
.gt .av-motion { margin: 0; padding: 10px 16px; font-size: 13px; color: var(--ct-warn, #b45309); background: var(--ct-surface); border-bottom: 1px solid var(--ct-border); }