.ppl-wrapper{font-family:'Open Sans'}
.ppl-card{display:flex;align-items:center;text-align:center}
.ppl-profiles{gap:30px}
.ppl-profile{width:100px;gap:10px;transition:transform .2s ease}
.ppl-profile:active{transform:scale(.9)}
.ppl-profile:focus{background:none !important;transform:scale(1.2)}
.ppl-profile-name{font-size:.9rem}
.ppl-back{margin:0 auto 8px}
.ppl-back:active,.ppl-back:focus{background:none !important}
.ppl-selected{flex-direction:column;align-items:center;gap:10px;margin:6px 0 12px;justify-content:center}
.ppl-selected-avatar{width:80px;height:80px}
.ppl-selected-name{text-transform:uppercase;letter-spacing:1px;color:#FFF}
.ppl-pin-label{margin-bottom:8px}
.ppl-pin-label span{display:none}
.ppl-pin-input-wrap{padding:0;border-radius:25px;background:#fff;position:relative}
.ppl-pin-input{font-size:1.2rem;letter-spacing:.2em;text-align:center}
.ppl-toggle-visibility{width:48px;height:48px;background:#eee;color:#333;border-radius:0 25px 25px 0}
.ppl-toggle-visibility:hover{background:#ddd}
.ppl-submit{width:100%;margin-top:10px;padding:12px 25px;color:#fff;border-radius:25px;font-size:.9rem;font-weight:600;font-family:'Open Sans';letter-spacing:2px}
@media (hover:hover){.ppl-profile:hover{background:none !important;transform:scale(1.2)}.ppl-submit:hover{filter:brightness(1.02)}.ppl-back:hover{background:none}}
@media (max-width:400px){.ppl-profiles{gap:12px}}