.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:1.875rem;line-height:2.25rem}.app-bar__wrap[data-v-756aa3eb]{align-items:center;display:flex;height:64px;justify-content:space-between;left:0;padding:8px 0;position:sticky;top:0;width:100%;z-index:2}.app-bar__wrap .app-bar-side__wrap[data-v-756aa3eb]{background-color:#f1f1f3;border-radius:9999px;height:100%;padding:4px}.app-bar__wrap .app-bar-side__wrap .app-bar-item[data-v-756aa3eb]{height:2.5rem;padding:.5rem;width:2.5rem}.app-bar__wrap .app-bar-side__wrap .app-bar-item[data-v-756aa3eb]:last-child{margin-right:0}.app-bar__wrap .app-bar-side__wrap .app-bar-item svg[data-v-756aa3eb]{height:100%;width:100%}.app-bar__wrap.is-clipped .app-bar-side__wrap[data-v-756aa3eb]:has(button){-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 16px #00000040}.app-bar__wrap.is-clipped .app-bar-side__wrap[data-v-756aa3eb]:not(:has(button)){background-color:transparent}.app-bar__wrap.is-clipped .app-bar-title__wrap[data-v-756aa3eb]{display:none}.p-menu[data-v-756aa3eb],.p-menu-list[data-v-756aa3eb]{max-width:-moz-fit-content;max-width:fit-content}.p-menuitem-content[data-v-756aa3eb]{min-width:-moz-fit-content;min-width:fit-content;width:100%}.p-menuitem-link[data-v-756aa3eb]{width:-moz-fit-content;width:fit-content}.app-bar-title__wrap[data-v-756aa3eb]{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-756aa3eb]{opacity:0}.bottom-bar__wrap[data-v-c497b0bd]{bottom:1.25rem;left:50%;position:fixed;--tw-translate-x:-50%;display:inline-flex;gap:0;justify-content:center;overflow:hidden;padding:.25rem;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));view-transition-name:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#f1f1f300 0,#f1f1f3);box-shadow:0 8px 16px #00000040;height:54px;z-index:9999}.bottom-bar-item[data-v-c497b0bd],.bottom-bar__wrap[data-v-c497b0bd]{align-items:center;border-radius:9999px}.bottom-bar-item[data-v-c497b0bd]{border-style:none;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 12px;width:78px}.bottom-bar-item.selected[data-v-c497b0bd]{background-color:#e0e0e0}.bottom-bar-item .bottom-bar-icon__wrap[data-v-c497b0bd]{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;width:100%}.bottom-bar-item .bottom-bar-icon__wrap img[data-v-c497b0bd]{height:20px;width:20px}.bottom-bar-item__label[data-v-c497b0bd]{color:#000;flex-shrink:0;font-size:10px;height:14px;line-height:1}.bottom-bar-enter-active[data-v-c497b0bd],.bottom-bar-leave-active[data-v-c497b0bd]{transition:opacity .7s cubic-bezier(.34,1.56,.64,1),transform .7s cubic-bezier(.34,1.56,.64,1)}.bottom-bar-enter-from[data-v-c497b0bd],.bottom-bar-leave-to[data-v-c497b0bd]{opacity:0;transform:translate(-50%) translateY(30px) scale(.95)}#app[data-v-e7ac39ef]{max-width:768px}.one-ui-layout[data-v-e7ac39ef]{margin-left:auto;margin-right:auto}.one-ui-layout__content[data-v-e7ac39ef]{min-height:calc(100svh - 64px);padding-bottom:6rem}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .3s}.slide-left-enter-from{opacity:0;transform:translate(50px)}.slide-left-leave-to,.slide-right-enter-from{opacity:0;transform:translate(-50px)}.slide-right-leave-to{opacity:0;transform:translate(50px)}