.person[data-v-15333b76]{align-items:center;background-color:#21154d66;border:2px solid var(--light-blue);border-radius:50px;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:0 0 0 15px;position:relative;transition:all .3s}.person.opened[data-v-15333b76],.person.opened .wrapper-name-person[data-v-15333b76]{border-radius:50px 50px 10px}.person .info-person[data-v-15333b76]{align-items:center;color:var(--light-blue);display:flex;flex-direction:column;justify-content:center}.person .info-person span[data-v-15333b76]{white-space:nowrap}.person .info-person span[data-v-15333b76]:first-child{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}.person .info-person span[data-v-15333b76]:last-child{font-size:10px;font-weight:700}.person .info-person span:last-child img[data-v-15333b76]{width:11px}.person .wrapper-name-person[data-v-15333b76]{align-items:center;border:none;border-left:2px solid var(--light-blue);border-radius:50%;box-shadow:0 0 15px #36e2ff80;color:var(--light-blue);display:flex;justify-content:center;padding:9px}.person .wrapper-name-person .name-person[data-v-15333b76]{display:flex;height:20px;justify-content:center;width:20px}.details-person[data-v-15333b76]{background-color:#404040e6;border-radius:30px 5px 30px 30px;flex-direction:column;padding:15px;position:absolute;right:0;top:50px;transition:right .5s;width:250px;z-index:-10}.details-person[data-v-15333b76],.details-person button[data-v-15333b76]{color:var(--main-light-color);display:flex}.details-person button[data-v-15333b76]{align-items:center;border-radius:50px;cursor:pointer;font-size:13px;gap:10px;line-height:12px;padding:10px 5px 10px 10px}.details-person button[data-v-15333b76]:link{text-decoration:none}.details-person button[data-v-15333b76]:hover{background-color:var(--main-backgground-color)}.details-person button[data-v-15333b76]:after{content:"";display:none}.details-person button img[data-v-15333b76]{height:20px;width:18px}.details-person button .gallery[data-v-15333b76]{width:15px}.details-person .secondary[data-v-15333b76]{margin-top:10px;padding:5px}.details-person .top-up-balance[data-v-15333b76]{border-radius:50px;height:32px;margin-top:10px;position:relative;width:220px}.details-person .top-up-balance .secondary[data-v-15333b76]{background:linear-gradient(to right,var(--main-light-color) 0,var(--light-pink) 10%,var(--main-light-color) 20%);-webkit-background-clip:text;background-position:0;color:var(--main-light-color);font-weight:600;height:100%;position:absolute;width:100%;-webkit-text-fill-color:transparent;animation:shine-15333b76 3s linear infinite;animation-fill-mode:forwards;-webkit-text-size-adjust:none;border:1px solid var(--light-pink);margin:unset;text-decoration:none;white-space:nowrap}.details-person .top-up-balance[data-v-15333b76]:hover{background-color:var(--main-backgground-color)}@keyframes shine-15333b76{0%{background-position:0}60%{background-position:220px}to{background-position:220px}}.details-person .rotate[data-v-15333b76]{transform:rotate(180deg)}.hidden-drop-down[data-v-15333b76]{right:-400px}@media screen and (min-width:2000px){.person .wrapper-name-person[data-v-15333b76]{padding:12px}}@media screen and (max-width:500px){.person.opened[data-v-15333b76],.person.opened .wrapper-name-person[data-v-15333b76]{border-radius:50px}.details-person[data-v-15333b76]{border-radius:30px}.details-person[data-v-15333b76]:not(.hidden-drop-down){right:-30px}}