@brizy/ui/lib/Header/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-layout{display:flex;flex:auto;flex-direction:column;min-height:0;background:#f1f1f1}.brz-ui-layout,.brz-ui-layout *{box-sizing:border-box}.brz-ui-layout.brz-ui-layout-has-sider{flex-direction:row}.brz-ui-layout.brz-ui-layout-has-sider>.brz-ui-layout,.brz-ui-layout.brz-ui-layout-has-sider>.brz-ui-layout-content{overflow-x:hidden}.brz-ui-layout-footer,.brz-ui-layout-header{flex:0 0 auto}.brz-ui-layout-header{height:65px;padding:0 var(--brz-ui-frame-content-scrollbar-width,0) 0 0;color:var(--color-dark,#212733);line-height:65px;background:var(--color-white,#fff)}.brz-ui-layout-footer{padding:11px calc(15px + var(--brz-ui-frame-content-scrollbar-width,0px)) 11px 15px;color:var(--color-dark,#212733);font-size:14px;background:var(--brz-ui-global-footer-color,var(--brz-ui-footer-color,var(--color-white,#fff)))}.brz-ui-layout-content{flex:auto;min-height:0}.brz-ui-layout-sider{position:relative;min-width:0;background:var(--color-transparent,transparent);transition:.2s}.brz-ui-layout-sider-children{height:100%;margin-top:-.1px;padding-top:.1px}.brz-ui-layout-sider-has-trigger{padding-bottom:48px}.brz-ui-layout-sider-right{order:1}.brz-ui-layout-sider-trigger{position:fixed;bottom:0;z-index:1;height:48px;color:#fff;line-height:48px;text-align:center;background:#002140;cursor:pointer;transition:.2s}.brz-ui-layout-sider-zero-width>*{overflow:hidden}.brz-ui-layout-sider-zero-width-trigger{position:absolute;top:65px;right:-36px;z-index:1;width:36px;height:42px;color:#fff;font-size:18px;line-height:42px;text-align:center;background:var(--color-transparent,transparent);border-radius:0 3px 3px 0;cursor:pointer;transition:background .3s}.brz-ui-layout-sider-zero-width-trigger::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;transition:.3s;content:''}.brz-ui-layout-sider-zero-width-trigger:hover::after{background:rgba(255,255,255,.1)}.brz-ui-layout-sider-zero-width-trigger-right{left:-36px;border-radius:3px 0 0 3px}.brz-ui-layout-sider-light{background:0 0}.brz-ui-layout-sider-light .brz-ui-layout-sider-trigger,.brz-ui-layout-sider-light .brz-ui-layout-sider-zero-width-trigger{color:var(--color-dark,#212733);background:#fff}.brz-ui-layout-rtl{direction:rtl}.brz-ui-icon__svg svg{fill:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));color:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));font-size:var(--brz-ui-icon-size, 16px);transition:.3s ease-in-out}.brz-ui-icon__svg:hover svg{fill:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))));color:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__svg--inherit.anticon,.brz-ui-icon__svg--inherit.anticon svg{color:inherit}.brz-ui-icon__img{mask:var(--brz-ui-icon-image-source,none);background:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));background-repeat:no-repeat;mask-repeat:no-repeat;mask-size:var(--brz-ui-icon-size,16px);width:var(--brz-ui-icon-size,16px);height:var(--brz-ui-icon-size,16px);transition:background .3s ease-in-out}.brz-ui-icon__img:hover{background:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__img .brz-ui-icon__svg--inherit{background:inherit}.brz-ui-header.brz-ui-layout-header{position:relative;line-height:1;display:flex;align-content:center;height:65px;background-color:var(--brz-ui-global-header-color,var(--brz-ui-header-color,var(--color-white,#fff)));padding:0 var(--brz-ui-frame-content-scrollbar-width,0) 0 0}.brz-ui-header--shadow{box-shadow:0 -4px 11px 0 rgba(0,0,0,.06)}.brz-ui-header__helper:hover .brz-ui-icon__svg svg{color:var(--color-gray-darkest,#3a404d)}.brz-ui-header__helper span{padding:25px 0 25px 30px;cursor:pointer}.brz-ui-header__close{font-size:14px;justify-content:flex-end}.brz-ui-header__close span{padding:25px calc(30px - var(--brz-ui-frame-content-scrollbar-width,0px)) 25px 30px}.brz-ui-header__back{font-size:16px;flex:1;justify-content:center}.brz-ui-header__back span{padding:25px 30px}.brz-ui-header__back,.brz-ui-header__close{pointer-events:none;display:flex;align-items:center;width:65px}.brz-ui-header__back:hover .brz-ui-icon__svg svg,.brz-ui-header__close:hover .brz-ui-icon__svg svg{color:var(--color-gray-darkest,#3a404d)}.brz-ui-header__back span,.brz-ui-header__close span{cursor:pointer}.brz-ui-header--back .brz-ui-header__back,.brz-ui-header--close .brz-ui-header__close{pointer-events:all}.brz-ui-header__actions{display:flex;flex:1;justify-content:flex-end}.brz-ui-header__actions .brz-ui-header__helper~.brz-ui-header__close{width:calc(55px - var(--brz-ui-frame-content-scrollbar-width,0px))}.brz-ui-header__actions .brz-ui-header__helper~.brz-ui-header__close span{padding:25px calc(30px - var(--brz-ui-frame-content-scrollbar-width,0px)) 25px 10px}.brz-ui-header__content{width:100%;flex:1 1 950px;max-width:950px;display:flex}