@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Regular.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Medium.otf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-SemiBold.otf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Bold.otf) format("truetype");font-weight:700;font-style:normal}.rectangle{color:#000;width:100%}.rectangle .image{position:relative;border-radius:16px}.rectangle .image:hover img{transform:scale(1.1)}.rectangle .image:hover:before{content:"";width:100%;height:100%;display:block;top:0;left:0;position:absolute;z-index:1}.rectangle .image:hover:after{background-color:transparent}.rectangle .image:hover{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>👀</text></svg>") 16 0,auto/*!emojicursor.app*/}.rectangle .title{margin:20px 0 0;font-size:var(--font-size-md);font-weight:600}.rectangle .role{font-size:1rem;font-weight:600;color:#000;opacity:.5}.rectangle .description{font-size:var(--font-size-base);margin-bottom:30px;color:#000}@media only screen and (max-width:900px){.rectangle{width:100%}}.user-types{margin:2rem 0;text-align:center;grid-column:auto;display:grid;grid-template-columns:340px 340px;grid-row:auto;grid-column-gap:80px;grid-row-gap:20px}.max-length{overflow:hidden;max-width:75ch}.eye-icon{position:absolute;z-index:1;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes morph{0%{d:path("M16,6 a10,10 0 1,0 0,20 a10,10 0 1,0 0,-20")}to{d:path("M4,4 h24 a4,4 0 0,1 4,4 v16 a4,4 0 0,1 -4,4 h-24 a4,4 0 0,1 -4,-4 v-16 a4,4 0 0,1 4,-4")}}.morphing-cursor path{animation:morph 2s forwards}