.modal-overlay{background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.modal-overlay.is-active{align-items:flex-start;display:flex;justify-content:center;padding:40px 20px}.modal-overlay.is-visible{opacity:1}.modal-container{margin:auto;max-width:600px;transform:translateY(20px);transition:transform .3s ease;width:100%}.modal-overlay.is-visible .modal-container{transform:translateY(0)}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.2);padding:40px;position:relative}.modal-close{align-items:center;background:transparent!important;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:color .2s ease;z-index:1}.modal-close:focus,.modal-close:hover{color:#000}.modal-text{margin-bottom:24px}.modal-text h2,.modal-text h3{margin-top:0}.button.modal-trigger{border:none;cursor:pointer;font-family:inherit}body.modal-open{overflow:hidden}@media (max-width:768px){.modal-overlay.is-active{padding:20px}.modal-content{padding:24px}}@media (max-height:600px){.modal-overlay.is-active{padding:20px}.modal-content{padding:60px 24px 24px}}