.viewer-fade-enter-active[data-v-ce4520b5],.viewer-fade-leave-active[data-v-ce4520b5]{transition:all .3s}.viewer-fade-enter-from[data-v-ce4520b5],.viewer-fade-leave-to[data-v-ce4520b5]{opacity:0}.viewer[data-v-ce4520b5]{position:fixed;inset:0;background:var(--ark-bg-mask);backdrop-filter:blur(4px);z-index:999999}.viewer .dialog[data-v-ce4520b5]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:50px 0}.viewer .close-icon[data-v-ce4520b5]{position:absolute!important;right:40px;top:40px;cursor:pointer;z-index:3000;opacity:1;background-color:var(--ark-bg-mask);height:44px;width:44px;border-radius:8px}.viewer .close-icon[data-v-ce4520b5] button{width:100%;height:100%}.viewer .close-icon[data-v-ce4520b5] button i{margin:auto;color:var(--ark-text-inverse);font-size:24px}.viewer .arrow-left[data-v-ce4520b5],.viewer .arrow-right[data-v-ce4520b5]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background-color:var(--ark-bg-mask);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2000}.viewer .arrow-left i[data-v-ce4520b5],.viewer .arrow-right i[data-v-ce4520b5]{color:var(--ark-text-inverse);font-size:30px}.viewer .arrow-left[data-v-ce4520b5]{left:40px}.viewer .arrow-left i[data-v-ce4520b5]{transform:rotate(90deg)}.viewer .arrow-right[data-v-ce4520b5]{right:40px}.viewer .arrow-right i[data-v-ce4520b5]{transform:rotate(-90deg)}.viewer .video-counter[data-v-ce4520b5]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:var(--ark-text-inverse);font-size:16px;z-index:2000;background-color:var(--ark-bg-mask);padding:5px 15px;border-radius:20px}.viewer video[data-v-ce4520b5]{width:fit-content;min-height:600px;min-width:800px;height:100%;object-fit:scale-down}.viewer .container[data-v-ce4520b5]{height:800px;cursor:pointer}.viewer .container[data-v-ce4520b5]:active{cursor:all-scroll}@media (max-width: 768px){.viewer .dialog[data-v-ce4520b5]{padding:calc(12px + env(safe-area-inset-top)) 0 calc(12px + env(safe-area-inset-bottom)) 0}.viewer .close-icon[data-v-ce4520b5]{right:16px;top:calc(16px + env(safe-area-inset-top));width:36px;height:36px}.viewer .close-icon i[data-v-ce4520b5]{font-size:20px}.viewer .video-counter[data-v-ce4520b5]{bottom:calc(16px + env(safe-area-inset-bottom));font-size:14px}.viewer video[data-v-ce4520b5]{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}}