.vue-simple-drawer{color:#1e272d;background:#fff;position:fixed;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:450px;max-width:520px}.vue-simple-drawer.left{left:0;top:0;bottom:0}.vue-simple-drawer.right{right:0;top:0;bottom:0}.vue-simple-drawer.up{top:0;left:0;right:0}.vue-simple-drawer.down{bottom:0;left:0;right:0}.vue-simple-drawer .drawer-header{position:static;top:0;z-index:10;background:#fff;padding:20px;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;border-bottom:1px solid transparent;width:100%;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:none;box-shadow:none}.vue-simple-drawer .drawer-header.sticky-active{position:sticky;border-bottom-color:rgba(0,0,0,.1);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.vue-simple-drawer .drawer-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow-x:auto;overflow-y:auto;padding:20px;min-height:0}.vue-simple-drawer .drawer-content::-webkit-scrollbar{width:6px;height:6px}.vue-simple-drawer .drawer-content::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.vue-simple-drawer .drawer-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.vue-simple-drawer .drawer-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.vue-simple-drawer .drawer-footer{position:static;bottom:0;z-index:10;background:#fff;padding:20px;-ms-flex-negative:0;flex-shrink:0;border-top:1px solid transparent;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:none;box-shadow:none}.vue-simple-drawer .drawer-footer.sticky-active{position:sticky;border-top-color:rgba(0,0,0,.1);-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.08);box-shadow:0 -2px 8px rgba(0,0,0,.08)}.vue-simple-drawer .close-btn{width:16px;height:16px;position:absolute;right:0;top:20px;z-index:11;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:currentColor;font-size:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vue-simple-drawer .close-btn .leftright{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vue-simple-drawer .close-btn .leftright,.vue-simple-drawer .close-btn .rightleft{height:4px;width:16px;position:absolute;margin-top:8px;background-color:#f4a259;border-radius:2px}.vue-simple-drawer .close-btn .rightleft{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.vue-simple-drawer .close-btn .close{margin:60px 0 0 5px;position:absolute}.vue-simple-drawer .close-btn:hover .leftright,.vue-simple-drawer .close-btn:hover .rightleft{background-color:#f25c66}.mask{position:fixed;background:grey;opacity:.5;width:100%;left:0;top:0;height:100%}