/* One category language: optical icon column, real text and a quiet direction. */
.genre-link{--genre-ink:var(--primary);position:relative;display:inline-grid;grid-template-columns:23px minmax(0,1fr) 10px;align-items:center;gap:8px;min-height:44px;max-width:100%;box-sizing:border-box;padding:7px 2px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ivory);text-decoration:none;font:500 12px/1.35 var(--font);letter-spacing:0;text-shadow:0 1px 7px #0008;transition:color .22s}
.genre-link::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--genre-ink) 45%,transparent),transparent);opacity:.45;transform-origin:left;transition:opacity .25s,transform .25s;pointer-events:none}
.genre-link-art{display:grid;place-items:center;width:23px;height:27px;line-height:0;color:var(--genre-ink);filter:drop-shadow(0 1px 3px #0008);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.genre-link-art>.icon{display:block;width:21px;height:21px;stroke-width:1.5}
.genre-link-label{min-width:0;overflow-wrap:anywhere}
.genre-link-arrow{display:grid;place-items:center;width:10px;height:20px;color:var(--genre-ink);opacity:.72;transition:transform .25s,opacity .25s}
.genre-link-arrow>.icon{display:block;width:10px;height:10px;transform:rotate(-90deg)}
.genre-link:is(:hover,:focus-visible){color:var(--ivory)}
.genre-link:is(:hover,:focus-visible)::after{opacity:1}
.genre-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.genre-link:active .genre-link-art{transform:scale(.93)}
.genre-link[data-genre="Ciencia ficción"],.genre-link[data-genre="Misterio"]{--genre-ink:#a6caff}
.genre-link[data-genre="Aventura"],.genre-link[data-genre="Fantasía"],.genre-link[data-genre="Familia"]{--genre-ink:#afcebb}
.genre-link[data-genre="Comedia"],.genre-link[data-genre="Animación"],.genre-link[data-genre="Historia"],.genre-link[data-genre="Western"]{--genre-ink:#dbc792}
.genre-link[data-genre="Terror"],.genre-link[data-genre="Suspenso"],.genre-link[data-genre="Crimen"],.genre-link[data-genre="Romance"]{--genre-ink:#e2a5b5}
.genre-link[data-genre="Acción"],.genre-link[data-genre="Bélica"]{--genre-ink:#dcc0a3}
.genre-pills{display:flex;flex-wrap:wrap;gap:6px 23px;overflow:visible}
.genre-pills>.genre-link{display:inline-grid;font-size:14px;min-height:44px;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--ivory)}
.genre-pills>.genre-link::before{content:none}
.genre-pills .genre-link-art>.genre-symbol{width:21px;height:21px;color:inherit}
.genre-pills>.genre-link.selected{background:transparent;border:0;color:var(--primary)}
.genre-pills>.genre-link.selected::after{height:2px;opacity:.8}
@media(hover:hover) and (pointer:fine){.genre-link:hover .genre-link-art{transform:translateY(-2px) rotate(-5deg)}.genre-link:hover .genre-link-arrow{transform:translateX(2px);opacity:1}}
@media(max-width:600px){.genre-link{grid-template-columns:20px minmax(0,1fr) 9px;gap:6px;min-height:44px;padding:7px 0;font-size:11px}.genre-link-art{width:20px;height:25px}.genre-link-art>.icon{width:19px;height:19px}.genre-link-arrow,.genre-link-arrow>.icon{width:9px}}
@media(max-width:600px){.genre-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px}.genre-pills>.genre-link{font-size:12px}.genre-pills>.genre-link.selected{grid-column:1/-1;width:max-content}.genre-pills .genre-link-art>.genre-symbol{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.genre-link,.genre-link::after,.genre-link-art,.genre-link-arrow{transition:none}}
@media(forced-colors:active){.genre-link,.genre-link-art,.genre-link-arrow{color:LinkText;text-shadow:none;filter:none}.genre-link::after{background:LinkText}.genre-link:focus-visible{outline-color:Highlight}}