.sitchco-modal.sitchco-modal--image{--modal-backdrop-color: rgb(0 0 0 / .85);--modal-container-bg: transparent;--modal-container-padding: 0px;--modal-container-width: fit-content;--modal-container-max-width: none;--modal-container-border-radius: 0;--modal-close-color: #fff;--modal-close-bg: rgb(0 0 0 / .5);--modal-close-bg-hover: #000;--modal-box-gap: 2rem}.sitchco-modal.sitchco-modal--image .sitchco-modal__content{width:auto;max-width:100%}.sitchco-modal.sitchco-modal--image .sitchco-modal__content img{display:block;width:auto;height:auto;max-width:calc(100dvw - (2 * var(--modal-box-gap)));max-height:calc(100dvh - (2 * var(--modal-box-gap)));object-fit:contain}@media(max-width:575.98px){.sitchco-modal.sitchco-modal--image{--modal-box-gap: 1rem }}.has-image-modal{position:relative;isolation:isolate}.has-image-modal .kb-advanced-image-link,.has-image-modal .kb-is-ratio-image,.has-image-modal .kb-image-has-overlay{position:relative}.has-image-modal:has(>figcaption){display:grid;grid-template-columns:1fr}.has-image-modal:has(>figcaption)>figcaption{grid-row:2}.has-image-modal:has(>figcaption)>:not(figcaption){grid-row:1;grid-column:1}.has-image-modal:has(>figcaption)>.sitchco-image-modal__icon-overlay{position:static;inset:auto;translate:none;align-self:center;justify-self:center}.has-image-modal .sitchco-image-modal__icon-overlay{--sitchco-image-modal-icon-bg: var( --sitchco-image-modal-icon-dark-bg, var(--sitchco-image-modal-icon-color, rgb(0 0 0 / .7)) );--sitchco-image-modal-icon-fg: var(--sitchco-image-modal-icon-dark-fg, #fff);--sitchco-icon-svg-size: 50%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;z-index:2;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;width:13%;max-width:68px;aspect-ratio:1;border-radius:50%;background:var(--sitchco-image-modal-icon-bg);color:var(--sitchco-image-modal-icon-fg);filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3))}@media(hover:hover){.has-image-modal .kb-img{transition:opacity .2s ease}.has-image-modal .sitchco-image-modal__icon-overlay{opacity:.9;transition:opacity .2s ease,scale .2s ease}.has-image-modal:hover .kb-img,.has-image-modal:focus-within .kb-img{opacity:.85}.has-image-modal:hover .sitchco-image-modal__icon-overlay,.has-image-modal:focus-within .sitchco-image-modal__icon-overlay{opacity:1;scale:1.03}}