@bee-design/ui/es/Progress/style/index.css

Bee Design React UI Library.

.bee-progress{position:relative;line-height:1;font-size:12px}.bee-progress-line,.bee-progress-steps{display:inline-block;max-width:100%;width:100%}.bee-progress-line-wrapper,.bee-progress-steps-wrapper{display:flex;align-items:center;width:100%;max-width:100%;height:100%}.bee-progress-line-text,.bee-progress-steps-text{font-size:12px;margin-left:16px;color:var(--bee-color-text-2);white-space:nowrap;text-align:right;flex-grow:1;flex-shrink:0;min-width:32px}.bee-progress-line-text .bee-icon,.bee-progress-steps-text .bee-icon{font-size:12px;margin-left:4px}.bee-progress-line-outer{background-color:var(--bee-color-fill-3);border-radius:100px;width:100%;position:relative;display:inline-block;overflow:hidden}.bee-progress-line-inner{height:100%;border-radius:100px;background-color:rgb(var(--bee-primary-6));position:relative;transition:width .6s cubic-bezier(.34,.69,.1,1),background .3s cubic-bezier(.34,.69,.1,1);max-width:100%}.bee-progress-line-inner-buffer{position:absolute;background-color:var(--bee-color-primary-light-3);height:100%;top:0;left:0;border-radius:0 100px 100px 0;max-width:100%;transition:all .6s cubic-bezier(.34,.69,.1,1)}.bee-progress-line-inner-animate::after{content:'';display:block;position:absolute;top:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);background-size:400% 100%;animation:bee-progress-loading 1.5s cubic-bezier(.34,.69,.1,1) infinite}.bee-progress-line-text .bee-icon{color:var(--bee-color-text-2)}.bee-progress-steps-outer{display:flex;width:100%}.bee-progress-steps-text{margin-left:8px;min-width:unset}.bee-progress-steps-text .bee-icon{color:var(--bee-color-text-2)}.bee-progress-steps-item{height:100%;flex:1;background-color:var(--bee-color-fill-3);position:relative;display:inline-block}.bee-progress-steps-item:not(:last-of-type){margin-right:3px}.bee-progress-steps-item:last-of-type{border-top-right-radius:100px;border-bottom-right-radius:100px}.bee-progress-steps-item:first-of-type{border-top-left-radius:100px;border-bottom-left-radius:100px}.bee-progress-steps-item-active{background-color:rgb(var(--bee-primary-6))}.bee-progress-steps.bee-progress-small{width:auto}.bee-progress-steps.bee-progress-small .bee-progress-steps-item{width:2px;flex:unset;border-radius:2px}.bee-progress-steps.bee-progress-small .bee-progress-steps-item:not(:last-of-type){margin-right:3px}.bee-progress-is-warning .bee-progress-line-inner{background-color:rgb(var(--bee-warning-6))}.bee-progress-is-warning .bee-progress-steps-item-active{background-color:rgb(var(--bee-warning-6))}.bee-progress-is-warning .bee-progress-line-text .bee-icon,.bee-progress-is-warning .bee-progress-steps-text .bee-icon{color:rgb(var(--bee-warning-6))}.bee-progress-is-success .bee-progress-line-inner{background-color:rgb(var(--bee-success-6))}.bee-progress-is-success .bee-progress-steps-item-active{background-color:rgb(var(--bee-success-6))}.bee-progress-is-success .bee-progress-line-text .bee-icon,.bee-progress-is-success .bee-progress-steps-text .bee-icon{color:rgb(var(--bee-success-6))}.bee-progress-is-error .bee-progress-line-inner{background-color:rgb(var(--bee-danger-6))}.bee-progress-is-error .bee-progress-steps-item-active{background-color:rgb(var(--bee-danger-6))}.bee-progress-is-error .bee-progress-line-text .bee-icon,.bee-progress-is-error .bee-progress-steps-text .bee-icon{color:rgb(var(--bee-danger-6))}.bee-progress-small .bee-progress-line-text{font-size:12px;margin-left:16px}.bee-progress-small .bee-progress-line-text .bee-icon{font-size:12px}.bee-progress-large .bee-progress-line-text{font-size:16px;margin-left:16px}.bee-progress-large .bee-progress-line-text .bee-icon{font-size:14px}.bee-progress-circle{display:inline-block}.bee-progress-circle-wrapper{position:relative;text-align:center;line-height:1;display:inline-block;vertical-align:text-bottom}.bee-progress-circle-svg{transform:rotate(-90deg)}.bee-progress-circle-text{font-size:14px}.bee-progress-circle-text .bee-icon{font-size:16px;color:var(--bee-color-text-2)}.bee-progress-circle .bee-progress-circle-text{position:absolute;top:50%;left:50%;color:var(--bee-color-text-3);transform:translate(-50%,-50%)}.bee-progress-circle-mask{stroke:var(--bee-color-fill-3)}.bee-progress-circle-path{stroke:rgb(var(--bee-primary-6));transition:stroke-dashoffset .6s cubic-bezier(0,0,1,1) 0s,stroke .6s cubic-bezier(0,0,1,1)}.bee-progress-mini .bee-progress-circle-mask{stroke:var(--bee-color-primary-light-3)}.bee-progress-mini .bee-progress-circle-path{stroke:rgb(var(--bee-primary-6))}.bee-progress-mini.bee-progress-is-warning .bee-progress-circle-mask{stroke:var(--bee-color-warning-light-3)}.bee-progress-mini.bee-progress-is-error .bee-progress-circle-mask{stroke:var(--bee-color-danger-light-3)}.bee-progress-mini.bee-progress-is-success .bee-progress-circle-mask{stroke:var(--bee-color-success-light-3)}.bee-progress-mini.bee-progress-is-success .bee-progress-circle-wrapper .bee-icon-check{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.bee-progress-mini .bee-progress-circle-text{position:static;top:unset;left:unset;transform:unset}.bee-progress-small .bee-progress-circle-text{font-size:13px}.bee-progress-small .bee-progress-circle-text .bee-icon{font-size:14px}.bee-progress-large .bee-progress-circle-text{font-size:16px}.bee-progress-large .bee-progress-circle-text .bee-icon{font-size:16px}.bee-progress-is-warning .bee-progress-circle-path{stroke:rgb(var(--bee-warning-6))}.bee-progress-is-warning .bee-icon{color:rgb(var(--bee-warning-6))}.bee-progress-is-success .bee-progress-circle-path{stroke:rgb(var(--bee-success-6))}.bee-progress-is-success .bee-icon{color:rgb(var(--bee-success-6))}.bee-progress-is-error .bee-progress-circle-path{stroke:rgb(var(--bee-danger-6))}.bee-progress-is-error .bee-icon{color:rgb(var(--bee-danger-6))}@keyframes bee-progress-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.bee-progress-rtl .bee-progress-line-text,.bee-progress-rtl .bee-progress-steps-text{margin-left:0;margin-right:16px}.bee-progress-rtl .bee-progress-line-text .bee-icon,.bee-progress-rtl .bee-progress-steps-text .bee-icon{margin-left:0;margin-right:4px}.bee-progress-rtl .bee-progress-steps-text{margin-left:0;margin-right:8px}.bee-progress-rtl .bee-progress-steps-item:not(:last-of-type){margin-right:0;margin-left:3px}.bee-progress-rtl.bee-progress-steps.bee-progress-small .bee-progress-steps-item:not(:last-of-type){margin-right:0;margin-left:3px}.bee-progress-rtl.bee-progress-small .bee-progress-line-text{margin-right:16px;margin-left:0}.bee-progress-rtl.bee-progress-large .bee-progress-line-text{margin-right:16px;margin-left:0}.bee-progress-rtl.bee-progress-line .bee-progress-line-inner-buffer{left:initial;right:0}