.op3-element[data-op3-element-type$=progressbar]{margin:0 auto;padding:0;width:100%;height:auto;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.op3-element[data-op3-element-type$=progressbar] .op3-background-ancestor,.op3-element[data-op3-element-type$=progressbar] .op3-background-parent{position:relative}.op3-element[data-op3-element-type$=progressbar] [data-op3-background=base]::after,.op3-element[data-op3-element-type$=progressbar] [data-op3-background=base]::before,.op3-element[data-op3-element-type$=progressbar] [data-op3-background=overlay]::after,.op3-element[data-op3-element-type$=progressbar] [data-op3-background=overlay]::before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;-webkit-transition:inherit;transition:inherit;pointer-events:none}.op3-element[data-op3-element-type$=progressbar] [data-op3-background=base]::before,.op3-element[data-op3-element-type$=progressbar] [data-op3-background=overlay]::before{opacity:1}.op3-element[data-op3-element-type$=progressbar] [data-op3-background=base]::after,.op3-element[data-op3-element-type$=progressbar] [data-op3-background=overlay]::after,.op3-element[data-op3-element-type$=progressbar]:hover [data-op3-background=base]::before,.op3-element[data-op3-element-type$=progressbar]:hover [data-op3-background=overlay]::before{opacity:0}.op3-element[data-op3-element-type$=progressbar]:hover [data-op3-background=base]::after,.op3-element[data-op3-element-type$=progressbar]:hover [data-op3-background=overlay]::after{opacity:1}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;position:relative}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-container{width:100%;position:relative;overflow:hidden}.op3-element[data-op3-element-type$=progressbar] [data-op3-background=base-border]{z-index:10}.op3-element[data-op3-element-type$=progressbar] [data-op3-background=overlay-border]{z-index:20}.op3-element[data-op3-element-type$=progressbar] [data-op3-background=base]{z-index:0}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-progress{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:5}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-label{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:0 15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:6}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op-animation-toggle="1"] .op3-progressbar-progress [data-op3-background]{will-change:width,transform,background;-webkit-animation:width 1s ease-in-out;animation:width 1s ease-in-out}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op-animation-toggle="1"] .op3-progressbar-progress [data-op3-background]::after,.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op-animation-toggle="1"] .op3-progressbar-progress [data-op3-background]::before{will-change:width,transform,background}@-webkit-keyframes width{from{width:0}to{width:100%}}@keyframes width{from{width:0}to{width:100%}}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op-animation-toggle="1"][data-op3-label-placement=inside] .op3-progressbar-label{opacity:0;-webkit-animation:opacity .2s ease-in-out .5s forwards;animation:opacity .2s ease-in-out .5s forwards}@-webkit-keyframes opacity{from{opacity:0}to{opacity:1}}@keyframes opacity{from{opacity:0}to{opacity:1}}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-label-placement=hide] .op3-progressbar-label{display:none}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-label-placement=inside] .op3-progressbar-label{margin-top:0!important;margin-bottom:0!important}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-label-placement=above]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-label-placement=above] .op3-progressbar-label{position:relative;-webkit-transform:none;transform:none;padding-left:0;padding-right:0;margin-top:0!important;top:0!important;width:100%!important}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-label-placement=below]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-label-placement=below] .op3-progressbar-label{color:inherit;position:relative;-webkit-transform:none;transform:none;padding-left:0;padding-right:0;margin-bottom:0!important;top:0!important;width:100%!important}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content [data-op3-background=overlay-stripes]{position:relative}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content [data-op3-background=overlay-stripes]::before{content:'';display:block;width:100%;height:100%;position:absolute}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-stripes=forward] [data-op3-background=overlay-stripes]::before{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px)}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-stripes=backward] [data-op3-background=overlay-stripes]::before{background:repeating-linear-gradient(45deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px)}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-stripes=wide-forward] [data-op3-background=overlay-stripes]::before{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 20px,transparent 20px,transparent 40px)}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op3-stripes=wide-backward] [data-op3-background=overlay-stripes]::before{background:repeating-linear-gradient(45deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 20px,transparent 20px,transparent 40px)}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op-animation-toggle-2="1"] .op3-progressbar-progress [data-op3-background=overlay-stripes]::before{background-size:28px 28px;-webkit-animation:narrow 1s linear infinite;animation:narrow 1s linear infinite}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op-animation-toggle-2="1"][data-op3-stripes^=wide-] .op3-progressbar-progress [data-op3-background=overlay-stripes]::before{background-size:56px 56px;-webkit-animation:wide 1s linear infinite;animation:wide 1s linear infinite}@-webkit-keyframes narrow{from{background-position:0 0}to{background-position:28px 0}}@keyframes narrow{from{background-position:0 0}to{background-position:28px 0}}@-webkit-keyframes wide{from{background-position:0 0}to{background-position:56px 0}}@keyframes wide{from{background-position:0 0}to{background-position:56px 0}}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op-animation-toggle="1"].op3-progressbar-no-animaton .op3-progressbar-label{-webkit-animation:none;animation:none;opacity:0}.op3-element[data-op3-element-type$=progressbar] .op3-progressbar-content[data-op-animation-toggle="1"].op3-progressbar-no-animaton .op3-progressbar-progress [data-op3-background]{-webkit-animation:none;animation:none;width:0}