.users[data-v-19fe7dc2]{position:relative}.users[data-v-19fe7dc2]:before{aspect-ratio:1;border:1px solid var(--Color-Blue);border-radius:100%;content:"";filter:blur(10px);left:50%;opacity:.75;position:absolute;top:50%;transform:translate(-50%,-50%)}.users.-animate[data-v-19fe7dc2]:before{animation:size-back-19fe7dc2 5s linear .3s forwards}.users__user[data-v-19fe7dc2]{aspect-ratio:1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffff03;border-radius:100%;box-shadow:0 2px 4px #00000040;flex-shrink:0;overflow:hidden}.users.-animate .users__user[data-v-19fe7dc2]:not(.-me){animation:move-user-19fe7dc2 .6s linear .1s forwards}.users.-animate .users__user.-me[data-v-19fe7dc2]{animation:show-me-19fe7dc2 .6s linear .1s forwards;opacity:0}.users__user__avatar[data-v-19fe7dc2]{border-radius:100%;-o-object-fit:cover;object-fit:cover}.users__icon[data-v-19fe7dc2]{backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffff03;border-radius:100%;box-shadow:0 2px 4px #00000040;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.users.-animate .users__icon[data-v-19fe7dc2]{animation:show-icon-19fe7dc2 5s linear .3s forwards;opacity:0}.users.-animate .users__icon .icon[data-v-19fe7dc2]{animation:spin-icon-19fe7dc2 5s linear .3s forwards;transform-origin:center}@media (width < 768px){.users[data-v-19fe7dc2]{gap:4vw;margin-top:20vw}.users[data-v-19fe7dc2]:before{border-width:3vw;width:36vw}.users__user[data-v-19fe7dc2]{width:30vw}.users.-animate .users__user[data-v-19fe7dc2]:not(.-me){translate:calc(50% + 2vw)}.users.-animate .users__user.-me[data-v-19fe7dc2]{translate:calc(-50% - 2vw)}.users__user__avatar[data-v-19fe7dc2]{height:calc(100% - 6vw);-o-object-fit:cover;object-fit:cover;width:calc(100% - 6vw)}.users__icon[data-v-19fe7dc2]{padding:2vw}.users__icon .icon[data-v-19fe7dc2]{font-size:4vw!important}}@media (width >= 768px){.users[data-v-19fe7dc2]{gap:20px;margin-top:24px}.users[data-v-19fe7dc2]:before{border-width:14px;width:128px}.users__user[data-v-19fe7dc2]{width:128px}.users.-animate .users__user[data-v-19fe7dc2]:not(.-me){translate:calc(50% + 24px)}.users.-animate .users__user.-me[data-v-19fe7dc2]{translate:calc(-50% - 24px)}.users__user__avatar[data-v-19fe7dc2]{height:calc(100% - 24px);-o-object-fit:cover;object-fit:cover;width:calc(100% - 24px)}.users__icon[data-v-19fe7dc2]{padding:6px}.users__icon .icon[data-v-19fe7dc2]{font-size:20px!important}}@keyframes move-user-19fe7dc2{0%{translate:calc(50% + 2vw)}to{translate:0}}@keyframes show-me-19fe7dc2{0%{opacity:0;translate:calc(-50% - 2vw)}to{opacity:1;translate:0}}@keyframes show-icon-19fe7dc2{0%{opacity:0}10%{opacity:1}30%{opacity:1;scale:1;translate:0 0}40%{opacity:1;scale:4;translate:150% 150%}60%{opacity:1;scale:4;translate:150% 150%}70%{opacity:1;scale:1;translate:0 0}to{opacity:1}}@keyframes spin-icon-19fe7dc2{0%{transform:rotate(0)}10%{transform:rotate(0)}30%{transform:rotate(-120deg)}40%{transform:rotate(-420deg)}60%{transform:rotate(-480deg)}70%{transform:rotate(-800deg)}to{transform:rotate(-960deg)}}@keyframes size-back-19fe7dc2{0%{scale:1}30%{scale:1;translate:0 0}40%{scale:.6;translate:-20% -20%}60%{scale:.6;translate:-20% -20%}70%{scale:1;translate:0 0}to{scale:1}}