.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;max-height:100vh;min-height:100vh;min-height:var(--doc-height);opacity:0;position:fixed;right:0;top:0;transition:.1s;visibility:hidden;width:100%}.modal.active{opacity:1;visibility:visible}.modal .clickOutside{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}@media(min-width:568px){.modal .background{background:#2b2f3680;opacity:0;transition:.3s}.modal .background.active{opacity:1}}.modal>.slot{max-height:100vh;max-width:500px;overflow-y:auto;transition:.2s!important;width:100%}@media(max-width:568px){.modal>.slot{min-height:100%;min-width:100%}}@media(min-width:568px){.modal>.slot.active{opacity:1}}.modal>*{position:relative;width:auto;z-index:10000}