.image-preview{margin:var(--cds-spacing-06)0;background:var(--cds-layer-01);border-radius:8px;position:relative;overflow:hidden}[data-carbon-theme=g10] .image-preview{background:#fff}[data-carbon-theme=g100] .image-preview{background:#0d0d0d}.image-preview__blur-background{z-index:0;pointer-events:none;border-radius:8px;position:absolute;inset:0;overflow:hidden}.image-preview__blur-background img{opacity:.8!important;margin:0!important}.image-preview__container{z-index:1;position:relative}.image-preview__aspect-wrapper{cursor:pointer;border-radius:4px;width:100%;position:relative;overflow:hidden}.image-preview__aspect-wrapper img{margin:0!important}.image-preview--transparent .image-preview__aspect-wrapper{border-radius:8px}.image-preview__aspect-wrapper:not([style*=padding-bottom]){height:auto}.image-preview__image{border-radius:4px;width:100%;display:block}.image-preview__aspect-wrapper[style*=padding-bottom] .image-preview__image{object-fit:contain;height:100%;position:absolute;top:0;left:0}.image-preview__aspect-wrapper:not([style*=padding-bottom]) .image-preview__image{object-fit:initial;height:auto}.image-preview--transparent .image-preview__image{border-radius:8px;box-shadow:0 4px 20px #00000026}.image-preview__controls{top:var(--cds-spacing-03);right:var(--cds-spacing-03);z-index:10;gap:var(--cds-spacing-02);display:flex;position:absolute}.image-preview__expand-button,.image-preview__delete-button{opacity:0;transition:opacity .11s cubic-bezier(.5,0,.1,1);box-shadow:0 2px 8px #0000001a;background:var(--cds-layer-01)!important}.image-preview__expand-button:hover,.image-preview__delete-button:hover{background:var(--cds-layer-hover-01)!important}.image-preview__container:hover .image-preview__expand-button,.image-preview__container:hover .image-preview__delete-button{opacity:1}.image-preview__caption{margin-top:var(--cds-spacing-03);padding:0 var(--cds-spacing-05);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-secondary);text-align:center}.image-preview--transparent .image-preview__caption{padding:0}.image-preview--editable{max-width:100%;margin:var(--cds-spacing-05)0;outline-offset:2px;outline:2px solid #0000;transition:outline .15s;display:inline-block}.image-preview--selected,.image-preview--hovered{outline-color:var(--cds-focus)}.image-preview--selected .image-preview__expand-button,.image-preview--selected .image-preview__delete-button,.image-preview--hovered .image-preview__expand-button,.image-preview--hovered .image-preview__delete-button{opacity:1}.image-preview--resizing{-webkit-user-select:none;user-select:none;cursor:ew-resize}.image-preview--uploading .image-preview__aspect-wrapper{cursor:default}.image-preview__uploading-overlay{z-index:5;justify-content:center;align-items:center;gap:var(--cds-spacing-03);color:var(--cds-text-on-color);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);background:#00000080;border-radius:4px;flex-direction:column;display:flex;position:absolute;inset:0}.image-preview__resize-handle{cursor:ew-resize;z-index:15;width:12px;height:100%;position:absolute;top:0;right:-6px}.image-preview__resize-handle:after{content:"";background:var(--cds-focus);opacity:.8;border-radius:2px;width:4px;height:32px;transition:opacity .15s,height .15s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.image-preview__resize-handle:hover:after{opacity:1;height:48px}.image-preview--resizing .image-preview__resize-handle:after{opacity:1;background:var(--cds-interactive);height:100%}.image-preview-modal__image-wrapper{justify-content:center;align-items:center}[data-carbon-theme=g10] .image-preview-modal__image-wrapper{background:#fff}[data-carbon-theme=g100] .image-preview-modal__image-wrapper{background:#0d0d0d}.image-preview-modal__image{object-fit:contain;max-width:100%;max-height:100%;display:block}@media (max-width:42rem){.image-preview__container{padding:var(--cds-spacing-03)}.image-preview__expand-button{opacity:1}.image-preview-modal__image-wrapper{padding:var(--cds-spacing-03)}}