.image{display:inline-block;line-height:0;position:relative}.image__img{border-radius:var(--image-radius,var(--image-radius));display:block;height:auto;max-width:100%;transition:opacity var(--image-transition-duration,var(--image-transition-duration)) ease}.image--mode-preview{cursor:pointer}.image--mode-preview .image__img{transition:transform var(--image-transition-duration,var(--image-transition-duration)) ease,opacity var(--image-transition-duration,var(--image-transition-duration)) ease}.image--mode-preview:hover .image__img,.image--mode-preview[data-state~=hover] .image__img{transform:scale(1.02)}.image--mode-preview:hover .image__preview-indicator,.image--mode-preview[data-state~=hover] .image__preview-indicator{opacity:1}.image__preview-indicator{align-items:center;background:var(--image-preview-icon-background,var(--image-preview-icon-background));border-radius:50%;display:flex;height:calc(var(--image-preview-icon-size, var(--image-preview-icon-size))*2);justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--image-transition-duration,var(--image-transition-duration)) ease;width:calc(var(--image-preview-icon-size, var(--image-preview-icon-size))*2)}.image__preview-indicator svg{color:var(--image-preview-icon-color,var(--image-preview-icon-color));height:var(--image-preview-icon-size,var(--image-preview-icon-size));width:var(--image-preview-icon-size,var(--image-preview-icon-size))}.image__overlay{align-items:center;background:var(--image-preview-overlay-background,var(--image-preview-overlay-background));display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:var(--image-preview-overlay-zIndex,var(--image-preview-overlay-zIndex))}.image__preview-img{border-radius:var(--image-radius,var(--image-radius));max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.image__close{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--image-preview-closeButton-color,var(--image-preview-closeButton-color));cursor:pointer;display:flex;height:var(--image-preview-closeButton-size,var(--image-preview-closeButton-size));justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:background-color .15s ease;width:var(--image-preview-closeButton-size,var(--image-preview-closeButton-size))}.image__close:hover,.image__close[data-state~=hover]{background:var(--image-preview-closeButton-hoverBackground,var(--image-preview-closeButton-hoverBackground))}.image__close:focus-visible,.image__close[data-state~=focus-visible]{outline:2px solid currentColor;outline-offset:2px}.image__close svg{height:24px;width:24px}.image--state-error .image__img{opacity:.5}.image-preview-enter-active,.image-preview-leave-active{transition:opacity .2s ease}.image-preview-enter-from,.image-preview-leave-to{opacity:0}