.thumbnails[data-v-0e94132a]{position:absolute;bottom:80px;width:100%;left:16px;right:16px;width:calc(100% - 32px);border-radius:8px;display:flex;align-items:center;overflow:hidden}.thumbnails.thumbnails--center[data-v-0e94132a]{justify-content:center}.thumbnails .thumbnails__wrapper[data-v-0e94132a]{height:64px;display:flex;align-items:center;background:#ffffffb3;padding:12px;gap:8px;border-radius:8px;transition:transform .3s ease;will-change:transform}.thumbnails .thumbnails__wrapper .thumbnails__item[data-v-0e94132a]{width:40px;height:40px;border:2px solid transparent;border-radius:8px}.thumbnails .thumbnails__wrapper .thumbnails__item img[data-v-0e94132a]{width:100%;height:100%;border-radius:6px;object-position:center;object-fit:cover;opacity:.7}.thumbnails .thumbnails__wrapper .thumbnails__item.active[data-v-0e94132a]{border:2px solid #682aef}.thumbnails .thumbnails__wrapper .thumbnails__item.active img[data-v-0e94132a]{opacity:1}.thumbnails .actions__btn[data-v-0e94132a]{visibility:hidden;position:absolute;z-index:1;border-radius:50%;width:28px;height:28px;box-shadow:0 1px 4px #0d0d0d1a;background:var(--kd-color-background-top, #ffffff)}.thumbnails .actions__btn.prev[data-v-0e94132a]{left:18px}.thumbnails .actions__btn.next[data-v-0e94132a]{right:18px}.thumbnails .actions__btn[data-v-0e94132a]:hover{background:var(--kd-color-background-base, #eeeeee)}.thumbnails .actions__btn[data-v-0e94132a]:active{background:var(--kd-color-fill-heavy, #474747)}.thumbnails:hover .actions__btn[data-v-0e94132a]{visibility:visible}.viewer__actions.fixed-bottom.viewer__actions--wps-pc[data-v-abf82132]{width:calc(100% - 42px)}.viewer__actions.fixed-bottom[data-v-abf82132]{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;border-top-right-radius:0;border-top-left-radius:0;border:none}.viewer__actions[data-v-abf82132]{z-index:2;height:44px;padding:8px;border-radius:12px;position:absolute;left:50%;transform:translate(-50%);bottom:24px;display:flex;justify-content:space-between;background:var(--kd-color-fill-base, #ffffff);border:1px solid var(--kd-color-line-regular, rgba(13, 13, 13, .12));box-shadow:0 4px 16px #0d0d0d14}.viewer__actions .actions__wrapper[data-v-abf82132]{display:flex;gap:12px}.viewer__actions .actions__wrapper .action__info[data-v-abf82132]{height:28px;color:var(--kd-color-text-primary, rgba(13, 13, 13, .9));font-size:14px;font-weight:400;line-height:28px;-webkit-user-select:none;user-select:none}.viewer__actions .actions__wrapper .action__info.current-index[data-v-abf82132]{width:35px;display:flex;justify-content:center;align-items:center;font-size:14px;padding-bottom:2px}.viewer__actions .actions__btn[data-v-abf82132]{display:flex;width:28px;height:28px}.viewer__actions .actions__btn[data-v-abf82132] .kd-icon-symbol_tick svg g#group-0{stroke:#20804e}.viewer__actions .actions__btn[data-v-abf82132] .kd-icon-mistake_normal g#group-0{fill:#dd3332}.viewer__actions .actions__btn[data-v-abf82132] .kd-icon-mistake_normal g#group-1{fill:#fff}.viewer__actions .divider[data-v-abf82132]{width:1px;height:20px;margin:4px 0;opacity:.2;background:var(--kd-color-line-heavy, rgba(13, 13, 13, .48))}.viewer__actions .actions__gap4[data-v-abf82132]{margin-left:-8px}.viewer__actions .fade-enter-active[data-v-abf82132],.viewer__actions .fade-leave-active[data-v-abf82132]{transition:opacity .2s ease}.viewer__actions .fade-enter-from[data-v-abf82132],.viewer__actions .fade-leave-to[data-v-abf82132]{opacity:0}.actions__dropdown{z-index:2025!important}.viewer__wrapper[data-v-40bcb34e]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2024}.viewer__wrapper .viewer__mask[data-v-40bcb34e]{position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--kd-color-background-bottom);transition:background-color .3s}.viewer__wrapper .viewer__close[data-v-40bcb34e]{z-index:2;position:absolute;top:16px;right:16px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--kd-color-background-top, #ffffff);box-shadow:0 4px 16px #0d0d0d14;cursor:pointer}.viewer__wrapper .viewer__close[data-v-40bcb34e]:hover{background:var(--kd-color-background-base, #eeeeee)}.viewer__wrapper .viewer__close[data-v-40bcb34e]:active{background:var(--kd-color-fill-heavy, #474747)}.viewer__wrapper .viewer__loading[data-v-40bcb34e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.viewer__wrapper .viewer__main[data-v-40bcb34e]{position:static;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.viewer__wrapper .viewer__main img[data-v-40bcb34e]{pointer-events:auto;object-position:center;border:1px solid var(--kd-color-line-regular, rgba(13, 13, 13, .12))}.viewer__wrapper .viewer__main .viewer__img--grab[data-v-40bcb34e]{cursor:grab}.viewer__wrapper .viewer__main--dockpanel[data-v-40bcb34e]{position:absolute;top:48px;left:12px;height:calc(100% - 114px);width:calc(100% - 24px);overflow:hidden}.viewer__wrapper .viewer__main--dockpanel img[data-v-40bcb34e]{border:none}.viewer__wrapper .flip[data-v-40bcb34e]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--kd-color-background-top, #ffffff);box-shadow:0 4px 16px #0d0d0d14}.viewer__wrapper .flip.prev[data-v-40bcb34e]{left:16px}.viewer__wrapper .flip.next[data-v-40bcb34e]{right:16px}.viewer__wrapper .flip[data-v-40bcb34e]:hover{background:var(--kd-color-background-base, #eeeeee)}.viewer__wrapper .flip[data-v-40bcb34e]:active{background:var(--kd-color-fill-heavy, #474747)}.viewer__wrapper .viewer__contextmenu[data-v-40bcb34e]{position:absolute;top:100px;left:100px;border-radius:8px;padding:12px;background:var(--kd-color-fill-base, #ffffff);box-shadow:0 12px 32px #0d0d0d14;border:1px solid var(--kd-color-line-regular, rgba(13, 13, 13, .12))}.background-enter-from .viewer__mask[data-v-40bcb34e],.background-leave-to .viewer__mask[data-v-40bcb34e]{background-color:#fff0}.fade-enter-active[data-v-40bcb34e],.fade-leave-active[data-v-40bcb34e]{transition:opacity .3s ease}.fade-enter-from[data-v-40bcb34e],.fade-leave-to[data-v-40bcb34e]{opacity:0}html[theme-mode=dark] .viewer__wrapper .viewer__close{background:var(--kd-color-fill-light)}html[theme-mode=dark] .viewer__wrapper .thumbnails .thumbnails__wrapper{background:#333333b3}html[theme-mode=dark] .viewer__wrapper .viewer__actions,html[theme-mode=dark] .viewer__wrapper .viewer__contextmenu{background:var(--kd-color-fill-light, #333333)}