@property --fundido-arriba{syntax:"<length>";inherits:false;initial-value:0}@property --fundido-abajo{syntax:"<length>";inherits:false;initial-value:0}@keyframes indice-de-guia-fundido-arriba{0%{--fundido-arriba:0px}to{--fundido-arriba:2rem}}@keyframes indice-de-guia-fundido-abajo{0%{--fundido-abajo:2rem}to{--fundido-abajo:0px}}@layer components{.indice-de-guia{--indice-pulgar:var(--guias-borde-realce);--indice-ancho-de-barra:6px}.indice-de-guia:is(:hover,:focus-within){--indice-pulgar:var(--tono-vivo)}.indice-de-guia::-webkit-scrollbar{width:var(--indice-ancho-de-barra)}.indice-de-guia::-webkit-scrollbar-track{background-color:#0000}.indice-de-guia::-webkit-scrollbar-thumb{background-color:var(--indice-pulgar);border-radius:999px}@supports not selector(::-webkit-scrollbar){.indice-de-guia{scrollbar-width:thin;scrollbar-color:var(--indice-pulgar) transparent}}@supports (animation-timeline:scroll()){.indice-de-guia{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fundido-arriba), #000 calc(100% - var(--fundido-abajo)), transparent), linear-gradient(#000, #000);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fundido-arriba), #000 calc(100% - var(--fundido-abajo)), transparent), linear-gradient(#000, #000);mask-image:linear-gradient(to bottom, transparent, #000 var(--fundido-arriba), #000 calc(100% - var(--fundido-abajo)), transparent), linear-gradient(#000, #000);-webkit-mask-size:100% 100%, var(--indice-ancho-de-barra) 100%;-webkit-mask-size:100% 100%, var(--indice-ancho-de-barra) 100%;mask-size:100% 100%, var(--indice-ancho-de-barra) 100%;animation:linear both indice-de-guia-fundido-arriba,linear both indice-de-guia-fundido-abajo;animation-timeline:scroll(self),scroll(self);animation-range:0 2rem,calc(100% - 2rem) 100%;-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}}