.zoomable-frame{display:flex;flex:1 0 0;gap:16px;justify-content:center;align-items:flex-start;padding:0 24px 0 56px}@media screen and (max-width: 820px){.zoomable-frame{flex-direction:column;padding:0}}.zoomable-frame .image-container{width:100%;height:auto;aspect-ratio:16/10;border-radius:8px;max-height:100vh;max-width:100vh}@media screen and (max-width: 820px){.zoomable-frame .image-container{max-width:820px;max-height:512px;aspect-ratio:5/4;border-radius:0}}.zoomable-frame .zoomable-image{width:100%;background-repeat:no-repeat;background-size:cover;border-radius:8px;background-position:center;aspect-ratio:16/10;height:auto;overflow:hidden}@media screen and (max-width: 820px){.zoomable-frame .zoomable-image{aspect-ratio:5/4;border-radius:0}}.zoomable-frame .zoom-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.zoomable-frame .zoom-buttons button{width:40px;height:40px;border-radius:50%;background-color:#fff;filter:drop-shadow(0px 2px 6px rgba(0,0,0,.2));border:none;display:flex;align-items:center;justify-content:center}.zoomable-frame .zoom-buttons button svg{fill:#000;width:20px;height:20px;margin:0}.zoomable-frame .zoom-buttons button:hover:not(:disabled){filter:drop-shadow(0px 4px 18px rgba(0,0,0,.2))}.zoomable-frame .zoom-buttons button:disabled{background-color:#ededed;filter:none}.zoomable-frame .zoom-buttons button:disabled svg{fill:#a1a1a1}.zoomable-frame .zoom-buttons button:disabled svg rect{fill:transparent}.zoomable-frame .zoom-buttons button:focus-visible{outline:2px solid #ffffff;box-shadow:0 0 0 .25em #0070c9,0 0 0 .4em #fff;outline-offset:-1px;border-radius:50%}@media screen and (max-width: 820px){.zoomable-frame .zoom-buttons{flex-direction:row;padding:24px 0;align-items:center;justify-content:center;width:100%}}