@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-shimmer{background-image:linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;color:rgba(0,0,0,0)}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-line{height:14px;border-radius:4px}.skeleton-line.skeleton-line-short{width:50%}.friendly-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.7);opacity:1;transition:opacity .5s ease-in-out}.friendly-overlay .loader{width:50px;height:50px;border-radius:50%;display:inline-block;border-top:5px solid #c70039;border-right:5px solid rgba(0,0,0,0);box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.friends{display:flex;flex-direction:column;gap:1rem}.friends>div{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#fff;border:1px solid #e3e3e3;border-radius:.75rem;box-shadow:5px 5px 8px 0px rgba(0,0,0,.1)}.friends>div.waiting{background:repeating-linear-gradient(-45deg, #eee, #eee 7px, #f6f6f6 7px, #f6f6f6 15px);border:1px solid hsl(0,0%,80.1176470588%)}.friends>div.waiting:hover{background:repeating-linear-gradient(-45deg, rgb(88.6666666667%, 88.6666666667%, 88.6666666667%), rgb(88.6666666667%, 88.6666666667%, 88.6666666667%) 7px, rgb(91.6470588235%, 91.6470588235%, 91.6470588235%) 7px, rgb(91.6470588235%, 91.6470588235%, 91.6470588235%) 15px)}.friends>div>div:first-child{display:flex;align-items:center}.friends>div>div:first-child>div:first-child{text-align:center;font-size:16px;font-weight:bold;min-width:130px}.friends>div>div:first-child>div:nth-child(2){flex-grow:1;display:flex;justify-content:space-between;align-items:center}.friends>div>div:first-child>div:nth-child(2)>div{display:flex;flex-direction:column;gap:.5rem}.friends>div>div:first-child>div:nth-child(2)>div:first-child>a{display:flex;align-items:center;gap:1rem;text-decoration:none;font-size:16px;font-weight:bold}.friends>div>div:first-child>div:nth-child(2)>div:first-child>a.women{color:#b7086e}.friends>div>div:first-child>div:nth-child(2)>div:first-child>a.women:hover{color:rgb(64.5882352941%,2.8235294118%,38.8235294118%)}.friends>div>div:first-child>div:nth-child(2)>div:first-child>a>img{border-radius:50%}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div{display:flex;gap:1rem;justify-content:end}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div>div{display:flex;gap:.5rem}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div>div:first-child>div{display:flex;justify-content:center;align-items:center;font-weight:bold;width:35px;height:35px;padding:.25rem;text-align:center;border-radius:.5rem}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div>div:first-child>div.empty{background-color:#fafafa}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div>div:first-child>div.success{color:#3c763d;background-color:hsl(102.5,44.4444444444%,89.9411764706%)}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div>div:first-child>div.danger{color:#a94442;background-color:hsl(0,43.4782608696%,91.431372549%)}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div>div:last-child{display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:bold;width:35px;height:35px;padding:.25rem;text-align:center;border-radius:.5rem}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div>div:last-child.success{color:#3c763d;background-color:#dff0d8}.friends>div>div:first-child>div:nth-child(2)>div:last-child>div>div:last-child.danger{color:#a94442;background-color:#f2dede}.friends>div>div:nth-child(2){display:flex;justify-content:center;gap:2rem}