.rango-progress-header{position:fixed;top:0;left:0;width:100%;height:34px;background:#5b050d;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);z-index:1002;display:flex;align-items:center;padding:0;font-size:10px;font-family:var(--font-stack-body, inherit);color:#fff;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease,height .3s ease;box-shadow:0 1px 3px #0000000d}.rango-progress-header--text-hidden{height:8px}.rango-progress-header[style*="display: block"]{opacity:1;transform:translateY(0)}.rango-progress-header__bar{flex:1;width:100%;height:8px;position:absolute;bottom:0;left:0;right:0;display:flex;overflow:hidden}.rango-progress-header__segment{flex:1;width:33.333%;height:100%;background-color:#ffffff14;position:relative;overflow:hidden}.rango-progress-header__segment+.rango-progress-header__segment{border-left:6px solid rgba(255,255,255,.3);position:relative}.rango-progress-header__segment+.rango-progress-header__segment:before{content:"";position:absolute;left:-5px;top:0;bottom:0;width:1px;background:#ffffffb3;z-index:1}.rango-progress-header__segment+.rango-progress-header__segment:after{content:"";position:absolute;left:-3px;top:0;bottom:0;width:1px;background:#ffffff4d;z-index:2}.rango-progress-header__fill{position:absolute;top:0;left:0;height:100%;width:0%;transition:width .6s cubic-bezier(.4,0,.2,1)}.rango-progress-header__fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.rango-progress-header__fill[data-rango-progress-fill="1"]{background:linear-gradient(90deg,#81c784e6,#66bb6af2);box-shadow:0 0 8px #81c7844d}.rango-progress-header__fill[data-rango-progress-fill="2"]{background:linear-gradient(90deg,#ffa726e6,#ff9800f2);box-shadow:0 0 8px #ffa7264d}.rango-progress-header__fill[data-rango-progress-fill="3"]{background:linear-gradient(90deg,#ba68c8e6,#ab47bcf2);box-shadow:0 0 8px #ba68c84d}.rango-progress-header__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-weight:var(--font-weight-body-bold, 600);text-transform:uppercase;letter-spacing:.6px;font-size:9px;color:#fff;z-index:10;pointer-events:none;text-align:center;padding:0 8px;margin:0;line-height:1.2;max-width:100%;box-sizing:border-box;opacity:1;transition:opacity .3s ease,transform .3s ease}.rango-progress-header__text--hidden{opacity:0;transform:translate(-50%,-50%) translateY(-4px);pointer-events:none}@media screen and (max-width: 767px){.rango-progress-header{height:38px;transition:opacity .3s ease,transform .3s ease,height .3s ease}.rango-progress-header--text-hidden{height:8px}.rango-progress-header__text{white-space:normal;font-size:8px;letter-spacing:.4px;padding:4px 6px 8px;line-height:1.3;width:calc(100% - 12px);left:50%;top:calc(50% - 2px);transform:translate(-50%,-50%);opacity:1;transition:opacity .3s ease,transform .3s ease}.rango-progress-header__text--hidden{opacity:0;transform:translate(-50%,-50%) translateY(-4px);pointer-events:none}body.has-rango-progress{padding-top:38px;transition:padding-top .3s ease}body.has-rango-progress:has(.rango-progress-header--text-hidden){padding-top:8px}body.has-rango-progress .site-header[data-sticky-header]{top:38px;transition:top .3s ease}body.has-rango-progress:has(.rango-progress-header--text-hidden) .site-header[data-sticky-header]{top:8px}}body.has-rango-progress{padding-top:34px;transition:padding-top .3s ease}body.has-rango-progress:has(.rango-progress-header--text-hidden){padding-top:8px}body.has-rango-progress .site-header[data-sticky-header]{top:34px;transition:top .3s ease}body.has-rango-progress:has(.rango-progress-header--text-hidden) .site-header[data-sticky-header]{top:8px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-rango-progress-header.css.map */