[data-v-9ebda05b]:root{--head-height: 48px}.n-image-preview-container[data-v-9ebda05b]{bottom:0;display:flex;left:0;position:fixed;right:0;top:0}.n-image-preview-container .n-image-preview-overlay[data-v-9ebda05b]{background:rgba(0,0,0,.3);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.n-image-preview-container .n-image-preview-toolbar[data-v-9ebda05b]{align-items:center;background:var(--n-toolbar-color);border-radius:var(--n-toolbar-border-radius);bottom:40px;box-shadow:var(--n-toolbar-box-shadow);color:var(--n-toolbar-icon-color);display:flex;height:48px;left:50%;padding:0 12px;position:absolute;transform:translate(-50%);transition:color .3s var(--n-bezier);z-index:1}.n-image-preview-container .n-image-preview-toolbar .n-base-icon[data-v-9ebda05b]{fill:currentColor;cursor:pointer;display:inline-block;font-size:28px;height:1em;line-height:1em;padding:0 8px;position:relative;text-align:center;transform:translateZ(0);width:1em}.n-image-preview-container .n-image-preview-toolbar .n-base-icon svg[data-v-9ebda05b]{height:1em;width:1em}.n-image-preview-container .n-image-preview-wrapper[data-v-9ebda05b]{bottom:0;display:flex;left:0;pointer-events:none;position:absolute;right:0;top:0}.n-image-preview-container .n-image-preview-wrapper .n-image-preview[data-v-9ebda05b]{margin:auto;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);pointer-events:all;transition:transform .3s var(--n-bezier);-moz-user-select:none;user-select:none;-webkit-user-select:none}