.modal-wrapper{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:400;pointer-events:none}.modal-wrapper--close,.modal-wrapper--open{pointer-events:all}.modal-wrapper__backdrop{position:absolute;inset:0;opacity:0;pointer-events:none;animation-fill-mode:forwards}.modal-wrapper__backdrop--dark{background:hsla(0,0%,7%,.4)}.modal-wrapper--open>.modal-wrapper__backdrop.opening{animation:modal-backdrop-enter .2s forwards}.modal-wrapper--close>.modal-wrapper__backdrop.closing{animation:modal-backdrop-close .2s forwards}.modal-content{background:#fff;border-radius:10px;padding:20px;width:90%;height:80%;z-index:10;transform-origin:center center;overflow:scroll}.modal-content-enter{animation:modal-enter .2s forwards;animation-timing-function:cubic-bezier(.2,0,0,1)}.modal-content-close{animation:modal-close .2s forwards;animation-timing-function:cubic-bezier(.2,0,0,1)}@keyframes modal-enter{0%{clip-path:inset(50%);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes modal-close{0%{clip-path:inset(0);opacity:1}to{clip-path:inset(50%);opacity:0}}@keyframes modal-backdrop-enter{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-close{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.modal-inner-content{opacity:0;animation-fill-mode:forwards}.modal-content-enter .modal-inner-content{animation:modal-inner-zoom-fade-in .2s forwards;animation-timing-function:cubic-bezier(.2,0,0,1)}.modal-content-close .modal-inner-content{animation:modal-inner-zoom-fade-out .2s forwards;animation-timing-function:cubic-bezier(.2,0,0,1)}@keyframes modal-inner-zoom-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modal-inner-zoom-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}