.timeline[data-v-a9a3a439]{margin:11px 0}.friend[data-v-a9a3a439]{animation:to_show .5s ease 0s 1 normal none running;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(var(--z-common-bg),.8);min-height:100vh;padding:5px 30px;transition:all .3s ease;z-index:11}@media (min-width:0) and (max-width:520px){.friend[data-v-a9a3a439]{padding:10px}}.friend__container[data-v-a9a3a439]{display:flex;flex-direction:row;margin:0 auto;max-width:var(--z-max-width)}@media (min-width:0) and (max-width:520px){.friend__container[data-v-a9a3a439]{display:block;padding:30px 15px}}.friend__form-input[data-v-a9a3a439]{height:39px;margin:5px}.friend__form-textarea[data-v-a9a3a439]{margin:5px}.friend__owner-title[data-v-a9a3a439]{font-size:16px;font-weight:500}@media (min-width:0) and (max-width:520px){.friend__owner-title[data-v-a9a3a439]{font-size:15px}}.friend__owner-info-title[data-v-a9a3a439]{font-size:22px;font-weight:600;margin-bottom:18px;margin-left:-13px}.friends[data-v-8cc30444]{--z-theme-friend-color:var(--z-primary-color);max-width:350px}.type-2[data-v-8cc30444]{--z-theme-friend-color:var(--z-theme-color2)}.type-3[data-v-8cc30444]{--z-theme-friend-color:var(--z-theme-color1)}.type-4[data-v-8cc30444]{--z-theme-friend-color:var(--z-theme-color3)}.tag[data-v-8cc30444]{background:rgb(var(--z-basic-color));border-top:3px solid rgba(var(--z-theme-friend-color),.5);font-size:90%;padding:5px 17px;top:-2px;transition:all .3s ease;z-index:-1}.friends[data-v-8cc30444]{color:rgb(var(--z-fontcolor-gray))}.friends:hover .friends__container[data-v-8cc30444]{background:rgb(var(--z-basic-color))}.friends:hover .tag[data-v-8cc30444]{top:-27px}.friends__container[data-v-8cc30444]{background:rgb(var(--z-common-item-bg));box-shadow:var(--z-item-sadow);padding:20px 15px;z-index:2}@media (min-width:0) and (max-width:520px){.friends__container[data-v-8cc30444]{padding:15px 12px}}.friends-avatar[data-v-8cc30444]{border:1px dashed rgba(var(--z-theme-friend-color));border-radius:50%;box-shadow:0 0 70px 5px rgba(var(--z-theme-friend-color),.1),0 3px 50px #a1a1a11a;height:75px;padding:7px;top:-25%;width:75px}@media (min-width:521px) and (max-width:809px){.friends-avatar[data-v-8cc30444]{height:70px;padding:5px;width:70px}}@media (min-width:0) and (max-width:520px){.friends-avatar[data-v-8cc30444]{height:58px;padding:5px;top:-20%;width:58px}}.friends-avatar img[data-v-8cc30444]{border:5px solid rgb(var(--z-common-bg));box-shadow:0 2px 10px #27272766}.friends-info-title[data-v-8cc30444]{color:rgba(var(--z-theme-friend-color));margin-left:25px}[data-theme=dark] .friends-avatar[data-v-8cc30444]{box-shadow:none}.friend-list[data-v-ff3efe04]{-moz-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));row-gap:20px}@media (min-width:810px) and (max-width:1449px){.friend-list[data-v-ff3efe04]{gap:20px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media (min-width:521px) and (max-width:809px){.friend-list[data-v-ff3efe04]{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width:0) and (max-width:520px){.friend-list[data-v-ff3efe04]{gap:10px;grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.friend-tag[data-v-ff3efe04]{position:relative}}.friend-tag [class*=ouo-]{--ouo-tag-border-radius:0 0 9px 9px}.friend-tag .ouo-tag{margin:0}