.cr-drawer{align-items:stretch;display:flex;height:100%;justify-content:flex-end;left:0;position:fixed;top:0;width:100%;z-index:10;--padding:var(--drawer-padding,40px);--border-radius:var(--drawer-border-radius)}.cr-drawer.cr-drawer--rtl .cr-drawer__close{left:calc(-50px + var(--padding)/2*-1)}.cr-drawer.cr-drawer--ltr{justify-content:flex-start}.cr-drawer.cr-drawer--ltr .cr-drawer__content{border-radius:0 var(--border-radius) var(--border-radius) 0}.cr-drawer.cr-drawer--ltr .cr-drawer__footer{border-radius:0 0 var(--border-radius) 0}.cr-drawer.cr-drawer--ltr .cr-drawer__close{left:auto;right:calc((50px + var(--padding))*-1)}.cr-drawer.cr-drawer--btt{align-items:flex-end}.cr-drawer.cr-drawer--btt .cr-drawer__content{border-radius:var(--border-radius) var(--border-radius) 0 0!important;max-height:calc(100% - 50px - var(--padding));max-width:100%;width:100%!important}.cr-drawer.cr-drawer--btt .cr-drawer__close{bottom:unset;left:0!important;right:0!important;top:calc(-50px - var(--padding)/2)}.cr-drawer.cr-drawer--btt .cr-drawer__footer{border-radius:0}.cr-drawer__fade{background:var(--fade-color);height:100%;left:0;position:absolute;top:0;width:100%}.cr-drawer__content{background:var(--blank-color);border-radius:var(--border-radius) 0 0 var(--border-radius);display:flex;flex-direction:column;max-width:calc(100% - 50px - var(--padding));position:relative}.cr-button.cr-drawer__close{align-items:center;border-radius:1000px;bottom:0;display:flex;height:50px;justify-content:center;margin:auto;position:absolute;top:0;width:50px}.cr-drawer__header{border-bottom:1px solid var(--easy-color);color:var(--modal-header-color,var(--plain-color));font:var(--header-font);padding:calc(var(--padding)*.5) var(--padding)}.cr-drawer__body{overflow:auto;padding:var(--padding)}.cr-drawer__footer{background:var(--easy-color);border-radius:0 0 0 var(--border-radius);margin-top:auto;padding:10px var(--padding);width:100%}.drawer-enter-active,.drawer-enter-active .cr-drawer__content,.drawer-enter-active .cr-drawer__fade,.drawer-leave-active,.drawer-leave-active .cr-drawer__content,.drawer-leave-active .cr-drawer__fade{transition:.3s ease}.drawer-enter-from .cr-drawer__content,.drawer-enter-from .cr-drawer__fade,.drawer-leave-to .cr-drawer__content,.drawer-leave-to .cr-drawer__fade{opacity:0}.drawer-enter-from.cr-drawer--rtl .cr-drawer__content,.drawer-leave-to.cr-drawer--rtl .cr-drawer__content{transform:translate(100%)}.drawer-enter-from.cr-drawer--ltr .cr-drawer__content,.drawer-leave-to.cr-drawer--ltr .cr-drawer__content{transform:translate(-100%)}.drawer-enter-from.cr-drawer--btt .cr-drawer__content,.drawer-leave-to.cr-drawer--btt .cr-drawer__content{transform:translateY(100%)}