@brizy/ui/lib/Drawer/style/index.css

React elements in Brizy style

.brz-ui-image-preview,.brz-ui-modal{pointer-events:none}.brz-ui-image-preview.zoom-appear,.brz-ui-image-preview.zoom-enter,.brz-ui-modal.zoom-appear,.brz-ui-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.brz-ui-image-preview-mask,.brz-ui-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.brz-ui-image-preview-mask-hidden,.brz-ui-modal-mask-hidden{display:none}.brz-ui-image-preview-wrap,.brz-ui-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.brz-ui-drawer{position:fixed;z-index:1000;width:0%;height:100%;transition:transform .3s cubic-bezier(.7, .3, .1, 1),height 0s .3s,width 0s .3s}.brz-ui-drawer>*{transition:transform .3s cubic-bezier(.7, .3, .1, 1),box-shadow .3s cubic-bezier(.7, .3, .1, 1)}.brz-ui-drawer-content-wrapper{position:absolute;width:100%;height:100%}.brz-ui-drawer .brz-ui-drawer-content{width:100%;height:100%}.brz-ui-drawer-left,.brz-ui-drawer-right{top:0;width:0%;height:100%}.brz-ui-drawer-left .brz-ui-drawer-content-wrapper,.brz-ui-drawer-right .brz-ui-drawer-content-wrapper{height:100%}.brz-ui-drawer-left.brz-ui-drawer-open,.brz-ui-drawer-right.brz-ui-drawer-open{width:100%;transition:transform .3s cubic-bezier(.7, .3, .1, 1)}.brz-ui-drawer-left,.brz-ui-drawer-left .brz-ui-drawer-content-wrapper{left:0}.brz-ui-drawer-left.brz-ui-drawer-open .brz-ui-drawer-content-wrapper{box-shadow:6px 0 16px -8px rgba(0,0,0,.08),9px 0 28px 0 rgba(0,0,0,.05),12px 0 48px 16px rgba(0,0,0,.03)}.brz-ui-drawer-right,.brz-ui-drawer-right .brz-ui-drawer-content-wrapper{right:0}.brz-ui-drawer-right.brz-ui-drawer-open .brz-ui-drawer-content-wrapper{box-shadow:-6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03)}.brz-ui-drawer-right.brz-ui-drawer-open.no-mask{right:1px;transform:translateX(1px)}.brz-ui-drawer-bottom,.brz-ui-drawer-top{left:0;width:100%;height:0%}.brz-ui-drawer-bottom .brz-ui-drawer-content-wrapper,.brz-ui-drawer-top .brz-ui-drawer-content-wrapper{width:100%}.brz-ui-drawer-bottom.brz-ui-drawer-open,.brz-ui-drawer-top.brz-ui-drawer-open{height:100%;transition:transform .3s cubic-bezier(.7, .3, .1, 1)}.brz-ui-drawer-top{top:0}.brz-ui-drawer-top.brz-ui-drawer-open .brz-ui-drawer-content-wrapper{box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 9px 28px 0 rgba(0,0,0,.05),0 12px 48px 16px rgba(0,0,0,.03)}.brz-ui-drawer-bottom,.brz-ui-drawer-bottom .brz-ui-drawer-content-wrapper{bottom:0}.brz-ui-drawer-bottom.brz-ui-drawer-open .brz-ui-drawer-content-wrapper{box-shadow:0 -6px 16px -8px rgba(0,0,0,.08),0 -9px 28px 0 rgba(0,0,0,.05),0 -12px 48px 16px rgba(0,0,0,.03)}.brz-ui-drawer-bottom.brz-ui-drawer-open.no-mask{bottom:1px;transform:translateY(1px)}.brz-ui-drawer.brz-ui-drawer-open .brz-ui-drawer-mask{height:100%;opacity:1;transition:none;animation:.3s cubic-bezier(.7,.3,.1,1) antdDrawerFadeIn;pointer-events:auto}.brz-ui-drawer-title{margin:0;color:var(--color-dark,#212733);font-weight:500;font-size:16px;line-height:22px}.brz-ui-drawer-content{position:relative;z-index:1;overflow:auto;background-color:var(--color-white,#fff);background-clip:padding-box;border:0}.brz-ui-drawer-close{position:absolute;top:0;right:0;z-index:10;display:block;padding:20px;color:var(--color-gray,#777f86);font-weight:700;font-size:16px;font-style:normal;line-height:1;text-align:center;text-transform:none;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s;text-rendering:auto}.brz-ui-drawer-close:focus,.brz-ui-drawer-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.brz-ui-drawer-header-no-title .brz-ui-drawer-close{margin-right:var(--scroll-bar);padding-right:calc(20px - var(--scroll-bar))}.brz-ui-drawer-header{position:relative;padding:16px 24px;color:var(--color-dark,#212733);background:var(--color-white,#fff);border-bottom:1px solid #f0f0f0;border-radius:3px 3px 0 0}.brz-ui-drawer-header-no-title{color:var(--color-dark,#212733);background:var(--color-white,#fff)}.brz-ui-drawer-wrapper-body{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%}.brz-ui-drawer-body{flex-grow:1;padding:24px;overflow:auto;font-size:14px;line-height:1.7;word-wrap:break-word}.brz-ui-drawer-footer{flex-shrink:0;padding:10px;border-top:1px solid #f0f0f0}.brz-ui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;background-color:rgba(0,0,0,.45);opacity:0;transition:opacity .3s linear,height 0s .3s;pointer-events:none}.brz-ui-drawer-open-content{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.brz-ui-drawer .brz-ui-picker-clear{background:var(--brz-ui-global-popover-background,var(--brz-ui-popover-background,var(--color-white,#fff)))}@keyframes antdDrawerFadeIn{0%{opacity:0}100%{opacity:1}}.brz-ui-drawer-rtl{direction:rtl}.brz-ui-drawer-rtl .brz-ui-drawer-close{right:auto;left:0}.brz-ui-drawer.brz-ui-drawer{position:absolute}