.qd-drawer{--qd-drawer-bg-color:var(--qd-dialog-bg-color, var(--qd-color-white));--qd-drawer-padding-primary:var(--qd-dialog-padding-primary, 20px);--qd-drawer-padding-footer-primary:12px 24px;--qd-drawer-head-border:var(--qd-border);--qd-drawer-footer-border:var(--qd-border);--qd-drawer-content-padding:16px 24px;position:absolute;box-sizing:border-box;background-color:var(--qd-drawer-bg-color);display:flex;flex-direction:column;box-shadow:var(--qd-box-shadow-dark);overflow:hidden;transition:all var(--qd-transition-duration)}.qd-drawer .rtl{transform:translate(0,0)}.qd-drawer .ltr{transform:translate(0,0)}.qd-drawer .ttb{transform:translate(0,0)}.qd-drawer .btt{transform:translate(0,0)}.qd-drawer__sr-focus:focus{outline:0!important}.qd-drawer__header{align-items:center;color:var(--qd-text-color-primary);height:56px;line-height:56px;display:flex;padding:var(--qd-drawer-padding-primary);border-bottom:var(--qd-drawer-head-border);box-sizing:border-box}.qd-drawer__header>:first-child{flex:1}.qd-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.qd-drawer__footer{padding:var(--qd-drawer-padding-footer-primary);border-top:var(--qd-drawer-footer-border);display:flex;justify-content:space-between;align-items:center}.qd-drawer__footer .qd-button:not(:first-child){margin-left:12px}.qd-drawer__close-btn{display:inline-flex;border:none;cursor:pointer;font-size:var(--qd-font-size-extra-large);color:inherit;background-color:transparent;outline:0}.qd-drawer__close-btn:focus i,.qd-drawer__close-btn:hover i{color:var(--qd-color-primary)}.qd-drawer__body{flex:1;padding:var(--qd-drawer-content-padding);overflow:auto}.qd-drawer__body>*{box-sizing:border-box}.qd-drawer.ltr,.qd-drawer.rtl{height:100%;top:0;bottom:0}.qd-drawer.btt,.qd-drawer.ttb{width:100%;left:0;right:0}.qd-drawer.ltr{left:0}.qd-drawer.rtl{right:0}.qd-drawer.ttb{top:0}.qd-drawer.btt{bottom:0}.qd-drawer-fade-enter-active,.qd-drawer-fade-leave-active{transition:all var(--qd-transition-duration)}.qd-drawer-fade-enter-active,.qd-drawer-fade-enter-from,.qd-drawer-fade-enter-to,.qd-drawer-fade-leave-active,.qd-drawer-fade-leave-from,.qd-drawer-fade-leave-to{overflow:hidden!important}.qd-drawer-fade-enter-from,.qd-drawer-fade-leave-to{opacity:0}.qd-drawer-fade-enter-to,.qd-drawer-fade-leave-from{opacity:1}.qd-drawer-fade-enter-from .rtl,.qd-drawer-fade-leave-to .rtl{transform:translateX(100%)}.qd-drawer-fade-enter-from .ltr,.qd-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.qd-drawer-fade-enter-from .ttb,.qd-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.qd-drawer-fade-enter-from .btt,.qd-drawer-fade-leave-to .btt{transform:translateY(100%)}