.modal-wrapper{z-index:400;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-wrapper--open,.modal-wrapper--close{pointer-events:all}.modal-wrapper__backdrop{opacity:0;pointer-events:none;cursor:pointer;animation-fill-mode:forwards;position:absolute;inset:0}.modal-wrapper--open>.modal-wrapper__backdrop{pointer-events:all;cursor:default}.modal-wrapper__backdrop--dark{background:#1116}.modal-wrapper--open>.modal-wrapper__backdrop.opening{animation:.2s forwards modal-backdrop-enter}.modal-wrapper--close>.modal-wrapper__backdrop.closing{animation:.2s forwards modal-backdrop-close}.modal-content{z-index:10;transform-origin:50%;background:#fff;border-radius:10px;width:90%;max-width:700px;height:auto;max-height:88vh;padding:20px;overflow:hidden auto}.dark .modal-content{background:#171717}.modal-content-enter{animation:.2s cubic-bezier(.2,0,0,1) forwards modal-enter}.modal-content-close{animation:.2s cubic-bezier(.2,0,0,1) forwards modal-close}@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:.2s cubic-bezier(.2,0,0,1) forwards modal-inner-zoom-fade-in}.modal-content-close .modal-inner-content{animation:.2s cubic-bezier(.2,0,0,1) forwards modal-inner-zoom-fade-out}@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)}}