.modal{animation:fadeEffect 1s;background-color:#fff;border-radius:16px;left:50%;margin:0 auto;max-height:80%;max-width:480px;min-width:480px;overflow-y:scroll;position:fixed;scrollbar-width:none;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:100%;z-index:9999}.modal::-webkit-scrollbar{display:none}.modal-title{align-items:center;background:#fff;box-shadow:0 1px 0 #d0d0d0;display:flex;padding:16px;position:sticky;top:0}.modal-title .title{text-align:center;width:100%}.modal-close{align-items:center;background:transparent;border:1px solid #d0d0d0;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:border-color .3s ease;width:32px}.modal-close:hover{border:1px solid #5a298b}.modal-close svg{pointer-events:none}.modal-overlay{background:rgba(38,38,38,.5);height:100%;top:0;visibility:hidden;z-index:9998}.bottom-sheet,.modal-overlay{animation:fadeEffect 1s;left:0;position:fixed;width:100%}.bottom-sheet{background-color:#fff;border-radius:16px 16px 0 0;bottom:0;max-height:90%;overflow-y:scroll;scrollbar-width:none;transform-origin:top;z-index:9999}.bottom-sheet::-webkit-scrollbar{display:none}.bottom-sheet .handle{align-items:center;background:#fff;display:flex;height:24px;justify-content:center;position:sticky;top:0;width:100%}.bottom-sheet .handle span{background:#d0d0d0;border-radius:4px;display:block;height:4px;width:32px}.bottom-sheet .bottom-sheet-title{font-size:20px;font-weight:700;padding:8px 24px}.bottom-sheet-overlay{animation:fadeEffect 1s;background:rgba(38,38,38,.5);height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:9998}@keyframes fadeEffect{0%{opacity:0}to{opacity:1}}