.block-project-image-slider{& figure{& figcaption{box-sizing:border-box;z-index:101;text-align:left;cursor:pointer;user-select:none;align-items:flex-end;gap:0;margin:0;display:flex;position:absolute;bottom:16px;left:16px;&:before{content:"i";background-color:var(--color-vj-grey-dark-900);color:#fff;pointer-events:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:serif;font-size:18px;font-style:italic;font-weight:700;transition:background-color .3s;display:flex}&:hover:before{background-color:var(--color-vj-grey-dark-700)}&>span{opacity:0;background:var(--color-vj-grey-dark-900);color:#fff;white-space:nowrap;border-radius:4px;max-width:0;max-height:32px;margin-left:0;padding:0;font-size:14px;line-height:1.4;transition:max-width .3s,max-height .3s,opacity .3s,padding .3s,margin-left .3s;overflow:hidden}&.is-open{cursor:default;&>span{white-space:normal;opacity:1;max-width:calc(100% - 60px);max-height:300px;margin-left:8px;padding:8px 12px}}}& .lightbox-trigger{z-index:101;background-color:var(--color-vj-grey-dark-900);opacity:1;color:#fff;cursor:pointer;border-radius:100px;width:32px;height:32px;padding:6px;transition:all .3s;display:block;position:absolute;bottom:16px;&:hover{background-color:var(--color-vj-grey-dark-700)}& svg{fill:var(--color-white-500);width:100%}}}}