.gsl-person-tile-box {
width: 100%;
}
.gsl-search-persons {
display: flex;
flex-direction: column;
gap: 12px;
margin: 16px 0 32px;
}
.gsl-person-tile-box--link {
display: block;
color: inherit;
text-decoration: none;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.gsl-person-tile-box--link:hover {
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
transform: translateY(-0.5px);
color: var(--post-card-accent)
}
.gsl-person-tile-box--link:focus-visible {
outline: 2px solid rgba(0, 0, 0, 0.22);
outline-offset: 2px;
}
.gsl-person-tile {
display: flex;
align-items: center;
gap: 12px;
}
.gsl-person-tile__avatar {
flex: 0 0 auto;
width: 56px;
height: 56px;
border-radius: 999px;
overflow: hidden;
background: rgba(0, 0, 0, 0.06);
display: block;
text-decoration: none;
}
.gsl-person-tile__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gsl-person-tile__body {
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.gsl-person-tile__name {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: inherit;
text-decoration: none;
}
.gsl-person-tile__position {
font-size: 14px;
line-height: 1.25;
color: var(--color-text-hide, #667);
}
.gsl-banner .gsl-person-tile__position {
color: rgba(255, 255, 255, 0.9);
}
.gsl-banner .gsl-person-tile__avatar {
background: rgba(255, 255, 255, 0.22);
}