.dialog-sheet{overflow:scroll;outline:none;margin:auto;max-width:560px;min-width:560px;background:white;border-radius:12px;border:0;box-shadow:0 2px 10px rgba(0,0,0,.1);transform:scale(.8);opacity:0;transition:transform .3s ease,opacity .3s ease;line-height:1.2}.dialog-sheet::-webkit-scrollbar{display:none}.icon{width:30px;height:30px}.dialog-header{padding:30px;width:100%;height:30px;justify-content:space-between;border-bottom:1px solid rgba(194,194,194,.534)}.dialog-header,.dialog-title{display:flex;align-items:center}.dialog-title{margin-left:-15px}.bottombar{padding:30px;height:30px;border-top:1px solid rgba(194,194,194,.534)}.dialog-title h2{font-size:18px;font-weight:500}.body{padding:30px}.dialog-sheet p{font-size:16px;color:gray}.dialog-sheet.show{animation:openAnimation .3s forwards}.dialog-sheet:not(.show){animation:closeAnimation .3s forwards}dialog::-webkit-backdrop{background-color:rgba(0,0,0,.8)}dialog::backdrop{background-color:rgba(0,0,0,.8)}@keyframes openAnimation{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes closeAnimation{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@media (max-width:650px){.dialog-sheet{min-width:0;width:90%}}