.avatar[data-v-dc6a6500]{-webkit-user-select:none;user-select:none;position:relative;width:var(--custom-size);height:var(--custom-size);touch-action:manipulation;z-index:50}.avatar.hoverable[data-v-dc6a6500]{pointer-events:none}.avatar svg[data-v-dc6a6500]{position:absolute;top:0;left:0;pointer-events:none;transform:translate3d(var(--un-translate-x),var(--un-translate-y),var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-x:calc(var(--custom-stroke) * -1);--un-translate-y:calc(var(--custom-stroke) * -1);transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar .avatar-image[data-v-dc6a6500]{width:100%;height:100%;overflow:visible;clip-path:var(--custom-clip-path)}.avatar .avatar-image[data-v-dc6a6500] .lazy-image{transform:translate3d(var(--un-translate-x),var(--un-translate-y),var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;pointer-events:none;transition-duration:.65s;transition-timing-function:cubic-bezier(.36,1.1,.2,1.2)!important}.avatar .avatar-decoration[data-v-dc6a6500]{pointer-events:none;position:absolute;transform:translate3d(var(--un-translate-x),var(--un-translate-y),var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.65s;transition-timing-function:cubic-bezier(.36,1.1,.2,1.2)!important}.avatar .avatar-0 .avatar-image[data-v-dc6a6500] .lazy-image{--un-translate-y:calc(-1 * var(--custom-size) / 15);--un-scale-x:1.25;--un-scale-y:1.25;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar .avatar-0 .avatar-decoration-1[data-v-dc6a6500]{width:calc(var(--custom-size) / 4);height:calc(var(--custom-size) / 4);top:-15%;left:-15%;opacity:0}.avatar .avatar-0 .avatar-decoration-2[data-v-dc6a6500]{width:calc(var(--custom-size) / 8);bottom:15%;right:-10%}.avatar .avatar-0 .avatar-decoration-3[data-v-dc6a6500]{width:calc(var(--custom-size) / 5);bottom:-5%;left:-15%}.avatar .avatar-0 .avatar-decoration-4[data-v-dc6a6500]{width:calc(var(--custom-size) / 4);bottom:-22%;right:0}.avatar .avatar-1 .avatar-image[data-v-dc6a6500] .lazy-image{--un-translate-y:calc(-1 * var(--custom-size) / 10);--un-scale-x:1.25;--un-scale-y:1.25;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar .avatar-1 .avatar-decoration-1[data-v-dc6a6500]{width:calc(var(--custom-size) / 3);height:calc(var(--custom-size) / 3);top:-15%;left:-15%;opacity:0}.avatar .avatar-1 .avatar-decoration-2[data-v-dc6a6500]{width:calc(var(--custom-size) / 8);top:-15%;right:-15%}.avatar .avatar-1 .avatar-decoration-3[data-v-dc6a6500]{width:calc(var(--custom-size) / 7);bottom:5%;left:-5%}.avatar .avatar-1 .avatar-decoration-4[data-v-dc6a6500]{width:calc(var(--custom-size) / 6);bottom:-5%;right:0}.avatar .avatar-2 .avatar-image[data-v-dc6a6500] .lazy-image{--un-translate-y:calc(-1 * var(--custom-size) / 10);--un-scale-x:1.25;--un-scale-y:1.25;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar .avatar-2 .avatar-decoration-1[data-v-dc6a6500]{width:calc(var(--custom-size) / 7);height:calc(var(--custom-size) / 7);top:-15%;left:-15%}.avatar .avatar-2 .avatar-decoration-2[data-v-dc6a6500]{width:calc(var(--custom-size) / 5);top:-25%;right:-15%;opacity:0}.avatar .avatar-2 .avatar-decoration-3[data-v-dc6a6500]{width:calc(var(--custom-size) / 5);bottom:5%;left:-15%;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transition-duration:1s}.avatar .avatar-2 .avatar-decoration-4[data-v-dc6a6500]{width:calc(var(--custom-size) / 6);bottom:-10%;right:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-10deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar .avatar-3 .avatar-image[data-v-dc6a6500] .lazy-image{--un-translate-y:calc(-1 * var(--custom-size) / 10);--un-scale-x:1.35;--un-scale-y:1.35;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar .avatar-3 .avatar-decoration-1[data-v-dc6a6500]{width:calc(var(--custom-size) / 5 * 2);top:-5%;right:-40%;opacity:0;filter:drop-shadow(0 0 1px rgb(255,255,255))}.avatar .avatar-3 .avatar-decoration-2[data-v-dc6a6500]{width:calc(var(--custom-size) / 8);bottom:-10%;left:-5%}.avatar .avatar-3 .avatar-decoration-3[data-v-dc6a6500]{width:calc(var(--custom-size) / 9);bottom:5%;right:-5%}.avatar .avatar-3 .avatar-decoration-4[data-v-dc6a6500]{width:calc(var(--custom-size) / 7);bottom:30%;left:-25%}.avatar:hover .avatar-0[data-v-dc6a6500] .lazy-image{--un-translate-y:calc(-1 * var(--custom-size) / 7);--un-scale-x:1.35;--un-scale-y:1.35;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-0 .avatar-decoration-1[data-v-dc6a6500]{--un-translate-x:-30%;--un-translate-y:-30%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:1}.avatar:hover .avatar-0 .avatar-decoration-2[data-v-dc6a6500]{--un-translate-y:-30%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-0 .avatar-decoration-3[data-v-dc6a6500],.avatar:hover .avatar-0 .avatar-decoration-4[data-v-dc6a6500]{--un-translate-y:-10%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-1[data-v-dc6a6500] .lazy-image{--un-translate-y:calc(-1 * var(--custom-size) / 7);--un-scale-x:1.35;--un-scale-y:1.35;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-1 .avatar-decoration-1[data-v-dc6a6500]{--un-translate-x:-30%;--un-translate-y:-30%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:1}.avatar:hover .avatar-1 .avatar-decoration-2[data-v-dc6a6500]{--un-translate-y:-30%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-1 .avatar-decoration-3[data-v-dc6a6500],.avatar:hover .avatar-1 .avatar-decoration-4[data-v-dc6a6500]{--un-translate-y:-10%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-2[data-v-dc6a6500] .lazy-image{--un-translate-y:calc(-1 * var(--custom-size) / 7);--un-scale-x:1.35;--un-scale-y:1.35;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-2 .avatar-decoration-1[data-v-dc6a6500]{--un-translate-x:-30%;--un-translate-y:-30%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-2 .avatar-decoration-2[data-v-dc6a6500]{--un-translate-y:30%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:1}.avatar:hover .avatar-2 .avatar-decoration-3[data-v-dc6a6500]{--un-translate-y:-10%;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:100deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-2 .avatar-decoration-4[data-v-dc6a6500]{--un-translate-y:-10%;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-3[data-v-dc6a6500] .lazy-image{--un-translate-y:calc(-1 * var(--custom-size) / 5);--un-scale-x:1.45;--un-scale-y:1.45;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-3 .avatar-decoration-1[data-v-dc6a6500]{--un-translate-x:-30%;--un-translate-y:-30%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:1}.avatar:hover .avatar-3 .avatar-decoration-2[data-v-dc6a6500]{--un-translate-y:-40%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-3 .avatar-decoration-3[data-v-dc6a6500]{--un-translate-y:-20%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.avatar:hover .avatar-3 .avatar-decoration-4[data-v-dc6a6500]{--un-translate-y:-40%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes shake-animation-30182ef7{0%{opacity:0;transform:scale(1)}10%{opacity:.5}50%,to{opacity:0;transform:scale(1.3)}}.action-wrapper[data-v-30182ef7]{position:absolute;right:3rem;bottom:1rem;z-index:10;cursor:default;will-change:transform}.realtime-wrapper[data-v-30182ef7]{position:relative;display:inline-block;transform:translate3d(var(--un-translate-x),var(--un-translate-y),var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.realtime-wrapper .music-icon[data-v-30182ef7]{position:absolute;top:-.25rem;right:-.25rem;z-index:11;display:flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:1px;--un-text-opacity:1;color:rgb(59 173 174 / var(--un-text-opacity));--un-ring-width:1.5px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:currentColor }.realtime-wrapper .icon[data-v-30182ef7]{position:relative}.realtime-wrapper .icon[data-v-30182ef7]:before{position:absolute;inset:0;z-index:0;--un-ring-width:1.5px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:currentColor ;content:"";animation:shake-animation-30182ef7 2s infinite}.realtime-wrapper .icon.icon-circle[data-v-30182ef7],.realtime-wrapper .icon.icon-circle div[data-v-30182ef7],.realtime-wrapper .icon.icon-circle img[data-v-30182ef7]{width:2rem;height:2rem;border-radius:9999px}.realtime-wrapper .icon.icon-circle[data-v-30182ef7]:before{border-radius:9999px;--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.realtime-wrapper .icon.icon-rect[data-v-30182ef7],.realtime-wrapper .icon.icon-rect div[data-v-30182ef7],.realtime-wrapper .icon.icon-rect img[data-v-30182ef7]{width:2rem;height:2rem;border-radius:.5rem}.realtime-wrapper .icon.icon-rect[data-v-30182ef7]:before{border-radius:.5rem;--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.realtime-wrapper .icon.icon-point[data-v-30182ef7]{width:1rem;height:1rem;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(22 163 74 / var(--un-bg-opacity))}.realtime-wrapper .icon.icon-point[data-v-30182ef7]:before{border-radius:9999px;--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.realtime-wrapper .icon>div[data-v-30182ef7],.realtime-wrapper .icon>img[data-v-30182ef7]{pointer-events:none;position:relative;z-index:10}.realtime-wrapper .icon>div[data-v-30182ef7]{display:flex;align-items:center;justify-content:center;--un-bg-opacity:1;background-color:rgb(22 163 74 / var(--un-bg-opacity))}.realtime-wrapper .tips[data-v-30182ef7]{position:absolute;right:0;margin-top:.25rem;border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:.5rem;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;--un-shadow:0 10px 15px -3px rgba(211,235,230,.4),0 4px 6px -4px rgba(211,235,230,.4);--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(211 235 230 / var(--un-ring-opacity)) ;visibility:hidden;--un-translate-y:2.5rem;--un-scale-x:1.4;--un-scale-y:1.4;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:0;--un-blur:blur(24px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);transition-property:all;transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.realtime-wrapper .tips .split-line[data-v-30182ef7]{margin-top:.5rem;margin-bottom:.5rem;width:100%;height:1px;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(226 235 223 / var(--un-bg-opacity))}.realtime-wrapper:hover .tips[data-v-30182ef7]{pointer-events:auto;visibility:visible;--un-translate-y:0;--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:1;--un-blur:blur(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.realtime-wrapper .media-wrapper[data-v-30182ef7]{display:flex}.realtime-wrapper .media-wrapper .thumbnail[data-v-30182ef7]{margin-right:.25rem;width:3.25em;height:3.25em;border-width:3px;--un-border-opacity:1;border-color:rgb(59 173 174 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(59 173 174 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.realtime-wrapper .media-wrapper .thumbnail img[data-v-30182ef7]{height:auto;max-width:100%;border-radius:.5rem}.realtime-wrapper .media-wrapper .thumbnail div[data-v-30182ef7]{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.realtime-wrapper .media-wrapper .media-info[data-v-30182ef7]{pointer-events:none;display:flex;flex-direction:column;align-items:flex-start}.realtime-wrapper .media-wrapper .media-info>div[data-v-30182ef7]{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:.75rem;--un-text-opacity:1;color:rgb(59 173 174 / var(--un-text-opacity));line-height:1rem}.realtime-wrapper .media-wrapper .media-info .title[data-v-30182ef7]{font-size:.875rem;font-weight:700;line-height:1.25rem}.realtime-wrapper .media-wrapper .media-info .time[data-v-30182ef7]{align-self:flex-end;opacity:.5}.text-primary[data-v-30182ef7]{padding-left:.3125rem;padding-right:.3125rem;text-align:right;font-size:.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(59 173 174 / var(--un-text-opacity))}.important-font-mono[data-v-30182ef7]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tips p[data-v-30182ef7]{margin:0}@media screen and (max-width:680px){.action-wrapper .realtime-wrapper .icon[data-v-30182ef7]:before{--un-text-opacity:1;color:rgb(230 239 247 / var(--un-text-opacity))}}.action-wrapper[data-v-245d18c3]{position:absolute;right:3rem;bottom:1rem;z-index:10;cursor:default;will-change:transform}