.s-preview-image{position:relative;width:100%;height:100%;touch-action:none}.s-preview-image__overlay:is(.is-preview-image){background:var(--s-overlay-illegible)}.s-preview-image__overlay:is(.is-preview-image):is(.is-immersive){background:var(--s-black)}.s-preview-image__swiper:is(.is-preview-image){width:100%;height:100%}.s-preview-image__item{position:relative;display:flex;width:100%;height:100%;-webkit-user-select:none;user-select:none}.s-preview-image__puppet{position:absolute;top:0;left:0;transform-origin:top left;transition:transform var(--s-duration-fast);pointer-events:none;background-size:contain}.s-preview-image__toolbar{position:absolute;top:calc(var(--s-status-bar-height) + 16px);display:flex;justify-content:center;align-items:center;width:100%;pointer-events:none}.s-preview-image__indicator{font-size:var(--s-font-size);color:var(--s-white);text-shadow:1px 1px var(--s-black);transition:opacity var(--s-duration-fast)}.s-preview-image:is(.is-immersive) .s-preview-image__indicator{opacity:0}