@brizy/ui/lib/Skeleton/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-skeleton{display:table;width:100%}.brz-ui-skeleton-header{display:table-cell;padding-right:16px;vertical-align:top}.brz-ui-skeleton-header .brz-ui-skeleton-avatar{display:inline-block;vertical-align:top;background:#f2f2f2;width:32px;height:32px;line-height:32px}.brz-ui-skeleton-header .brz-ui-skeleton-avatar.brz-ui-skeleton-avatar-circle{border-radius:50%}.brz-ui-skeleton-header .brz-ui-skeleton-avatar-lg{width:40px;height:40px;line-height:40px}.brz-ui-skeleton-header .brz-ui-skeleton-avatar-lg.brz-ui-skeleton-avatar-circle{border-radius:50%}.brz-ui-skeleton-header .brz-ui-skeleton-avatar-sm{width:24px;height:24px;line-height:24px}.brz-ui-skeleton-header .brz-ui-skeleton-avatar-sm.brz-ui-skeleton-avatar-circle{border-radius:50%}.brz-ui-skeleton-content{display:table-cell;width:100%;vertical-align:top}.brz-ui-skeleton-content .brz-ui-skeleton-title{width:100%;height:16px;margin-top:16px;background:#f2f2f2}.brz-ui-skeleton-content .brz-ui-skeleton-title+.brz-ui-skeleton-paragraph{margin-top:24px}.brz-ui-skeleton-content .brz-ui-skeleton-paragraph{padding:0}.brz-ui-skeleton-content .brz-ui-skeleton-paragraph>li{width:100%;height:16px;list-style:none;background:#f2f2f2}.brz-ui-skeleton-content .brz-ui-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)){width:61%}.brz-ui-skeleton-content .brz-ui-skeleton-paragraph>li+li{margin-top:16px}.brz-ui-skeleton-with-avatar .brz-ui-skeleton-content .brz-ui-skeleton-title{margin-top:12px}.brz-ui-skeleton-with-avatar .brz-ui-skeleton-content .brz-ui-skeleton-title+.brz-ui-skeleton-paragraph{margin-top:28px}.brz-ui-skeleton-round .brz-ui-skeleton-content .brz-ui-skeleton-paragraph>li,.brz-ui-skeleton-round .brz-ui-skeleton-content .brz-ui-skeleton-title{border-radius:100px}.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-avatar,.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-button,.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-content .brz-ui-skeleton-paragraph>li,.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-content .brz-ui-skeleton-title,.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-image,.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-input{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:1.4s infinite brz-ui-skeleton-loading}.brz-ui-skeleton-element{display:inline-block;width:auto}.brz-ui-skeleton-element .brz-ui-skeleton-button{display:inline-block;vertical-align:top;background:#f2f2f2;border-radius:3px;width:76px;height:38px;line-height:38px}.brz-ui-skeleton-element .brz-ui-skeleton-button.brz-ui-skeleton-button-circle{width:38px;border-radius:50%}.brz-ui-skeleton-element .brz-ui-skeleton-button.brz-ui-skeleton-button-round{border-radius:38px}.brz-ui-skeleton-element .brz-ui-skeleton-button-lg{width:100px;height:50px;line-height:50px}.brz-ui-skeleton-element .brz-ui-skeleton-button-lg.brz-ui-skeleton-button-circle{width:50px;border-radius:50%}.brz-ui-skeleton-element .brz-ui-skeleton-button-lg.brz-ui-skeleton-button-round{border-radius:50px}.brz-ui-skeleton-element .brz-ui-skeleton-button-sm{width:48px;height:24px;line-height:24px}.brz-ui-skeleton-element .brz-ui-skeleton-button-sm.brz-ui-skeleton-button-circle{width:24px;border-radius:50%}.brz-ui-skeleton-element .brz-ui-skeleton-button-sm.brz-ui-skeleton-button-round{border-radius:24px}.brz-ui-skeleton-element .brz-ui-skeleton-avatar{display:inline-block;vertical-align:top;background:#f2f2f2;width:32px;height:32px;line-height:32px}.brz-ui-skeleton-element .brz-ui-skeleton-avatar.brz-ui-skeleton-avatar-circle{border-radius:50%}.brz-ui-skeleton-element .brz-ui-skeleton-avatar-lg{width:40px;height:40px;line-height:40px}.brz-ui-skeleton-element .brz-ui-skeleton-avatar-lg.brz-ui-skeleton-avatar-circle{border-radius:50%}.brz-ui-skeleton-element .brz-ui-skeleton-avatar-sm{width:24px;height:24px;line-height:24px}.brz-ui-skeleton-element .brz-ui-skeleton-avatar-sm.brz-ui-skeleton-avatar-circle{border-radius:50%}.brz-ui-skeleton-element .brz-ui-skeleton-input{display:inline-block;vertical-align:top;background:#f2f2f2;width:100%;height:38px;line-height:38px}.brz-ui-skeleton-element .brz-ui-skeleton-input-lg{width:100%;height:48px;line-height:48px}.brz-ui-skeleton-element .brz-ui-skeleton-input-sm{width:100%;height:30px;line-height:30px}.brz-ui-skeleton-element .brz-ui-skeleton-image{display:flex;align-items:center;justify-content:center;vertical-align:top;background:#f2f2f2;width:96px;height:96px;line-height:96px}.brz-ui-skeleton-element .brz-ui-skeleton-image.brz-ui-skeleton-image-circle{border-radius:50%}.brz-ui-skeleton-element .brz-ui-skeleton-image-path{fill:#bfbfbf}.brz-ui-skeleton-element .brz-ui-skeleton-image-svg{width:48px;height:48px;line-height:48px;max-width:192px;max-height:192px}.brz-ui-skeleton-element .brz-ui-skeleton-image-svg.brz-ui-skeleton-image-circle{border-radius:50%}@keyframes brz-ui-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.brz-ui-skeleton-rtl{direction:rtl}.brz-ui-skeleton-rtl .brz-ui-skeleton-header{padding-right:0;padding-left:16px}.brz-ui-skeleton-rtl.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-avatar,.brz-ui-skeleton-rtl.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-content .brz-ui-skeleton-paragraph>li,.brz-ui-skeleton-rtl.brz-ui-skeleton.brz-ui-skeleton-active .brz-ui-skeleton-content .brz-ui-skeleton-title{animation-name:brz-ui-skeleton-loading-rtl}@keyframes brz-ui-skeleton-loading-rtl{0%{background-position:0 50%}100%{background-position:100% 50%}}.brz-ui-skeleton-page .brz-ui-skeleton-paragraph li,.brz-ui-skeleton-page .brz-ui-skeleton-title{background:#d5d9db}.brz-ui-skeleton-body__text{margin:10px 10px 10px 0}.brz-ui-skeleton-body__text .brz-ui-skeleton-paragraph li{background:#d5d9db;height:11px}.brz-ui-skeleton-body__text .brz-ui-skeleton-paragraph>li+li{margin-top:11px}.brz-ui-skeleton-display__text .brz-ui-skeleton-title{width:150px;height:35px;background:#d5d9db;border-radius:5px}.brz-ui-skeleton-thumbnail .brz-ui-skeleton-avatar{background:#d5d9db;border-radius:3px}.brz-ui-skeleton-thumbnail .brz-ui-skeleton-avatar-lg{height:75px;width:75px;line-height:75px}