@layer anchor{[style*="--is:"]{anchor-name:var(--is)}[style*="--for:"]:is(:hover,:focus-visible):after{content:"";position:absolute;top:anchor(var(--for) top);right:anchor(var(--for) right);bottom:anchor(var(--for) bottom);left:anchor(var(--for) left)}.avatars [style*="--for:"]:is(:hover,:focus-visible):after{background:#8b5cf6;filter:hue-rotate(300deg);animation:lightSpeedInLeft .28s ease-out both}.links [style*="--for:"]:is(:hover,:focus-visible):after{background:var(--bg) no-repeat center /cover;border-radius:5px;animation:zoomIn .28s linear both}}@keyframes zoomIn{0%{scale:0;opacity:0}to{scale:2;opacity:1}}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}@keyframes slideHighlight{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.speakers{width:100%;max-width:1200px;margin:0 auto}.speakers .container{display:flex;gap:2rem;margin-top:2rem}.avatars{width:40%;position:relative}.avatars img{transition:transform .3s ease-out,brightness .3s ease-out;will-change:transform,brightness}.links{width:60%;list-style:none;padding:0}.links li{position:relative;line-height:1.8}.links a{text-decoration:none;border-bottom:1px dotted;color:#202021;position:relative;display:inline-block;padding:0 .25em;transition:color .3s ease-out;will-change:color}.links a:before{content:"";position:absolute;inset:0;background:#202021;transform-origin:left;transform:scaleX(0);opacity:1;z-index:-1;transition:transform .3s ease-out;will-change:transform}.links a.active:before,.links a:hover:before{transform:scaleX(1)}.links a.active,.links a:hover{color:#fff;background-color:#000;mix-blend-mode:difference}