.modal-gallery.modal-enter-from .modal-window__body,.modal-gallery.modal-leave-to .modal-window__body{transform:unset}.modal-gallery__modal{flex-direction:column;width:100%;height:100%;display:flex}.modal-gallery__close{z-index:var(--z-index-above);color:var(--color-neutral-100);cursor:pointer;background-color:#0000;border:none;flex-shrink:0;width:2rem;height:2rem;padding:0;transition:color .3s;position:absolute;top:1rem;right:1rem}.modal-gallery__close:focus{outline:none}.modal-gallery__close:focus-visible{outline-offset:.125rem;outline:.125rem solid}.modal-gallery__close-icon{width:100%;height:100%}.modal-gallery__content{flex-direction:column;height:100%;display:flex}.modal-gallery__slider{height:100%}.modal-gallery .modal-window__body{scrollbar-color:var(--color-primary-100)var(--body-bg);scrollbar-width:thin;padding:1rem;overflow-x:hidden}.modal-gallery .modal-window__body::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.1875rem}.modal-gallery .modal-window__body::-webkit-scrollbar-track{background:var(--body-bg);border-radius:.25rem}.modal-gallery .modal-window__body::-webkit-scrollbar-thumb{border:.125rem solid var(--color-secondary-100);background-color:var(--color-secondary-100);border-radius:.125rem}@media (min-width:calc(48em + .1px)){.modal-gallery__content{padding:0 2rem}}@media (max-width:48em){.modal-gallery__close{margin:0 auto;top:auto;bottom:1.625rem;left:0;right:0}}@media (hover:hover){.modal-gallery__close:hover{color:var(--color-neutral-100-trans-60)}}