.technologies{background:rgb(var(--shade-dark));border-bottom:1px solid rgba(var(--color),.1);border-top:1px solid rgba(var(--color),.1);display:flex;overflow:hidden}.technologies .container{display:flex;overflow:hidden;position:relative}.technologies .container:after,.technologies .container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:140px;z-index:20}.technologies .container:before{background:linear-gradient(90deg,rgb(var(--shade-dark)) 0,rgb(var(--shade-dark)) 50%,transparent);left:0}.technologies .container:after{background:linear-gradient(90deg,transparent,rgb(var(--shade-dark)) 50%,rgb(var(--shade-dark)) 100%);right:0}.technologies .container .phases{animation:scrollX 20s linear infinite;display:flex;flex-wrap:nowrap;gap:2rem;min-width:-moz-fit-content;min-width:fit-content;position:relative;will-change:left}.technologies .container .phases .phase{display:flex;flex-direction:row;gap:2rem;padding:10px 0}.technologies .container .phases .phase.duplicate a{pointer-events:none}.technologies a{align-items:center;border:1px solid transparent;border-radius:var(--radius);display:flex;justify-content:center;padding:2em 1.3em;position:relative;transform:scale(1);transition:border-color var(--transition),transform var(--transition);will-change:transform}.technologies a:before{background:radial-gradient(50% 0 at 50% 0,rgba(var(--tint),0) 0,transparent 100%);content:"";height:100%;left:0;position:absolute;top:0;transition:background var(--transition);width:100%;will-change:background}.technologies a:hover{border-color:rgb(var(--tint));transform:scale(1.05);z-index:10}.technologies a:hover:before{background:radial-gradient(50% 50% at 50% 100%,rgba(var(--tint),.25) 0,transparent 100%)}.technologies a:hover img{filter:brightness(100)}.technologies a img{height:30px;-o-object-fit:contain;object-fit:contain;opacity:.8;transition:filter var(--transition);width:auto;will-change:filter}@keyframes scrollX{0%{left:0}to{left:-50%}}@media (max-width:768px){.technologies .container:after,.technologies .container:before{width:70px}.technologies a img{height:24px}}