UNPKG

@brizy/ui

Version:
1 lines 8.26 kB
.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-popover{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum';position:absolute;top:0;left:0;z-index:1030;font-weight:400;white-space:normal;text-align:left;cursor:auto;user-select:text}.brz-ui-popover::after{position:absolute;background:var(--white-fade-1,#ffffff03);content:''}.brz-ui-popover-hidden{display:none}.brz-ui-popover-placement-top,.brz-ui-popover-placement-topLeft,.brz-ui-popover-placement-topRight{padding-bottom:10px}.brz-ui-popover-placement-right,.brz-ui-popover-placement-rightBottom,.brz-ui-popover-placement-rightTop{padding-left:10px}.brz-ui-popover-placement-bottom,.brz-ui-popover-placement-bottomLeft,.brz-ui-popover-placement-bottomRight{padding-top:10px}.brz-ui-popover-placement-left,.brz-ui-popover-placement-leftBottom,.brz-ui-popover-placement-leftTop{padding-right:10px}.brz-ui-popover-inner{background-color:var(--color-white,#fff);background-clip:padding-box;border-radius:3px;box-shadow:0 3px 8px 2px rgba(0,0,0,.09)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.brz-ui-popover-inner{box-shadow:0 3px 8px 2px rgba(0,0,0,.09)}}.brz-ui-popover-title{min-width:177px;min-height:32px;margin:0;padding:5px 16px 4px;color:var(--color-dark,#212733);font-weight:500;border-bottom:1px solid #f0f0f0}.brz-ui-popover-inner-content{padding:12px 16px;color:var(--color-dark,#212733)}.brz-ui-popover-message{position:relative;padding:4px 0 12px;color:var(--color-dark,#212733);font-size:14px}.brz-ui-popover-message>.anticon{position:absolute;top:8.9px;color:var(--color-orange,#dfad3d);font-size:14px}.brz-ui-popover-message-title{padding-left:22px}.brz-ui-popover-buttons{margin-bottom:4px;text-align:right}.brz-ui-popover-buttons button{margin-left:8px}.brz-ui-popover-arrow{position:absolute;display:block;width:8.48528137px;height:8.48528137px;background:0 0;border-style:solid;border-width:4.24264069px;transform:rotate(45deg)}.brz-ui-popover-placement-top>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-topLeft>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-topRight>.brz-ui-popover-content>.brz-ui-popover-arrow{bottom:6.2px;border-top-color:transparent;border-right-color:var(--color-white,#fff);border-bottom-color:var(--color-white,#fff);border-left-color:transparent;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.brz-ui-popover-placement-top>.brz-ui-popover-content>.brz-ui-popover-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.brz-ui-popover-placement-topLeft>.brz-ui-popover-content>.brz-ui-popover-arrow{left:16px}.brz-ui-popover-placement-topRight>.brz-ui-popover-content>.brz-ui-popover-arrow{right:16px}.brz-ui-popover-placement-right>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-rightBottom>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-rightTop>.brz-ui-popover-content>.brz-ui-popover-arrow{left:6px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:var(--color-white,#fff);border-left-color:var(--color-white,#fff);box-shadow:-3px 3px 7px rgba(0,0,0,.07)}.brz-ui-popover-placement-right>.brz-ui-popover-content>.brz-ui-popover-arrow{top:50%;transform:translateY(-50%) rotate(45deg)}.brz-ui-popover-placement-rightTop>.brz-ui-popover-content>.brz-ui-popover-arrow{top:12px}.brz-ui-popover-placement-rightBottom>.brz-ui-popover-content>.brz-ui-popover-arrow{bottom:12px}.brz-ui-popover-placement-bottom>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-bottomLeft>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-bottomRight>.brz-ui-popover-content>.brz-ui-popover-arrow{top:6px;border-top-color:var(--color-white,#fff);border-right-color:transparent;border-bottom-color:transparent;border-left-color:var(--color-white,#fff);box-shadow:-2px -2px 5px rgba(0,0,0,.06)}.brz-ui-popover-placement-bottom>.brz-ui-popover-content>.brz-ui-popover-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.brz-ui-popover-placement-bottomLeft>.brz-ui-popover-content>.brz-ui-popover-arrow{left:16px}.brz-ui-popover-placement-bottomRight>.brz-ui-popover-content>.brz-ui-popover-arrow{right:16px}.brz-ui-popover-placement-left>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-leftBottom>.brz-ui-popover-content>.brz-ui-popover-arrow,.brz-ui-popover-placement-leftTop>.brz-ui-popover-content>.brz-ui-popover-arrow{right:6px;border-top-color:var(--color-white,#fff);border-right-color:var(--color-white,#fff);border-bottom-color:transparent;border-left-color:transparent;box-shadow:3px -3px 7px rgba(0,0,0,.07)}.brz-ui-popover-placement-left>.brz-ui-popover-content>.brz-ui-popover-arrow{top:50%;transform:translateY(-50%) rotate(45deg)}.brz-ui-popover-placement-leftTop>.brz-ui-popover-content>.brz-ui-popover-arrow{top:12px}.brz-ui-popover-placement-leftBottom>.brz-ui-popover-content>.brz-ui-popover-arrow{bottom:12px}.brz-ui-popover-rtl{direction:rtl;text-align:right}.brz-ui-popover-rtl .brz-ui-popover-message-title{padding-right:22px;padding-left:16px}.brz-ui-popover-rtl .brz-ui-popover-buttons{text-align:left}.brz-ui-popover-rtl .brz-ui-popover-buttons button{margin-right:8px;margin-left:0}.brz-ui-dropdown.brz-ui-popover{padding:0}.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-top .brz-ui-popover-content,.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-topLeft .brz-ui-popover-content,.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-topRight .brz-ui-popover-content{padding-bottom:var(--brz-ui-dropdown-content-offset,0)}.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-bottom .brz-ui-popover-content,.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-bottomLeft .brz-ui-popover-content,.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-bottomRight .brz-ui-popover-content{padding-top:var(--brz-ui-dropdown-content-offset,0)}.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-right .brz-ui-popover-content,.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-rightBottom .brz-ui-popover-content,.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-rightTop .brz-ui-popover-content{padding-left:var(--brz-ui-dropdown-content-offset,0)}.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-left .brz-ui-popover-content,.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-leftBottom .brz-ui-popover-content,.brz-ui-dropdown.brz-ui-popover.brz-ui-popover-placement-leftTop .brz-ui-popover-content{padding-right:var(--brz-ui-dropdown-content-offset,0)}.brz-ui-dropdown.brz-ui-popover .brz-ui-popover-arrow{display:none}.brz-ui-dropdown.brz-ui-popover .brz-ui-popover-inner{border:0;background-color:transparent;box-shadow:none}.brz-ui-dropdown.brz-ui-popover .brz-ui-popover-inner-content{width:var(--brz-ui-dropdown-content-width,188px);padding:0}.brz-ui-dropdown-item{min-height:var(--brz-ui-dropdown-item-height,none);background-color:var(--brz-ui-global-dropdown-item-background,var(--brz-ui-dropdown-item-background,var(--color-transparent,transparent)));transition:background-color .3s ease-in-out;padding:2.5px 10px;border-radius:2px}.brz-ui-dropdown-item:hover{background-color:var(--brz-ui-global-dropdown-item-hover-background,var(--brz-ui-dropdown-item-hover-background,var(--brz-ui-global-dropdown-item-background,var(--brz-ui-dropdown-item-background,var(--color-transparent,transparent)))))}.brz-ui-dropdown-item:not(:last-child){margin-bottom:5px}.brz-ui-dropdown-wrapper{cursor:pointer}.brz-ui-dropdown-wrapper>.brz-ui-fieldplaceholder--disabled{cursor:not-allowed}