.modal{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin:64px 32px 32px;max-height:calc(100vh - 64px);max-width:450px;min-height:1px;overflow:hidden;position:relative;width:100%;z-index:1002}.modal:after,.modal:before{content:"";height:32px;left:20px;pointer-events:none;position:absolute;right:20px;z-index:1}.modal:before{background:linear-gradient(180deg,#fff 10%,transparent);top:-1px}.modal:after{background:linear-gradient(0deg,#fff 10%,transparent);bottom:-1px}.modal-close{height:20px;position:absolute;right:20px;top:20px;transition:.4s ease;width:20px;z-index:1}.modal-close:hover:after,.modal-close:hover:before{height:2px}.modal-close:focus-visible{background:radial-gradient(#efcc73,transparent);outline:none}.modal-close:after,.modal-close:before{background-color:#358f94;content:"";height:1.5px;left:50%;position:absolute;top:50%;width:28.288px}.modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-backdrop{align-items:center;background-color:#358f9433;display:flex;justify-content:center;inset:0;position:fixed;z-index:1001}.modal-header{padding:0 44px 24px 32px}.modal-body{padding:0 32px}.modal-footer{padding:24px 32px 0}@media only screen and (max-width:576px){.modal-header{padding-left:16px}.modal-body,.modal-footer{padding-left:20px;padding-right:20px}}.modal-content{flex:1;min-height:calc(100% + 64px);overflow-x:hidden;overflow-y:auto;padding-bottom:32px;padding-top:32px}.modal.max-width-content{max-width:-moz-max-content;max-width:max-content}.modal.max-width-small{max-width:400px}.modal.max-width-medium{max-width:800px}.modal.max-width-container{max-width:1280px}@media(max-width:480px){.modal{margin-left:8px;margin-right:8px}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .modal,.modal-fade-leave-to .modal{opacity:0;transform:scale(.5)}