nextcloud-server-mirror/dist/common-ImageEditor-vu88LhX3.chunk.css

.image-editor.viewer__image-editor[data-v-7d237de6]{position:fixed;inset:0;z-index:10102}.glass-surface[data-v-ffbdec7e]{background:var(--editor-glass);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--color-border);box-shadow:0 12px 40px #00000073}.glass-surface--opaque[data-v-ffbdec7e]{background:var(--editor-glass-opaque)}.glass-surface--card[data-v-ffbdec7e]{border-radius:20px}.glass-surface--strip[data-v-ffbdec7e]{border-radius:16px}.glass-surface--pill[data-v-ffbdec7e]{border-radius:var(--border-radius-pill, 100px)}.editor-slider[data-v-b180b2e1]{display:flex;align-items:center;--slider-thumb-size: 14px;gap:calc(var(--default-grid-baseline) * 3);width:100%}.editor-slider__track[data-v-b180b2e1]{position:relative;display:flex;flex:1}.editor-slider__origin[data-v-b180b2e1]{position:absolute;inset-block:4px;width:2px;margin-inline-start:-1px;border-radius:1px;background:var(--color-border-maxcontrast)}.editor-slider input[type=range][data-v-b180b2e1]{appearance:none;position:relative;flex:1;height:20px;margin:0;background:linear-gradient(var(--color-border-dark),var(--color-border-dark)) center/100% 2px no-repeat;cursor:ew-resize}.editor-slider input[type=range][data-v-b180b2e1]::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:50%;background:var(--color-main-text);box-shadow:0 1px 4px #0006}.editor-slider input[type=range][data-v-b180b2e1]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border:none;border-radius:50%;background:var(--color-main-text);box-shadow:0 1px 4px #0006}.editor-slider input[type=range][data-v-b180b2e1]:focus-visible{outline:2px solid var(--color-main-text);box-shadow:0 0 0 4px var(--color-main-background)}.editor-slider output[data-v-b180b2e1]{display:flex;align-items:center;justify-content:flex-end;min-width:44px;min-height:44px;text-align:end;font-variant-numeric:tabular-nums}.icon-tab[data-v-92c91076]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:max(64px,var(--default-clickable-area, 44px));min-height:var(--default-clickable-area, 44px);padding:calc(var(--default-grid-baseline) * 2) var(--default-grid-baseline);border:none;border-radius:var(--border-radius-large, 12px);background:transparent;color:var(--color-text-maxcontrast);font:inherit;letter-spacing:.01em;cursor:pointer;transition:background-color .12s ease,color .12s ease}.icon-tab[data-v-92c91076]:hover:not(:disabled){background-color:var(--color-background-hover);color:var(--color-main-text)}.icon-tab[data-v-92c91076]:focus-visible{outline:2px solid var(--color-main-text);box-shadow:0 0 0 4px var(--color-main-background)}.icon-tab--active[data-v-92c91076]{background:var(--editor-active);color:var(--color-main-text);box-shadow:inset 0 0 0 1px var(--color-border),0 4px 16px #0000004d}.icon-tab--icon-only[data-v-92c91076]{min-width:var(--default-clickable-area, 44px);padding:0}.icon-tab[data-v-92c91076]:disabled{opacity:.5;cursor:default}@container editor (max-width: 600px){.icon-tab[data-v-92c91076]{min-width:var(--default-clickable-area, 44px);padding:var(--default-grid-baseline) 2px}.icon-tab--icon-only[data-v-92c91076]{padding:0}}.adjust-panel[data-v-1450b457]{display:flex;flex-direction:column;align-items:center;gap:calc(var(--default-grid-baseline) * 2);width:100%}.adjust-panel__tabs[data-v-1450b457]{display:flex;align-items:center;justify-content:safe center;gap:calc(var(--default-grid-baseline) * 2);max-width:100%;overflow-x:auto;padding:2px;scrollbar-width:thin;scrollbar-color:var(--color-border-dark) transparent}.adjust-panel__tabs[data-v-1450b457]>*{flex-shrink:0}.adjust-panel__tabs[data-v-1450b457]::-webkit-scrollbar{height:6px}.adjust-panel__tabs[data-v-1450b457]::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}.adjust-panel__tabs[data-v-1450b457]::-webkit-scrollbar-track{background:transparent}.annotate-panel[data-v-f1bf58b5]{display:flex;flex-direction:column;align-items:center;gap:calc(var(--default-grid-baseline) * 2);width:100%}.annotate-panel__row[data-v-f1bf58b5]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(var(--default-grid-baseline) * 2)}.annotate-panel__divider[data-v-f1bf58b5]{width:1px;height:24px;background-color:var(--color-border)}.annotate-panel__option[data-v-f1bf58b5]{display:flex;align-items:center;gap:var(--default-grid-baseline)}.annotate-panel__dot[data-v-f1bf58b5]{display:block;border-radius:50%;box-shadow:0 0 0 1px var(--color-border-maxcontrast)}.annotate-panel__glyph[data-v-f1bf58b5]{font-family:Helvetica,Arial,sans-serif;line-height:1;text-shadow:0 0 2px rgba(0,0,0,.6)}.crop-panel[data-v-091ea9a4]{display:flex;flex-direction:column;align-items:center;gap:calc(var(--default-grid-baseline) * 2);width:100%}.crop-panel__row[data-v-091ea9a4]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(var(--default-grid-baseline) * 2)}.crop-panel__divider[data-v-091ea9a4]{width:1px;height:24px;background-color:var(--color-border)}.filter-strip[data-v-ceab69b4]{display:flex;flex-direction:column;gap:calc(var(--default-grid-baseline) * 2);padding:calc(var(--default-grid-baseline) * 2);overflow-y:auto;max-height:100%}.filter-strip[data-v-ceab69b4]>*{flex-shrink:0}.filter-strip[data-v-ceab69b4]{scrollbar-width:thin;scrollbar-color:var(--color-border-dark) transparent}.filter-strip[data-v-ceab69b4]::-webkit-scrollbar{width:6px;height:6px}.filter-strip[data-v-ceab69b4]::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}.filter-strip img[data-v-ceab69b4]{width:64px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--border-radius-large, 12px)}.filter-strip[data-v-ceab69b4]::-webkit-scrollbar-track{background:transparent}.redact-panel[data-v-ca1eeeeb]{display:flex;align-items:center;justify-content:center;gap:calc(var(--default-grid-baseline) * 2)}.redact-panel__divider[data-v-ca1eeeeb]{inline-size:1px;block-size:24px;background:var(--color-border)}.select-panel[data-v-6c179f9e]{display:flex;align-items:center;justify-content:center}.select-panel__hint[data-v-6c179f9e]{font-size:12px;opacity:.65}.sticker-panel[data-v-02765a0d]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(var(--default-grid-baseline) * 2)}.sticker-panel .sticker-panel__emoji[data-v-02765a0d]{font-size:22px;line-height:1}.editor-card[data-v-25ead0dc]{display:flex;flex-direction:column;align-items:center;gap:calc(var(--default-grid-baseline) * 2);min-width:min(420px,92cqw);max-width:min(680px,94cqw);padding:calc(var(--default-grid-baseline) * 3) calc(var(--default-grid-baseline) * 5)}@container editor (max-width: 600px){.editor-card[data-v-25ead0dc]{min-width:0;width:100%;max-width:none;padding-inline:calc(var(--default-grid-baseline) * 3)}}.editor-sidebar[data-v-54ce7748]{padding:var(--default-grid-baseline)}.editor-sidebar__nav[data-v-54ce7748]{display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--default-grid-baseline) * 2)}.editor-topbar__stay[data-v-f07059f8]{margin-inline-end:auto}.editor-topbar[data-v-f07059f8]{display:flex;align-items:center;justify-content:space-between;block-size:max(var(--header-height, 50px),var(--default-clickable-area) + var(--default-grid-baseline) * 2);gap:calc(var(--default-grid-baseline) * 2);padding-block:0;padding-inline:calc(var(--default-grid-baseline) * 6) var(--editor-header-margin)}.editor-topbar__history[data-v-f07059f8]{display:flex;align-items:center;gap:2px;padding:2px;border-radius:var(--border-radius-pill, 100px);background:var(--editor-glass);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--color-border)}.editor-topbar__separator[data-v-f07059f8]{width:1px;height:20px;background-color:var(--color-border)}.editor-topbar__zoom[data-v-f07059f8]{min-width:48px;border:none;background:transparent;color:var(--color-text-maxcontrast);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;padding:0 4px}.editor-topbar__zoom[data-v-f07059f8]:hover:not(:disabled){color:var(--color-main-text)}.editor-topbar__zoom[data-v-f07059f8]:focus-visible{outline:2px solid var(--color-main-text);box-shadow:0 0 0 4px var(--color-main-background)}.editor-topbar__zoom[data-v-f07059f8]:disabled{cursor:default;opacity:.4}.editor-topbar__spacer[data-v-f07059f8],.editor-topbar__actions[data-v-f07059f8]{flex:1;display:flex;align-items:center;gap:var(--default-grid-baseline)}.editor-topbar__actions[data-v-f07059f8]{justify-content:flex-end}@container editor (max-width: 600px){.editor-topbar[data-v-f07059f8]{padding-inline:calc(var(--default-grid-baseline) * 2) var(--editor-header-margin)}.editor-topbar__zoom[data-v-f07059f8]{min-width:34px}.editor-topbar__spacer[data-v-f07059f8]{display:none}.editor-topbar__actions[data-v-f07059f8]{flex:none}.editor-topbar__history[data-v-f07059f8]{min-width:0;gap:0;padding:0;overflow-x:auto;scrollbar-width:none}.editor-topbar__history[data-v-f07059f8]::-webkit-scrollbar{display:none}}.floating-toolbar[data-v-b2b848a3]{position:absolute;display:flex;align-items:center;gap:2px;padding:2px;transform:translate(-50%);z-index:1}.floating-toolbar__color[data-v-b2b848a3]{display:flex;align-items:center;justify-content:center;inline-size:var(--default-clickable-area, 34px);block-size:var(--default-clickable-area, 34px)}.floating-toolbar__color input[data-v-b2b848a3]{inline-size:20px;block-size:20px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer}.floating-toolbar__color input[data-v-b2b848a3]::-webkit-color-swatch-wrapper{padding:0}.floating-toolbar__color input[data-v-b2b848a3]::-webkit-color-swatch{border:1px solid var(--color-border-maxcontrast);border-radius:50%}.text-overlay[data-v-9a528a49]{position:absolute;line-height:1;padding:0;margin:0;border:none;border-radius:2px;background:transparent;outline:1.5px solid var(--color-primary-element, #5b5cf0);outline-offset:4px;box-shadow:0 0 0 4px #00000026;caret-color:var(--color-primary-element, #5b5cf0);resize:none;overflow:hidden;white-space:pre;z-index:1}@property --default-clickable-area{syntax: "<length>"; inherits: true; initial-value: 34px;}@property --default-grid-baseline{syntax: "<length>"; inherits: true; initial-value: 4px;}.image-editor[data-v-66996030]{--color-main-text: #f2f2f7;--color-main-background: #141416;--color-text-maxcontrast: color-mix(in srgb, var(--color-main-text) 75%, transparent);--color-background-hover: color-mix(in srgb, var(--color-primary-element) 8%, transparent);--color-element-hover: var(--color-background-hover);--color-background-dark: color-mix(in srgb, var(--color-main-text) 14%, transparent);--color-border: color-mix(in srgb, var(--color-main-text) 10%, transparent);--color-border-dark: color-mix(in srgb, var(--color-main-text) 25%, transparent);--color-border-maxcontrast: color-mix(in srgb, var(--color-main-text) 50%, transparent);--editor-active: color-mix(in srgb, var(--color-primary-element) 25%, transparent);--editor-glass: color-mix(in srgb, var(--color-main-background) 60%, transparent);--editor-glass-opaque: color-mix(in srgb, var(--color-main-background) 85%, transparent);--editor-header-margin: calc((var(--header-height, 50px) - var(--default-clickable-area)) / 2);--default-font-size: var(--font-size-small, 13px);font-size:var(--default-font-size);position:relative;height:100%;width:100%;overflow:hidden;color:var(--color-main-text);background-color:var(--color-main-background);container:editor/size}.image-editor[data-v-66996030],.image-editor[data-v-66996030] *,.image-editor[data-v-66996030] *:before,.image-editor[data-v-66996030] *:after{box-sizing:border-box}.image-editor[data-v-66996030] button,.image-editor[data-v-66996030] input,.image-editor[data-v-66996030] select,.image-editor[data-v-66996030] textarea{font-family:inherit}.image-editor__shell[data-v-66996030]{position:relative;height:100%;width:100%}.image-editor[data-v-66996030]:before{content:"";position:absolute;inset:-10%;background-image:var(--editor-backdrop);background-size:cover;background-position:center;filter:blur(64px) saturate(1.3) brightness(.55);transform:scale(1.15)}.image-editor[data-v-66996030] .action-item__popper{--editor-popper-offset: 4px}.image-editor[data-v-66996030] .action-item__popper[data-popper-placement^=bottom] .v-popper__wrapper{margin-block-start:calc(-1 * var(--editor-popper-offset))}.image-editor[data-v-66996030] .action-item__popper[data-popper-placement^=top] .v-popper__wrapper{margin-block-end:calc(-1 * var(--editor-popper-offset))}.image-editor[data-v-66996030] .action-item__popper ul[role=menu]{list-style:none;margin:0;padding:0;max-height:min(600px,80vh);overflow-y:auto}.image-editor__frame[data-v-66996030]{position:relative;height:100%;width:100%;overflow:hidden;background:#0e0e128c;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.image-editor__viewport[data-v-66996030]{position:absolute;inset:0;padding:calc(var(--header-height, 50px) + var(--default-grid-baseline)) 16px 16px}@container editor (max-width: 600px){.image-editor__viewport[data-v-66996030]{padding:calc(var(--header-height, 50px) + var(--default-grid-baseline)) 8px 8px}.image-editor .image-editor__controls[data-v-66996030]{inset-inline:8px;transform:none;min-width:0;max-width:none;width:auto}.image-editor .image-editor__strip[data-v-66996030]{flex-direction:row;inset-inline:8px;inset-block-start:auto;inset-block-end:calc(var(--default-grid-baseline) * 4);transform:none;max-height:none;overflow-x:auto;overflow-y:hidden}.image-editor .image-editor__rail[data-v-66996030]{inset-inline-start:var(--default-grid-baseline);inset-block-start:calc(var(--header-height, 50px) + var(--default-grid-baseline) * 3);transform:none;max-height:calc(100% - 240px);overflow-y:auto}}.image-editor__stage[data-v-66996030]{position:relative;height:100%;width:100%}.image-editor__canvas[data-v-66996030]{height:100%;width:100%;touch-action:none}.image-editor__topbar[data-v-66996030]{position:absolute;inset-block-start:0;inset-inline:0;background:linear-gradient(rgba(8,8,12,.5),transparent)}.image-editor__rail[data-v-66996030]{position:absolute;inset-inline-start:calc(var(--default-grid-baseline) * 4);inset-block-start:50%;transform:translateY(-50%)}.image-editor__controls[data-v-66996030]{position:absolute;inset-block-end:calc(var(--default-grid-baseline) * 5);inset-inline-start:50%;transform:translate(-50%)}.image-editor__strip[data-v-66996030]{position:absolute;inset-inline-end:calc(var(--default-grid-baseline) * 4);inset-block-start:50%;transform:translateY(-50%);max-height:calc(100% - 160px)}.image-editor .hidden-visually[data-v-66996030]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.image-editor__loading[data-v-66996030]{position:absolute;inset:0;margin:auto}.image-editor[data-v-66996030] .loading-icon svg{animation:editor-spin-66996030 var(--animation-duration, .8s) linear infinite}.image-editor__error[data-v-66996030]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--default-grid-baseline) * 3);text-align:center;padding:calc(var(--default-grid-baseline) * 4)}.image-editor__error p[data-v-66996030]{margin:0;opacity:.85}@keyframes editor-spin-66996030{0%{transform:rotate(0)}to{transform:rotate(360deg)}}