.staff-tile{position:relative}.staff-tile .staff-content{display:flex;gap:1rem}.staff-tile .staff-content img{align-self:flex-start;height:80px;object-position:0 0;width:80px}.staff-tile .staff-pos{font-size:clamp(.875rem,1.25vw,1rem);line-height:1.25}.staff-tile .staff-info .extra-pos:nth-child(odd){background:#ced2d5;margin:.25rem 0 .25rem -.25rem;padding:.25rem}.staff-tile .faculty-contact{animation:contact-contract .25s ease-in-out forwards;background:#d8dee1;border-radius:.375rem;bottom:.75rem;left:0;overflow:hidden;padding:0 1rem;position:absolute;transition:.25s;visibility:hidden;width:100%}.staff-tile .faculty-contact .active{animation:contact-expand .25s ease-in-out forwards;visibility:visible}.staff-tile .contact-div ul{align-items:center;gap:.25rem;margin:0;padding:.25rem 0 0}.staff-tile .contact-div ul li{font-size:1rem;margin:0}.staff-div{max-width:20rem}.staff-div .staff-info{display:flex;gap:1rem}.staff-div .staff-info img{align-self:center;height:75px;object-position:0 -10px;width:75px}.staff-div .staff-pos{font-size:.75rem}.staff-div .contact-div .contact-h{display:none}.staff-div .contact-div ul{align-items:center;display:flex;gap:.75rem;margin:0;padding:0}.staff-div .contact-div ul li{margin:0}.staff-div .contact-div ul li.staff-location.active:after{background:#fff;bottom:42px;clip-path:polygon(0 0,50% 100%,100% 0);content:"";height:8px;position:absolute;width:25px}.staff-div .contact-div ul li.staff-location.active span{background:#fff;border-radius:5px;bottom:35%;display:block;left:2.5%;padding:5px;position:absolute;width:95%}.staff-div .contact-div ul li span{display:none}.staff-div .contact-div.faculty-contact{animation:contact-contract .25s ease-in-out forwards;background:#d8dee1;border-radius:.375rem;bottom:.75rem;left:0;overflow:hidden;padding:0 1rem;position:absolute;transition:.25s;visibility:hidden;width:100%}.staff-div .contact-div.faculty-contact.active{animation:contact-expand .25s ease-in-out forwards;visibility:visible}.staff-div .contact-div.faculty-contact ul{align-items:center;display:block;gap:.25rem;margin:0;padding:.25rem 0 0}.staff-div .contact-div.faculty-contact ul li{font-size:1rem;margin:0}.bio-btn{background:#0aa2c2;border-radius:.125rem;color:#fff;font-size:1.25rem;font-variation-settings:"wght" 300;font-weight:300;padding:.25rem .75rem}.ppl-content{text-align:right}.ppl-content .ppl-positions{text-align:left}.ppl-content .ppl-positions h3{font-size:1.25rem;line-height:1.25rem;margin-bottom:5px}.ppl-content .ppl-positions .pos-content{font-size:1rem;font-variation-settings:"wght" 400;font-weight:400;line-height:1.5;margin-bottom:1rem}.ppl-content .bio-btn{font-size:1rem}.page-input,.sort{border-color:#e4e4e4}.sort{max-height:34px;min-width:62px}#loading{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:100%;border-top:6px solid #0061ab;height:2rem;margin:auto;width:2rem}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (min-width:640px){.staff-div .staff-info{display:block}.staff-div .staff-info img{height:11rem;margin:0 auto;width:11rem}.staff-div .staff-pos{font-size:1rem}.staff-div .contact-div{flex-direction:column;justify-content:flex-start;min-height:11.5rem}.staff-div .contact-div .contact-h{display:block}.staff-div .contact-div ul{display:block;margin:1rem auto .25rem}.staff-div .contact-div ul li{margin-bottom:5px}.staff-div .contact-div ul li span{display:inline}}