@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUpRightAnimation{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes ripple-expand{to{opacity:0;transform:scale(1)}}.techs__grid{scrollbar-width:thin;scrollbar-color:#969696 #0000;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));align-content:start;gap:2rem;height:50dvh;display:grid;overflow-y:scroll}.techs__grid::-webkit-scrollbar{width:6px}.techs__grid::-webkit-scrollbar-thumb{background:#969696;border-radius:6px}@-moz-document url-prefix(){.techs__grid{scrollbar-width:thin;scrollbar-color:#969696 #0000}}.techs__grid__item{flex-direction:column;align-items:center;gap:.2rem;display:flex}.techs__grid__item__icon{cursor:pointer;background:linear-gradient(#202231,#0000);border:1px solid #202231;border-radius:8px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.techs__grid__item__icon:before{content:"";opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.techs__grid__item__icon svg{width:25px;height:25px;transition:all .3s cubic-bezier(.4,0,.2,1)}:is(.techs__grid__item__icon:hover,.techs__grid__item:has(.tech-popover:popover-open) .techs__grid__item__icon){color:#010314}.techs__grid__item__icon:hover:before{opacity:1}.techs__grid__item:has(.tech-popover:popover-open) .techs__grid__item__icon:before{opacity:1}:is(.techs__grid__item__icon:hover svg,.techs__grid__item:has(.tech-popover:popover-open) .techs__grid__item__icon svg){transform:scale(1.1)}.techs__grid__item:nth-child(3n+1) .techs__grid__item__icon:before{background:linear-gradient(#6990d1,#4debc6)}.techs__grid__item:nth-child(3n+2) .techs__grid__item__icon:before{background:linear-gradient(#ffd879,#fe6a68)}.techs__grid__item:nth-child(3n) .techs__grid__item__icon:before{background:linear-gradient(#ec9fff,#7f99fa)}.techs__grid__item__label{font-family:var(--font-fira-code);text-align:center;height:1rem;font-size:10px}.techs__grid__no-results{text-align:center;grid-column:1/-1}.techs__grid__no-results span{font-family:var(--font-fira-code)}@media (min-width:768px){.techs__grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))}.techs__grid__item__icon svg{width:40px;height:40px}.techs__grid__item__label{font-size:14px}}