.modal-overlay[data-v-687162e1]{position:fixed;z-index:998;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center}.modal-container[data-v-687162e1]{display:flex;flex-direction:column-reverse;justify-content:space-evenly;background:#f9f9f9;border-radius:10px;overflow:hidden;width:90vw;height:80vh;max-width:1200px;box-shadow:0 4px 10px #0003}.thumbnail-container[data-v-687162e1]{background-color:#ececec;padding:10px}.thumbnail-wrapper[data-v-687162e1]{height:100%;display:flex;height:8rem;gap:10px}.thumbnail[data-v-687162e1]{width:auto;height:auto;cursor:pointer;border-radius:4px;object-fit:cover;opacity:.6;transition:opacity .3s ease,transform .3s ease}.thumbnail.active[data-v-687162e1],.thumbnail[data-v-687162e1]:hover{opacity:1;transform:scale(1.05)}.document-viewer[data-v-687162e1]{width:100%;padding:10px;overflow-y:auto;background:#fff;display:flex;justify-content:center;align-items:baseline}@media (min-width: 768px){.document-viewer[data-v-687162e1]{padding:20px}.thumbnail-wrapper[data-v-687162e1]{height:unset;flex-direction:column}.modal-container[data-v-687162e1]{flex-direction:row}.thumbnail-container[data-v-687162e1]{width:20%;height:unset}}.large-image[data-v-687162e1]{max-width:100%;object-fit:contain}.modal-close[data-v-687162e1]{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:24px;color:#fff;cursor:pointer}