@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,sans-serif;overflow:hidden auto;width:100%;height:auto;display:grid;place-items:center;min-height:100vh}.choose-role{width:70vw;padding:3.2rem;display:grid;place-items:center;gap:2.1rem}.choose-role-title{width:75%;font-weight:600;font-size:1.9rem;text-align:center}.choose-role-title span{font-style:italic}.choose-role-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.9rem}.choose-role-wrapper .role-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:17rem;height:14rem;border-radius:.8rem;border:#000 1px solid;cursor:pointer;transition:all .5s ease-in;padding:2.1rem;text-align:center}.choose-role-wrapper .role-container .material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 24;font-size:5.1rem}.choose-role-wrapper .role-container .text{font-size:1.9rem}.choose-role-wrapper .role-container:hover{background-color:#000;color:#fff;transition:all .5s ease-out}.choose-role-wrapper .no-role .to-login{cursor:pointer;font-weight:600;text-decoration:underline}@media (max-width: 767.98px){.choose-role{padding:2.1rem 0}.choose-role-title{width:100%}}