.image-modal[data-v-859022b2]{position:relative}.image-modal__image-container[data-v-859022b2]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.image-modal__image[data-v-859022b2]{margin:auto;max-height:calc(100dvh - 55px)}.image-modal__dot-container[data-v-859022b2]{display:flex;gap:10px}.image-modal__dot[data-v-859022b2]{background-color:#eee;border-radius:50%;cursor:pointer;height:15px;width:15px}.image-modal__dot[data-v-859022b2]:hover{opacity:.5;transition:all .15s}.image-modal__dot--active[data-v-859022b2]{background-color:#333}@media screen and (max-width:830px){.image-modal__dot--active[data-v-859022b2]{background-color:#999}}.image-modal__button[data-v-859022b2]{position:absolute;top:50%;transform:translateY(-50%)}.image-modal__button--close[data-v-859022b2]{right:20px;top:20px;transform:none}@media screen and (max-width:830px){.image-modal__button--close[data-v-859022b2]{right:10px;top:10px}}.image-modal__button--prev[data-v-859022b2]{left:20px}@media screen and (max-width:830px){.image-modal__button--prev[data-v-859022b2]{left:10px}}.image-modal__button--next[data-v-859022b2]{right:20px}@media screen and (max-width:830px){.image-modal__button--next[data-v-859022b2]{right:10px}}.image-modal__icon[data-v-859022b2]{height:24px;width:24px}@media screen and (max-width:830px){.image-modal__icon[data-v-859022b2]{height:16px;width:16px}}