.promotional-progress>.progress>.bars{display:flex;justify-content:center;align-items:center;border:4px solid #000}.promotional-progress>.progress>.bars>.bar{flex:0 0 11.11%;min-height:28px}.promotional-progress.new-version>.progress>.bars>.bar{flex:0 0 12.5%;min-height:28px}.promotional-progress>.progress>.bars-threshold>.bar>svg.locked,.promotional-progress>.progress>.bars-threshold>.bar.active>svg.unlocked{margin:4px auto;display:block}.promotional-progress>.progress>.bars-threshold>.bar>svg.unlocked,.promotional-progress>.progress>.bars-threshold>.bar.active>svg.locked{margin:4px auto;display:none}.promotional-progress{padding:0 10px;display:none}.promotional-progress.active{display:block}.promotional-progress>.progress-heading{font-size:18px;text-align:center;color:#000}.promotional-progress>.progress-heading.empty-title{display:block;height:10px}.promotional-progress>.progress>.bars>.bar:nth-child(1).active{background-color:#ff69b4}.promotional-progress>.progress>.bars>.bar:nth-child(2).active{background-color:coral}.promotional-progress>.progress>.bars>.bar:nth-child(3).active{background-color:#fafad2}.promotional-progress>.progress>.bars>.bar:nth-child(4).active{background-color:#228b22}.promotional-progress>.progress>.bars>.bar:nth-child(5).active{background-color:#1e90ff}.promotional-progress>.progress>.bars>.bar:nth-child(6).active{background-color:#9932cc}.promotional-progress>.progress>.bars>.bar:nth-child(7).active{background-color:#ff1493}.promotional-progress>.progress>.bars>.bar:nth-child(8).active{background-color:#5f9ea0}.promotional-progress>.progress>.bars>.bar:nth-child(9).active{background-color:#8b008b}.promotional-progress>.progress>.bars>.bar:nth-child(10).active{background-color:#ff8c00}.promotional-progress>.progress>.bars-threshold{display:flex;margin-left:auto;margin-right:auto;margin-top:-31px}.promotional-progress>.progress>.bars-threshold>.threshold.active>.bar-icon>svg.locked,.promotional-progress>.progress>.bars-threshold>.threshold>.bar-icon>svg.unlocked{display:none}.promotional-progress>.progress>.bars-threshold>.threshold.active>.bar-icon>svg.unlocked,.promotional-progress>.progress>.bars-threshold>.threshold>.bar-icon>svg.locked{display:block}.promotional-progress>.progress>.bars-threshold>.threshold.active>.bar-icon>svg.unlocked{animation:blink 2s 1}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-icon>svg.locked{animation:shake .4s 1}.promotional-progress>.progress>.bars-threshold>.threshold{flex-direction:column;gap:8px;flex:1;opacity:0;visibility:hidden}.promotional-progress>.progress>.bars-threshold>.threshold.show{display:flex;opacity:1;visibility:visible}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-icon{margin:auto}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-text{text-align:center;font-size:10px;font-weight:700;line-height:11px;white-space:nowrap;color:#000;margin:auto}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-text:after{content:"";display:block}@keyframes shake{0%{transform:translate(-2px)}to{transform:translate(2px)}}@keyframes explode{0%{transform:scale(1);opacity:1}to{transform:scale(5);opacity:0}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media screen and (max-width:1000px){.promotional-progress>.progress-heading{font-size:1.8vw}}@media screen and (max-width:800px){.promotional-progress>.progress-heading{font-size:2vw}}@media screen and (max-width:768px){.promotional-progress>.progress-heading{font-size:16px}.promotional-progress>.progress>.bars-threshold>.threshold{flex-direction:column}}@media screen and (max-width:500px){.promotional-progress>.progress-heading{font-size:14px}}@media screen and (max-width:400px){.promotional-progress>.progress-heading{font-size:4vw}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/component-promotional-progress.css.map */