.zoom-image-container{border-radius:var(--udex-modal-border-radius);cursor:zoom-in;overflow:hidden;position:relative}.zoom-image-container:focus{outline:none}.zoom-image-container .zoom-image__text-keyboard{display:none}.zoom-image-container:focus-visible{border-radius:var(--udex-modal-border-radius);outline:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);outline-offset:var(--sapContent_FocusWidth)}.zoom-image-container:focus-visible .zoom-image__text-default{display:none}.zoom-image-container:focus-visible .zoom-image__text-keyboard{display:flex;flex-direction:column;gap:var(--udexSpacer4);margin:0;padding:0;list-style:none}.zoom-image-container:focus-visible .zoom-image__text-keyboard>div{display:flex;align-items:center;gap:var(--udexSpacer4);font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.zoom-image-container:focus-visible .zoom-image__hint ui5-icon[name=zoom-in]{display:none}.zoom-image-container ui5-icon{width:var(--udexSpacer12);height:var(--udexSpacer12)}.zoom-image-container ui5-icon::part(root){fill:var(--udexColorGrey1)}.zoom-image-container>img,.zoom-image-container>picture img{object-fit:cover!important;transition:transform .2s ease-out;will-change:transform,transform-origin}.zoom-image-container.zoom-image-in>img,.zoom-image-container.zoom-image-in>picture img{transform:scale(2.5)}.zoom-image__hint{align-items:center;background-color:var(--udexColorGrey8);border-radius:var(--udexRadiusS);bottom:var(--udexSpacer32);color:var(--udexColorGrey1);display:flex;font-size:var(--udexTypographyBodyXSFontSize);gap:var(--udexSpacer8);left:50%;padding:var(--udexSpacer4) var(--udexSpacer8);position:absolute;transform:translate(-50%);transition:opacity .2s ease-out;z-index:1;border:var(--eds-size-1) solid var(--udexColorGrey9)}.zoom-image-in .zoom-image__hint{opacity:0}.zoom-image__hint .icon{display:flex;height:var(--udexSpacer12);width:var(--udexSpacer12)}.zoom-image__hint .icon img{filter:brightness(0) invert(1);height:var(--udexSpacer12);width:var(--udexSpacer12)}