.dialog{z-index:200;overflow:hidden}.dialog .backdrop{background-color:var(--color-100);inset:0;opacity:.5}.dialog .panel-wrapper{inset:0}.dialog .panel-holder{min-height:100%}.dialog .panel{background-color:var(--color-100);color:var(--color-2);min-width:20.5rem}.dialog .panel.bottom{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dialog .panel.center{border-radius:var(--radius-lg)}.dialog-enter{transition:.5s ease-in-out}.dialog-enter-from{opacity:0}.dialog-enter-to{opacity:1}.dialog-enter .right{transform:translateX(10rem);transition:.5s ease-in-out}.dialog-enter-to .right{transform:translateX(0)}.dialog-enter .bottom{transform:translateY(10rem);transition:.5s ease-in-out}.dialog-enter-to .bottom{transform:translateY(0)}.dialog-enter .center{transform:scale(.9) translateY(-4rem);transition:.5s ease-in-out}.dialog-enter-to .center{transform:scale(1) translateY(0)}.dialog-leave{transition:.5s ease-in-out}.dialog-leave-from{opacity:1}.dialog-leave-to{opacity:0}.dialog-leave .right{transform:translateX(0);transition:.5s ease-in-out}.dialog-leave-to .right{transform:translateX(20rem)}.dialog-leave .bottom{transform:translateY(0);transition:.5s ease-in-out}.dialog-leave-to .bottom{transform:translateY(20rem)}.dialog-leave .center{transform:scale(1) translateY(0);transition:.2s ease-in-out}.dialog-leave-to .center{transform:scale(.9) translateY(1rem)}