html,body,#app{box-sizing:border-box;height:100%}body{font-size:16px;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0}#app,.page{display:flex;flex-direction:column;align-items:stretch}.menu{flex:auto 0 0;display:flex;align-items:center;gap:2px}.menu,.page{padding:12px;box-sizing:border-box}.package{margin-right:12px}.package-name{font-family:monospace;color:#2c3e50;background:#eee;padding:5px 12px 3px}.package-name,.menu a{display:inline-block;border-radius:3px}.menu a{padding:4px 12px;text-decoration:none;color:#fff;background:#2c3e50}.menu a.router-link-active{background:#42b983}.menu a:not(:last-child){margin-right:4px}.vue-recycle-scroller{-webkit-overflow-scrolling:touch}.vue-recycle-scroller__item-container,.vue-recycle-scroller__item-wrapper{box-sizing:border-box}.vue-recycle-scroller__item-view{cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none}.tr,.td{box-sizing:border-box}.vue-recycle-scroller__item-view .tr{display:flex;align-items:center}.vue-recycle-scroller__item-view .td{display:block}.vue-recycle-scroller__item-view.hover{background:#4fc08d;color:#fff}.toolbar{flex:auto 0 0;text-align:center;margin-bottom:12px;line-height:32px;position:sticky;top:0;z-index:9999;background:white}.recycle-scroller-demo.page-mode .toolbar{border-bottom:solid 1px #e0edfa}.toolbar>*:not(:last-child){margin-right:24px}.avatar{background:grey}.chat-demo[data-v-7320f709]{overflow:hidden;flex:auto 1 1;display:flex;flex-direction:column}.scroller[data-v-7320f709]{flex:auto 1 1}.notice[data-v-7320f709]{padding:24px;font-size:20px;color:#999}.message[data-v-7320f709]{display:flex;min-height:32px;padding:12px;box-sizing:border-box}.avatar[data-v-7320f709]{flex:auto 0 0;width:32px;height:32px;border-radius:50%;margin-right:12px}.avatar .image[data-v-7320f709]{max-width:100%;max-height:100%;border-radius:50%}.index[data-v-7320f709],.text[data-v-7320f709]{flex:1}.text[data-v-7320f709]{max-width:400px}.index[data-v-7320f709]{opacity:.5}.index span[data-v-7320f709]{display:inline-block;width:160px;text-align:right}.dynamic-scroller-demo[data-v-c58f83c2]{height:100%;overflow:hidden;display:flex;flex-direction:column}.scroller[data-v-c58f83c2]{flex:auto 1 1}.scroller[data-v-c58f83c2]{border:solid 1px #42b983}.toolbar[data-v-c58f83c2]{flex:auto 0 0;text-align:center}.toolbar[data-v-c58f83c2]>*:not(:last-child){margin-right:24px}.notice[data-v-c58f83c2]{padding:24px;font-size:20px;color:#999}.message[data-v-c58f83c2]{display:flex;min-height:32px;padding:12px;box-sizing:border-box}.avatar[data-v-c58f83c2]{flex:auto 0 0;width:32px;height:32px;border-radius:50%;margin-right:12px}.avatar .image[data-v-c58f83c2]{max-width:100%;max-height:100%;border-radius:50%}.index[data-v-c58f83c2],.text[data-v-c58f83c2]{flex:1}.text[data-v-c58f83c2]{max-width:400px}.index[data-v-c58f83c2]{opacity:.5}.index span[data-v-c58f83c2]{display:inline-block;width:160px;text-align:right}.wrapper[data-v-6ce7572a],.scroller[data-v-6ce7572a]{height:100%}.wrapper[data-v-6ce7572a]{display:flex;flex-direction:column}.toolbar[data-v-6ce7572a]{flex:none}.scroller[data-v-6ce7572a]{flex:1}.scroller[data-v-6ce7572a] .hover img{opacity:.5}.item[data-v-6ce7572a]{position:relative;height:100%}.index[data-v-6ce7572a]{position:absolute;top:2px;left:2px;padding:4px;border-radius:4px;background-color:#ffffffd9;color:#000}img[data-v-6ce7572a]{width:100%;height:100%;background:#eee;object-fit:cover}.home[data-v-3461bb60]{margin:24px}section[data-v-3461bb60]{margin-top:24px}section .route[data-v-3461bb60]{font-size:24px;color:#42b983;display:block;margin-bottom:6px}section .description[data-v-3461bb60]{max-width:500px}.dynamic-scroller-demo[data-v-7c7ba661]{height:100%;overflow:hidden;display:flex;flex-direction:column}.scroller[data-v-7c7ba661]{flex:auto 1 1}.notice[data-v-7c7ba661]{padding:24px;font-size:20px;color:#999}.message[data-v-7c7ba661]{display:flex;flex-direction:column;min-height:32px;padding:12px;box-sizing:border-box}.avatar[data-v-7c7ba661]{flex:auto 0 0;width:32px;height:32px;border-radius:50%;margin-bottom:12px}.avatar .image[data-v-7c7ba661]{max-width:100%;max-height:100%;border-radius:50%}.index[data-v-7c7ba661],.text[data-v-7c7ba661]{flex:1}.text[data-v-7c7ba661]{margin-bottom:12px}.index[data-v-7c7ba661]{opacity:.5}.index span[data-v-7c7ba661]{display:block}.index[data-v-43afd82a]{color:#0003;width:55px;text-align:right;flex:auto 0 0}.person .td[data-v-43afd82a]:first-child{padding:12px}.person .info[data-v-43afd82a]{display:flex;align-items:center;height:48px}.avatar[data-v-43afd82a]{width:50px;height:50px;margin-right:12px}.recycle-scroller-demo[data-v-24a7ae18]:not(.page-mode){height:100%;display:flex;flex-direction:column}.recycle-scroller-demo.page-mode[data-v-24a7ae18]:not(.full-page){height:100%}.recycle-scroller-demo.page-mode[data-v-24a7ae18]{flex:auto 0 0}.recycle-scroller-demo.page-mode .toolbar[data-v-24a7ae18]{border-bottom:solid 1px #e0edfa}.content[data-v-24a7ae18]{flex:100% 1 1;border:solid 1px #42b983;position:relative}.recycle-scroller-demo.page-mode:not(.full-page) .content[data-v-24a7ae18]{overflow:auto}.recycle-scroller-demo:not(.page-mode) .wrapper[data-v-24a7ae18]{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0}.scroller[data-v-24a7ae18]{width:100%;height:100%}.notice[data-v-24a7ae18]{padding:24px;font-size:20px;color:#999}.dynamic-scroller-demo[data-v-f544482d]{flex:auto 1 1;overflow:hidden;display:flex;flex-direction:column}.scroller[data-v-f544482d]{flex:auto 1 1}.notice[data-v-f544482d]{padding:24px;font-size:20px;color:#999}.message[data-v-f544482d]{display:flex;min-height:32px;padding:12px;box-sizing:border-box}.index[data-v-f544482d],.text[data-v-f544482d]{flex:1}.text[data-v-f544482d]{max-width:400px}.index span[data-v-f544482d]{display:inline-block;width:160px;text-align:right}.hello[data-v-3761c126]{flex:0 1 1;overflow:hidden;display:flex;flex-direction:column}.scroller[data-v-3761c126]{flex:auto 1 1;border:2px solid #ddd}h1[data-v-3761c126],h2[data-v-3761c126]{font-weight:400}ul[data-v-3761c126]{list-style-type:none;padding:0}li[data-v-3761c126]{display:inline-block;margin:0 10px}a[data-v-3761c126]{color:#42b983}.message[data-v-3761c126]{padding:10px 10px 9px;border-bottom:solid 1px #eee}.vue-recycle-scroller__resize-observer[data-v-08cc04ab]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.grid-mode:not(.page-mode){overflow:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}