@layer zoomable-image{.zoomable-image{position:relative;cursor:pointer;display:inline-block;border:3px solid var(--colors-warning-400, #fdb022);border-radius:16px;overflow:hidden}.zoomable-image__img{display:block;width:100%;height:100%;transition:transform .3s ease-in-out}.zoomable-image__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fdb02280;box-shadow:0 4px 36px #00000040 inset;transition:background .3s,box-shadow .3s}.zoomable-image__overlay:hover{border-radius:var(--spacing-416-px, 16px);background:#fdb022b2}.zoomable-image__icon-circle{width:90px;height:90px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.zoomable-image__icon{width:40px;height:40px;color:#000;transition:color .3s}.zoomable-image:hover .zoomable-image__img{transform:scale(1.05)}.zoomable-image:hover .zoomable-image__icon-circle{background-color:#000}.zoomable-image:hover .zoomable-image__icon{color:#fff}.yarl__button.yarl__navigation_prev,.yarl__button.yarl__navigation_next{display:none}:root{--yarl__container_background_color: #000a}.yarl__root .yarl__toolbar{padding:0!important;right:108px!important;top:16px!important}.yarl__root .yarl__toolbar button[title=Close]{display:flex;width:70px!important;height:70px!important;padding:12px!important;justify-content:center;align-items:center;border-radius:var(--spacing-48192-px, 192px);color:var(--colors-base-black, #000)!important;background:var(--colors-base-white, #fff)!important;box-shadow:4px 12px 8px #00000040;transition:color .2s,background .2s}.yarl__root .yarl__toolbar button[title=Close]:hover{color:var(--colors-base-white, #fff)!important;background:var(--colors-base-black, #000)!important}}