.type_text{letter-spacing:.1rem;text-transform:none;padding:.5rem;font-weight:700;overflow:hidden}.type_text span.typed-text{color:var(--main-color);font-weight:400}.type_text span.cursor{background-color:var(--secondary-text-color);width:3px;margin-left:.1rem;animation:1s infinite blink;display:inline-block}.type_text span.cursor.typing{animation:none}@keyframes blink{0%{background-color:var(--secondary-text-color)}49%{background-color:var(--secondary-text-color)}50%{background-color:#0000}99%{background-color:#0000}to{background-color:var(--secondary-text-color)}}
.scroller{max-width:100%}.scroller__inner{color:var(--secondary-text-color);flex-wrap:wrap;justify-content:center;gap:1rem;padding-block:1rem;display:flex}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#fff 20% 80%,#0000);mask:linear-gradient(90deg,#0000,#fff 20% 80%,#0000)}.scroller[data-animated=true] .scroller__inner{width:max-content;animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite;flex-wrap:nowrap}.scroller[data-direction=right]{--_animation-direction:reverse}.scroller[data-direction=left]{--_animation-direction:forwards}.scroller[data-speed=fast]{--_animation-duration:20s}.scroller[data-speed=slow]{--_animation-duration:60s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.tag-list{margin:0;padding-inline:0;font-size:2.5em;list-style:none}.tag-list li{--clr-primary-900:#0f151f;background:var(--primary-bg-color);border-radius:.5rem;padding:.75em 1.25em}.test{background:red!important}