.viewing-area__wrap{height:calc(40% - 64px)}.viewing-area__wrap .viewing-area-content__wrap{transition:opacity .4s}.viewing-area__wrap.is-expand .viewing-area-content__wrap{opacity:1}.viewing-area__title{font-size:2.25rem;line-height:2.5rem}.app-bar__wrap[data-v-a357e907]{align-items:center;display:flex;height:64px;justify-content:space-between;left:0;padding-bottom:1rem;padding-top:1rem;position:sticky;top:0;width:100%;z-index:2}.app-bar-side__wrap[data-v-a357e907]{background-color:#f1f1f3;border-radius:9999px;height:100%}.app-bar-side__wrap .app-bar-item[data-v-a357e907]{height:2.5rem;margin-right:.5rem;padding:.5rem;width:2.5rem}.app-bar-side__wrap .app-bar-item[data-v-a357e907]:last-child{margin-right:0}.app-bar-side__wrap .app-bar-item svg[data-v-a357e907]{height:100%;width:100%}.p-menu[data-v-a357e907],.p-menu-list[data-v-a357e907]{max-width:-moz-fit-content;max-width:fit-content}.p-menuitem-content[data-v-a357e907]{min-width:-moz-fit-content;min-width:fit-content;width:100%}.p-menuitem-link[data-v-a357e907]{width:-moz-fit-content;width:fit-content}.app-bar-title__wrap[data-v-a357e907]{align-items:center;display:flex;font-size:1.25rem;font-weight:500;height:100%;line-height:1.75rem;transition:opacity .4s}.app-bar-title__wrap.is-expand[data-v-a357e907]{opacity:0}.bottom-bar__wrap[data-v-d7f9cb20]{bottom:2.5rem;height:-moz-fit-content;height:fit-content;left:50%;position:fixed;width:-moz-fit-content;width:fit-content;--tw-translate-x:-50%;border-radius:9999px;transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:0 4px 24px #0000001f;gap:0;justify-content:center;opacity:.6;padding:.25rem 1.5rem;z-index:10}.bottom-bar-item[data-v-d7f9cb20],.bottom-bar__wrap[data-v-d7f9cb20]{align-items:center;display:flex}.bottom-bar-item[data-v-d7f9cb20]{gap:.5rem;height:auto;min-width:5rem;padding:.5rem .25rem;width:auto}.bottom-bar-item.vertical[data-v-d7f9cb20]{flex-direction:column;gap:.5rem;padding-bottom:0;padding-top:0}.bottom-bar-item__label[data-v-d7f9cb20]{font-size:.75rem;font-weight:500;line-height:1rem;line-height:1}.bottom-bar-enter-active[data-v-d7f9cb20],.bottom-bar-leave-active[data-v-d7f9cb20]{transition:opacity .2s ease,transform .2s ease}.bottom-bar-enter-from[data-v-d7f9cb20],.bottom-bar-leave-to[data-v-d7f9cb20]{opacity:0;transform:translate(-50%) translateY(12px)}#app[data-v-ac2c1251]{max-width:768px}.one-ui-layout__content[data-v-ac2c1251]{min-height:calc(100dvh - 64px);padding-bottom:8rem}