.dialog-content{position:fixed;height:100%;overflow:auto;box-shadow:0 10px 38px -10px rgba(0,0,0,.35);outline:none}.dialog-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutToLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutToTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.slide-in-right{top:0;right:0;animation:slideInFromRight .3s cubic-bezier(.16,1,.3,1) forwards}.slide-out-right{top:0;right:0;animation:slideOutToRight .3s cubic-bezier(.16,1,.3,1) forwards}.slide-in-left{top:0;left:0;animation:slideInFromLeft .3s cubic-bezier(.16,1,.3,1) forwards}.slide-out-left{top:0;left:0;animation:slideOutToLeft .3s cubic-bezier(.16,1,.3,1) forwards}.slide-in-top{animation:slideInFromTop .3s cubic-bezier(.16,1,.3,1) forwards}.slide-in-top,.slide-out-top{top:0;left:0;width:100%;height:auto}.slide-out-top{animation:slideOutToTop .3s cubic-bezier(.16,1,.3,1) forwards}.slide-in-bottom{animation:slideInFromBottom .3s cubic-bezier(.16,1,.3,1) forwards}.slide-in-bottom,.slide-out-bottom{bottom:0;left:0;width:100%;height:auto}.slide-out-bottom{animation:slideOutToBottom .3s cubic-bezier(.16,1,.3,1) forwards}