@font-face{font-family:Outfit;src:url(/_next/static/media/d51c39c65374f5eb-s.p.ttf) format("truetype");font-display:swap;font-weight:100;font-style:normal}@font-face{font-family:Outfit;src:url(/_next/static/media/9feda05ccd84f636-s.p.ttf) format("truetype");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:Outfit;src:url(/_next/static/media/8f89a25c2def7afe-s.p.ttf) format("truetype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:Outfit;src:url(/_next/static/media/dd76e46248812453-s.p.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Outfit;src:url(/_next/static/media/4cfff1248df990a8-s.p.ttf) format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:Outfit;src:url(/_next/static/media/faa1bff682c4eb20-s.p.ttf) format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:Outfit;src:url(/_next/static/media/4d44633bfcd5f030-s.p.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:Outfit;src:url(/_next/static/media/34f415039fc7fcef-s.p.ttf) format("truetype");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:Outfit;src:url(/_next/static/media/13484bd6087ebcce-s.p.ttf) format("truetype");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:99.94%;descent-override:25.98%;line-gap-override:0.00%;size-adjust:100.06%}.__className_10129c{font-family:Outfit,Outfit Fallback}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.role-card.role-selected,.role-card:hover{border-color:#198754!important;background-color:rgba(25,135,84,.1)}.role-card:hover{cursor:pointer}.role-card .arrow-icon{opacity:0;transition:opacity .2s}.role-card:hover .arrow-icon{opacity:1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}