.barfiller{width:100%;height:10px;position:relative}[dir] .barfiller{background:var(--bodybackground)}[dir=ltr] .barfiller{-webkit-box-shadow:0 2px 2px rgba(224,230,237,.458824),1px 6px 7px rgba(224,230,237,.458824);box-shadow:0 2px 2px rgba(224,230,237,.458824),1px 6px 7px rgba(224,230,237,.458824)}[dir=rtl] .barfiller{-webkit-box-shadow:0 2px 2px rgba(224,230,237,.458824),-1px 6px 7px rgba(224,230,237,.458824);box-shadow:0 2px 2px rgba(224,230,237,.458824),-1px 6px 7px rgba(224,230,237,.458824)}.barfiller.h-2{height:2px}.barfiller.h-3{height:3px}.barfiller.h-4{height:4px}.barfiller.h-5{height:5px}.barfiller.h-6{height:6px}.barfiller.h-7{height:7px}.barfiller .fill{display:block;position:relative;width:0;height:100%;transition:width 1s ease-in-out 0s}[dir] .barfiller .fill{-webkit-transition:width 1s ease-in-out 0s}[dir] .barfiller .fill,[dir] .barfiller .fill.primary{background:rgba(var(--vs-primary),1)}[dir] .barfiller .fill.secondary{background:var(--secondary)}[dir] .barfiller .fill.success{background:var(--success)}[dir] .barfiller .fill.info{background:var(--info)}[dir] .barfiller .fill.warning{background:var(--warning)}[dir] .barfiller .fill.danger{background:var(--danger)}.barfiller .tip{color:#fff;position:absolute;z-index:2}[dir] .barfiller .tip{margin-top:-39px;padding:4px 7px;background:#343a40}[dir=ltr] .barfiller .tip{left:0;-webkit-transition:left 1s ease-in-out 0s;transition:left 1s ease-in-out 0s}[dir=rtl] .barfiller .tip{right:0;-webkit-transition:right 1s ease-in-out 0s;transition:right 1s ease-in-out 0s}.barfiller .tip:after{content:"";display:block;position:absolute;top:100%;z-index:9}[dir] .barfiller .tip:after{border:solid;border-color:#343a40 transparent;border-width:6px 6px 0 6px}[dir=ltr] .barfiller .tip:after{left:13px}[dir=rtl] .barfiller .tip:after{right:13px}[dir] .barfiller .tip.primary{background:rgba(var(--vs-primary),1)}[dir] .barfiller .tip.primary:after{border-color:rgba(var(--vs-primary),1) transparent}[dir] .barfiller .tip.secondary{background:var(--secondary)}[dir] .barfiller .tip.secondary:after{border-color:var(--secondary) transparent}[dir] .barfiller .tip.success{background:var(--success)}[dir] .barfiller .tip.success:after{border-color:var(--success) transparent}[dir] .barfiller .tip.info{background:var(--info)}[dir] .barfiller .tip.info:after{border-color:var(--info) transparent}[dir] .barfiller .tip.warning{background:var(--warning)}[dir] .barfiller .tip.warning:after{border-color:var(--warning) transparent}[dir] .barfiller .tip.danger{background:var(--danger)}[dir] .barfiller .tip.danger:after{border-color:var(--danger) transparent}