html div:where(.sunp-image){box-sizing:border-box;position:relative}html div:where(.sunp-image) .sunp-image__element{box-sizing:border-box}html div:where(.sunp-image) .sunp-image__element{display:block}html div:where(.sunp-image) .sunp-image__element{height:100%}html div:where(.sunp-image) .sunp-image__element{width:100%}html div:where(.sunp-image) .sunp-image__element{-o-object-fit:inherit;object-fit:inherit}html div:where(.sunp-image) .sunp-image__tip{position:absolute}html div:where(.sunp-image) .sunp-image__tip{top:0;right:0;bottom:0;left:0}html div:where(.sunp-image) .sunp-image__tip{display:flex}html div:where(.sunp-image) .sunp-image__tip{height:100%}html div:where(.sunp-image) .sunp-image__tip{align-items:center}html div:where(.sunp-image) .sunp-image__tip{justify-content:center}html div:where(.sunp-image) .sunp-image__tip{background-color:var(--sunp-color-box);color:var(--sunp-color-weak);z-index:1}html div:where(.sunp-image-clickable){cursor:pointer}html div:where(.sunp-image-clickable):active:before{position:absolute}html div:where(.sunp-image-clickable):active:before{top:0;right:0;bottom:0;left:0}html div:where(.sunp-image-clickable):active:before{background-color:var(--sunp-color-white);content:"";opacity:.1}