.media-image-preview[data-v-7c267963]{z-index:var(--ct-z-index-modal,1000);gap:var(--ct-spacing-12,.75rem);box-sizing:border-box;padding:var(--ct-spacing-16,1rem);color:var(--ct-text-color-primary,#272525);background:var(--ct-fill-color-2,#f5f5f5);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.media-image-preview__header[data-v-7c267963]{align-items:flex-start;gap:var(--ct-spacing-12,.75rem);flex:none;min-height:2.25rem;display:flex}.media-image-preview__title-group[data-v-7c267963]{gap:var(--ct-spacing-4,.25rem);flex-direction:column;flex:auto;min-width:0;display:flex}.media-image-preview__title[data-v-7c267963]{font:var(--ct-font-heading-m);color:var(--ct-text-color-primary,#272525);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.media-image-preview__description[data-v-7c267963]{color:var(--ct-text-color-secondary,#736e6d);font:var(--ct-font-body-regular-s,inherit);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.media-image-preview__close[data-v-7c267963]{flex:none;margin-left:auto}.media-image-preview__body[data-v-7c267963]{align-items:stretch;gap:var(--ct-spacing-12,.75rem);flex:auto;min-height:0;display:flex}.media-image-preview__thumbs[data-v-7c267963]{align-items:center;gap:var(--ct-spacing-8,.5rem);padding-inline:var(--ct-spacing-4,.25rem);scrollbar-width:thin;flex-direction:column;flex:none;display:flex;overflow:hidden auto}.media-image-preview__thumb[data-v-7c267963]{background:var(--ct-bg-color-white,#fff);border-radius:var(--ct-radius-8,.5rem);cursor:pointer;border:2px solid #0000;flex:none;width:4.75rem;height:4.75rem;padding:0;overflow:hidden}.media-image-preview__thumb[data-v-7c267963]:hover{border-color:var(--ct-border-color-3,#d0d0d0)}.media-image-preview__thumb[data-v-7c267963]:focus-visible{outline:2px solid var(--ct-focus-ring);outline-offset:-2px}.media-image-preview__thumb--active[data-v-7c267963],.media-image-preview__thumb--active[data-v-7c267963]:hover{border-color:var(--ct-brand-color-1,#3b82f6)}.media-image-preview__thumb-image[data-v-7c267963]{object-fit:contain;width:100%;height:100%;display:block}.media-image-preview__stage[data-v-7c267963]{background:var(--ct-bg-color-white,#fff);border:1px solid var(--ct-border-color-2,#e8e8e8);border-radius:var(--ct-radius-8,.5rem);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.media-image-preview__stage--dragging[data-v-7c267963]{cursor:grabbing}.media-image-preview__image[data-v-7c267963]{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .12s ease-out;display:block}.media-image-preview__stage--dragging .media-image-preview__image[data-v-7c267963]{transition:none}.media-image-preview__button[data-v-7c267963]{border-radius:var(--ct-radius-8,.5rem);min-width:2.25rem;min-height:2.25rem;color:var(--ct-text-color-primary,#272525);background:var(--ct-bg-color-white,#fff);box-shadow:var(--ct-shadow-small,0 2px 8px #0000001f);cursor:pointer;border:0;place-items:center;padding:0;display:inline-grid}.media-image-preview__button[data-v-7c267963]:hover{background:var(--ct-fill-color-1,#f0f0f0)}.media-image-preview__button[data-v-7c267963]:focus-visible{outline:var(--ct-focus-ring);outline-offset:2px}.media-image-preview__previous[data-v-7c267963],.media-image-preview__next[data-v-7c267963]{z-index:1;cursor:pointer;position:absolute;top:50%;translate:0 -50%}.media-image-preview__previous[data-v-7c267963]{left:var(--ct-spacing-12,.75rem)}.media-image-preview__next[data-v-7c267963]{right:var(--ct-spacing-12,.75rem)}.media-image-preview__position[data-v-7c267963]{z-index:1;right:var(--ct-spacing-12,.75rem);bottom:var(--ct-spacing-12,.75rem);padding:var(--ct-spacing-4,.25rem) var(--ct-spacing-8,.5rem);font:var(--ct-font-body-medium-xs,inherit);color:var(--ct-text-color-white,#fff);background:color-mix(in srgb, var(--ct-text-color-primary,#272525) 75%, transparent);border-radius:var(--ct-radius-4,.25rem);position:absolute}.media-image-preview__footer[data-v-7c267963]{padding-bottom:env(safe-area-inset-bottom);flex:none;justify-content:center;align-items:center;display:flex}.media-image-preview__toolbar[data-v-7c267963]{justify-content:center;align-items:center;gap:var(--ct-spacing-8,.5rem);flex-wrap:wrap;display:flex}.media-image-preview__actions[data-v-7c267963]{align-items:center;gap:var(--ct-spacing-8,.5rem);flex-wrap:wrap;display:inline-flex}.media-image-preview__icon--mirror[data-v-7c267963]{transform:scaleX(-1)}@media (width<=48rem){.media-image-preview[data-v-7c267963]{padding:var(--ct-spacing-8,.5rem);gap:var(--ct-spacing-8,.5rem)}.media-image-preview__body[data-v-7c267963]{flex-direction:column}.media-image-preview__stage[data-v-7c267963]{order:1}.media-image-preview__thumbs[data-v-7c267963]{width:100%;padding-block:var(--ct-spacing-4,.25rem);flex-direction:row;order:2;justify-content:flex-start;align-items:center;padding-inline:0;overflow:auto hidden}.media-image-preview__thumb[data-v-7c267963]{width:3.5rem;height:3.5rem}}