.modal{align-items:center;background-color:#0006;flex-direction:row;height:100vh;justify-content:center;left:0;opacity:0;overflow:auto;padding:1.2em;position:fixed;top:0;visibility:hidden;z-index:1000}.modal,.modal__box{display:flex;transition:all .25s;width:100%}.modal__box{background-color:#fff;border-radius:.5rem;flex-direction:column;justify-content:space-between;margin:auto;position:relative;transform:scale(.8)}.modal__box.sm{max-width:300px}.modal__box.md{max-width:360px}.modal__box.lg{max-width:700px}.modal__box.xlg{max-width:768px}.modal__close{cursor:pointer;font-size:1.4em;height:40px;justify-content:center;position:absolute;right:8px;top:8px;width:40px;z-index:100}.modal__close,.modal__head{align-items:center;display:flex}.modal__head{justify-content:space-between;padding:1.2em .8em .5em}.modal__title{color:#606060;font-size:1.2em;font-weight:600;margin:0;text-align:center}@media (min-width:375px){.modal__title{font-size:1.4em}}.modal__body.sm{padding:1em 1.4em}.modal__body.md{padding:2em}.modal__body.lg{padding:3em}.modal__actions{display:flex}.modal__actions button{background-color:transparent;border:0;border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8;padding:1.2em .5em;width:100%}.modal__actions button:hover{background-color:#e8e8e880}.modal__actions button:focus{outline:none}.modal__actions button:first-child{border-bottom-left-radius:.5rem}.modal__actions button:last-child{border-bottom-right-radius:.5rem;border-right:0}.modal.active{opacity:1;visibility:visible}.modal.active .modal__box{transform:scale(1)}