.modal{display:none}:global(.is-rtl) .modal{direction:rtl}.modal.show{display:block}.modal .modal-mask{background:hsla(0,0%,9%,.9)}.modal .modal-mask,.modal .modal-wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.modal .modal-wrapper{display:flex;outline:0;overflow:auto;z-index:1000}.modal .modal-wrapper .modal-content{border-radius:8px;margin:auto;position:relative}.modal .modal-wrapper .close{background:#fff;border-radius:100px;cursor:pointer;height:40px;position:absolute;right:16px;top:16px;width:40px}@media (max-width:480px){.modal .modal-wrapper .close{right:4px;top:4px}}:global(.is-rtl) .modal .modal-wrapper .close{left:16px;right:auto}@media (max-width:480px){:global(.is-rtl) .modal .modal-wrapper .close{left:4px}}.modal .modal-wrapper .close:after,.modal .modal-wrapper .close:before{background:#000;content:"";display:block;height:2px;left:11px;position:absolute;top:19px;width:18px}.modal .modal-wrapper .close:before{transform:rotate(45deg)}.modal .modal-wrapper .close:after{transform:rotate(-45deg)}.modal .content-fade-enter{opacity:.3;transform:scale(.1)}.modal .content-fade-enter-active{opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.075,.82,.165,1)}.modal .content-fade-exit,.modal .mask-fade-exit{opacity:.8}.modal .content-fade-exit-active{opacity:0;transition:all .3s cubic-bezier(.075,.82,.165,1)}.modal .mask-fade-exit-active{display:none;transition:all .5s cubic-bezier(.075,.82,.165,1)}.modal-fade-enter{display:none}.modal-fade-enter-active{display:block;transition:all .5s cubic-bezier(.075,.82,.165,1)}.modal-fade-enter-done,.modal-fade-exit{display:block}.modal-fade-exit-active{display:block;transition:all .5s cubic-bezier(.075,.82,.165,1)}.modal-fade-exit-done{opacity:0}