.skills-card-block{background-color:var(--color-rich-black);overflow:hidden;padding:4rem}.skills-card-block.light-blue-background{background-color:var(--color-light-blue);color:var(--color-rich-black)}.skills-card-block.dark-background{background-color:var(--color-rich-black)}.skills-card-block.light-background{background-color:var(--color-white);color:var(--color-rich-black)}.skills-card-block.tomato-red-background{background-color:var(--color-tomato-red);color:var(--color-rich-black)}.skills-card-block.wenge-gray-background{background-color:var(--color-wenge-gray)}@media (max-width:768px){.skills-card-block{padding:2rem}}@keyframes infiniteScroll{to{transform:translate(calc(-50% - .5rem))}}.skills-list,.skills-list-container{max-width:100%}.skills-list-inner{display:flex;flex-wrap:wrap;gap:1rem}.skills-list.scroller[data-animated=false]
.skills-list-inner{padding:1rem;justify-content:center}.skills-list.scroller[data-animated=false]
.skills-list-inner svg{width:4rem;height:4rem}@media (max-width:768px){.skills-list.scroller[data-animated=true] .skills-list-inner svg{width:5rem;height:5rem}}.skills-list.scroller[data-animated=true]
.skills-list-inner .skill-item:hover{transform:scale(1.1)}.skills-list.scroller[data-animated=true]
.skills-list-inner{width:max-content;flex-wrap:nowrap;animation:infiniteScroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}.skills-list.scroller[data-animated=true] .skills-list-inner:hover{transition-delay:1s;-webkit-transition-delay:1s}.skills-list.scroller[data-direction=right]{--_animation-direction:reverse}.skills-list.scroller[data-direction=left]{--_animation-direction:forwards}.scroller[data-speed=fast]{--_animation-duration:20s}.scroller[data-speed=slow]{--_animation-duration:60s}@media (prefers-reduced-motion:reduce){.skills-list.scroller{animation:none}}