.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;opacity:0;overflow:auto;display:flex;padding:0;align-items:flex-start;justify-content:center;background-color:color-mix(in lch,var(--color-primaryToWhite) 40%,transparent)}.modal-overlay::-webkit-scrollbar{width:0}.modal-content{position:relative;background:var(--color-white);border-radius:16px;width:500px;max-width:calc(100% - 30px);margin:100px auto 20px;padding:15px;opacity:0;transform:scale(.5)}@media screen and (min-width:960px){.modal-content{padding:32px}}.modal-content__header{display:flex;justify-content:space-between;margin-bottom:16px}.modal-content__header-title{font:24px var(--font-bold);line-height:30px;padding-right:25px;white-space:normal}.modal-content__header>.button,.modal-content__header>.button svg{align-self:flex-start}.modal-content__content,.modal-content__header{color:var(--color-primary)}.modal-content__content-notice{margin:5px 0 10px}.modal-content__footer{margin-top:24px}.ReactModal__Overlay--after-open{opacity:1;transition:opacity .3s}.ReactModal__Overlay--after-open .modal-content{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.ReactModal__Overlay--before-close{opacity:0;transition:opacity .3s}.ReactModal__Overlay--before-close .modal-content{opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s}.modal-content--xs{width:368px}.modal-content--sm{width:500px}.modal-content--md{width:650px}.modal-content--lg{width:960px}