:root{--modal-width:800px;--modal-max-width:90.6vw;--modal-max-height:90vh;--animation-duration:300ms;--overlay-bg:rgba(187,222,218,.8);--modal-bg:#fff;--modal-border-radius:10px;--modal-shadow:1px 1px 10px rgba(0,0,0,.3);--modal-padding:20px;--z-index-modal:1000}*{box-sizing:border-box}.modal-overlay,body.modal-open{overflow:hidden}.modal-overlay{animation:overlayFadeIn var(--animation-duration) ease-out forwards;background-color:var(--overlay-bg);height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.modal-slider{display:flex;height:100vh;width:calc(100vw*var(--total-modals, 3));will-change:transform}.modal-wrapper{align-items:center;box-sizing:border-box;display:flex;flex:0 0 100vw;height:100vh;justify-content:center;position:relative;width:100vw}.modal-background{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.modal{background:var(--modal-bg);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);max-height:var(--modal-max-height);max-width:var(--modal-max-width);opacity:1;position:relative;transform:none;width:var(--modal-width);z-index:2}.modal.modal-active{display:block!important}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.modal-overlay.modal-fade-in{animation:modalFadeIn var(--animation-duration) ease-out forwards}.modal-overlay.modal-fade-out{animation:modalFadeOut var(--animation-duration) ease-in forwards}.modal-overlay.modal-closing{animation:overlayFadeOut var(--animation-duration) ease-in forwards}@media (prefers-reduced-motion:reduce){:root{--animation-duration:0.01ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}