.kd-drawer,.kd-drawer-overlay{top:0;left:0;width:100%;position:fixed}.kd-drawer-overlay{height:100%;background-color:#000;opacity:.3;transition:all .5s}.kd-drawer-main{position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;background:#222a41;height:100%}.kd-drawer-closbutton,.kd-drawer-truebutton{width:60px;height:32px}.main-left-enter-active{-webkit-animation:drawer-fade-left-in .5s;animation:drawer-fade-left-in .5s}.main-left-leave-active{-webkit-animation:drawer-fade-left-out .5s;animation:drawer-fade-left-out .5s}.main-right-enter-active{-webkit-animation:drawer-fade-right-in .5s;animation:drawer-fade-right-in .5s}.main-right-leave-active{-webkit-animation:drawer-fade-right-out .5s;animation:drawer-fade-right-out .5s}.main-top-enter-active{-webkit-animation:drawer-fade-top-in .5s;animation:drawer-fade-top-in .5s}.main-top-leave-active{-webkit-animation:drawer-fade-top-out .5s;animation:drawer-fade-top-out .5s}.main-bottom-enter-active{-webkit-animation:drawer-fade-bottom-in .5s;animation:drawer-fade-bottom-in .5s}.main-bottom-leave-active{-webkit-animation:drawer-fade-bottom-out .5s;animation:drawer-fade-bottom-out .5s}.kd-drawer-title{border-bottom:1px solid #2c314e;-ms-flex:0 0 56px;flex:0 0 56px;padding-left:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.kd-drawer-txt{font-size:16px;color:#fff}.kd-drawer-close-icon{color:#ccc;position:absolute;right:20px}.kd-drawer-close-icon:hover{cursor:pointer;color:#557dfc}.kd-drawer-close-icon::before{font-size:16px}.kd-drawer-body{-ms-flex:1;flex:1;padding:20px;overflow-y:auto;color:#fff}.kd-drawer-footer{min-height:50px;border-top:1px solid #2f374f}.kd-defult-footerbtn{position:relative;-ms-flex-pack:end;justify-content:flex-end;display:-ms-flexbox;display:flex}.kd-defult-footerbtn button{margin-top:10px;outline:0}.kd-defult-footerbtn button:hover{cursor:pointer}.kd-drawer-truebutton{margin-left:16px;margin-right:16px}@-webkit-keyframes drawer-fade-left-in{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes drawer-fade-left-in{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes drawer-fade-left-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes drawer-fade-left-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes drawer-fade-right-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes drawer-fade-right-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes drawer-fade-right-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes drawer-fade-right-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes drawer-fade-top-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drawer-fade-top-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes drawer-fade-top-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes drawer-fade-top-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes drawer-fade-bottom-in{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drawer-fade-bottom-in{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes drawer-fade-bottom-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes drawer-fade-bottom-out{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}