@keyframes shake-animation-1649babb{0%{opacity:0;transform:scale(1)}10%{opacity:.5}50%,to{opacity:0;transform:scale(1.3)}}.action-wrapper[data-v-1649babb]{position:absolute;right:3rem;bottom:1rem;z-index:10;cursor:default;will-change:transform}.realtime-wrapper[data-v-1649babb]{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-1649babb]{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-1649babb]{position:relative}.realtime-wrapper .icon[data-v-1649babb]: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-1649babb 2s infinite}.realtime-wrapper .icon.icon-circle[data-v-1649babb],.realtime-wrapper .icon.icon-circle div[data-v-1649babb],.realtime-wrapper .icon.icon-circle img[data-v-1649babb]{width:2rem;height:2rem;border-radius:9999px}.realtime-wrapper .icon.icon-circle[data-v-1649babb]:before{border-radius:9999px;--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.realtime-wrapper .icon.icon-rect[data-v-1649babb],.realtime-wrapper .icon.icon-rect div[data-v-1649babb],.realtime-wrapper .icon.icon-rect img[data-v-1649babb]{width:2rem;height:2rem;border-radius:.5rem}.realtime-wrapper .icon.icon-rect[data-v-1649babb]:before{border-radius:.5rem;--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.realtime-wrapper .icon.icon-point[data-v-1649babb]{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-1649babb]:before{border-radius:9999px;--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.realtime-wrapper .icon>div[data-v-1649babb],.realtime-wrapper .icon>img[data-v-1649babb]{pointer-events:none;position:relative;z-index:10}.realtime-wrapper .icon>div[data-v-1649babb]{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-1649babb]{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-1649babb]{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-1649babb]{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-1649babb]{display:flex}.realtime-wrapper .media-wrapper .thumbnail[data-v-1649babb]{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-1649babb]{height:auto;max-width:100%;border-radius:.5rem}.realtime-wrapper .media-wrapper .thumbnail div[data-v-1649babb]{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.realtime-wrapper .media-wrapper .media-info[data-v-1649babb]{pointer-events:none;display:flex;flex-direction:column;align-items:flex-start}.realtime-wrapper .media-wrapper .media-info>div[data-v-1649babb]{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-1649babb]{font-size:.875rem;font-weight:700;line-height:1.25rem}.realtime-wrapper .media-wrapper .media-info .time[data-v-1649babb]{align-self:flex-end;opacity:.5}.text-primary[data-v-1649babb]{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));line-height:1.25rem}.important-font-mono[data-v-1649babb]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media screen and (max-width:680px){.action-wrapper .realtime-wrapper .icon[data-v-1649babb]:before{--un-text-opacity:1;color:rgb(230 239 247 / var(--un-text-opacity))}}.action-wrapper[data-v-4468c364]{position:absolute;right:3rem;bottom:1rem;z-index:10;cursor:default;will-change:transform}