/* Controles de desplazamiento compartidos, con los colores del tema activo. */
.motion-counting{position:relative;display:inline-block;font-variant-numeric:tabular-nums}
.motion-counting>.motion-number-exact{color:transparent}
.motion-number-visual{position:absolute;inset:0;white-space:nowrap;pointer-events:none}
/* El nuevo tema se revela sobre la imagen anterior desde el selector. */
::view-transition{pointer-events:none}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-image-pair(root){isolation:isolate}
::view-transition-new(root){z-index:1}
@media print{.motion-number-exact{color:inherit!important}.motion-number-visual{display:none!important}}
:root{color-scheme:dark;--scroll-track:var(--card2);--scroll-thumb:var(--muted);--scroll-active:var(--text)}
.catalog-list,.catalog-drawer,.catalog-preview>.insight-widget{scrollbar-gutter:stable;overscroll-behavior:contain}
.catalog-list:focus-visible,.catalog-preview:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@supports selector(::-webkit-scrollbar){
  *::-webkit-scrollbar{width:14px;height:14px}
  *::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:var(--scroll-track)}
  *::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid var(--scroll-track);border-radius:9px;min-height:28px;min-width:28px}
  *::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}
  *::-webkit-scrollbar-button:single-button{display:block;background-color:var(--scroll-track);width:14px;height:14px;background-repeat:no-repeat}
  *::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:linear-gradient(135deg,transparent 50%,var(--scroll-thumb) 50%),linear-gradient(45deg,var(--scroll-thumb) 50%,transparent 50%);background-size:4px 4px;background-position:3px 5px,7px 5px}
  *::-webkit-scrollbar-button:single-button:vertical:increment{background-image:linear-gradient(45deg,transparent 50%,var(--scroll-thumb) 50%),linear-gradient(135deg,var(--scroll-thumb) 50%,transparent 50%);background-size:4px 4px;background-position:3px 5px,7px 5px}
  *::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:linear-gradient(135deg,transparent 50%,var(--scroll-thumb) 50%),linear-gradient(45deg,transparent 50%,var(--scroll-thumb) 50%);background-size:4px 4px;background-position:5px 3px,5px 7px}
  *::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:linear-gradient(45deg,var(--scroll-thumb) 50%,transparent 50%),linear-gradient(135deg,var(--scroll-thumb) 50%,transparent 50%);background-size:4px 4px;background-position:5px 3px,5px 7px}
  *::-webkit-scrollbar-button:hover{background-color:var(--nav-hover)}
}
@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:auto}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  :root{--scroll-track:Canvas;--scroll-thumb:CanvasText;--scroll-active:Highlight}
  *{scrollbar-color:auto!important}
  *::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:Canvas}
  *::-webkit-scrollbar-button:single-button{background-color:Canvas}
  *::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}
}
