header{flex-direction:row;justify-content:space-between;padding:1.25rem;display:flex}header>div{flex-direction:row;align-items:center;display:flex}header .logo{width:1.875rem;height:1.875rem;margin-right:.6rem}header .title-part1{text-align:center;margin-right:.2rem;font:800 1.5rem/1.875rem Poppins}header .title-part2{text-align:center;color:var(--dark_main1_500);font:400 1.5rem/1.875rem Poppins}header .devButtons{gap:.3rem}header .profile{flex-direction:row;justify-content:center;align-items:center;gap:.3rem;display:flex}header .profile .disconnect-button{cursor:pointer;width:1.5rem;height:1.5rem}
.contact-thumbnail{flex-direction:column;align-items:center;gap:.5rem;display:flex}.contact-thumbnail .contact-sticker{box-shadow:var(--box-shadow-light);background:var(--light_main2_200);color:var(--dark_main2_600);aspect-ratio:1;font:var(--title_h3);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-thumbnail .contact-sticker svg{width:70%}.contact-thumbnail .contact-sticker .other-information{flex-direction:column;display:flex}.contact-thumbnail .contact-sticker .other-information .name{font:var(--text-p1)}.contact-thumbnail .contact-sticker .other-information .address{font:var(--text-p3)}.contact-thumbnail.orange .contact-sticker{background:var(--dark_main1_200);color:var(--dark_main1_500)}.contact-thumbnail.small .contact-sticker{width:2rem;font:var(--title_h4)}.contact-thumbnail.medium .contact-sticker{width:3rem}.contact-thumbnail.large .contact-sticker{width:5rem;font:var(--title_h2)}.contact-thumbnail.extra-large .contact-sticker{width:7.5rem;font:var(--title_h1)}.contact-thumbnail.extra-large .name{font:var(--chapo_c1m)}.contact-thumbnail.extra-large .address{font:var(--text-p1)}