Untitled
.NG-0044 .eg-progress-bar-container { text-align: center; width: 100%; max-width: 600px; padding: 20px 40px 70px 40px; font-family: Inter; background: #FFFFFF; } .NG-0044.eg-showmsg .eg-progress-message { display: none !important; } .NG-0044.eg-showmsg .eg-congratulation { display: none !important; } .NG-0044 .eg-progress-message, .NG-0044 .eg-congratulation { font-size: 14px; margin-bottom: 20px !important; color: #000; font-weight: 500; } .NG-0044 .eg-congratulation { display: none; } .NG-0044 .eg-highlight { color: #FF7900; font-weight: bold; } .NG-0044 .eg-progress-bar { position: relative; height: 10px; background-color: #ddd; border-radius: 5px; overflow: visible; } .NG-0044 .eg-progress { height: 100%; background-color: #FF7900; width: 0; transition: width 0.4s ease-in-out; border-radius: 5px; } .NG-0044 .eg-progress-bar .eg-milestone .eg-icon.eg-active { background: #FF7900; border: 1px solid #FF7900 !important; } .NG-0044 .eg-milestone { position: absolute; top: 100%; transform: translateY(-20px); text-align: center; font-size: 0.8rem; } .NG-0044 .eg-milestone p { margin: 5px 0 0 !important; font-weight: 500; color: #000; } .NG-0044 .eg-milestone small { font-size: 0.7rem; color: #20202099; ; width: max-content; } .NG-0044 .eg-milestone .eg-icon { width: 30px; height: 30px; border: 1px solid #FF7900; border-radius: 50%; background: #F0F0F0; color: white; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 1.2rem; } .NG-0044 .eg-milestone[data-amount="150"] .eg-icon, .NG-0044 .eg-milestone[data-amount="100"] .eg-icon { width: 35px; height: 35px; border: 1px solid #000; border-radius: 50%; } .NG-0044 .eg-progress-bar .eg-milestone[data-amount="100"] .eg-icon img { width: 26px !important; height: 26px !important; } .NG-0044 .eg-milestone img { width: 20px; height: 20px; } .NG-0044 .eg-milestone[data-amount="150"] img, .NG-0044 .eg-milestone[data-amount="100"] img { object-fit: cover; border-radius: 50%; width: auto; height: auto; } .NG-0044 .eg-milestone[data-amount="50"] { left: 16%; } .NG-0044 .eg-milestone[data-amount="100"] { left: 50%; } .NG-0044 .eg-milestone[data-amount="150"] { left: 85%; transform: translateY(-23px); } @media screen and (max-width:390px) { .NG-0044 .eg-milestone[data-amount="150"] { left: 82%; } } .NG-0044 #AB-026-banner { display: none; } .NG-0044 .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing .Stack__item:last-child { display: flex; align-items: center; grid-gap: 5px; } .NG-0044 .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing .Stack__item:last-child:after { content: 'FREE'; height: 25px; padding: 0 8px; border-radius: 32px; background-color: #34A853; font-family: 'Inter'; font-size: 14px; font-weight: 700; line-height: 25px; letter-spacing: 0.47px; text-align: left; color: #202020; } .NG-0044.eg-showmsg .eg-progress-bar-container { padding-top: 30px; } .NG-0044 [data-amount="100"] small { width: unset; min-width: 100px; max-width: 103px; } .upcart-products-section [id*="46690334245168"] .Stack--distributionEqualSpacing>div:first-of-type:after, .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing>div:first-of-type:after, .upcart-products-section [id*="49475644621104"] .Stack--distributionEqualSpacing>div:first-of-type:after { font-size: 14px; color: #000000; font-weight: 500; width: 90%; display: flex; } .upcart-products-section [id*="46690334245168"] .Stack--distributionEqualSpacing>div:first-of-type:after { content: 'Set it on fire.. It doesn’t care. (though your cash might)'; } .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing>div:first-of-type:after { content: 'A safety device designed to keep your hands safe'; } .upcart-products-section [id*="49475644621104"] .Stack--distributionEqualSpacing>div:first-of-type:after { content: 'For extra visibility of your watch in direct sunlight'; } .eg-cart .upcart-cart { right: -440px !important; } .eg-cart .upcart-backdrop { display: none !important; } .upcart-products-section [id*="46690334245168"] .styles_ProductRow__stepper__, .upcart-products-section [id*="46690334245168"] .Stack--distributionEqualSpacing>div:last-child>div, .upcart-products-section [id*="44480273088816"] .styles_ProductRow__stepper__, .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing>div:last-child>div, .upcart-products-section [id*="49475644621104"] .styles_ProductRow__stepper__, .upcart-products-section [id*="49475644621104"] .Stack--distributionEqualSpacing>div:last-child>div { display: none; } .upcart-products-section [id*="46690334245168"] .Stack--distributionEqualSpacing, .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing, .upcart-products-section [id*="49475644621104"] .Stack--distributionEqualSpacing { flex-wrap: nowrap !important; } .upcart-products-section [id*="46690334245168"] .Stack--distributionEqualSpacing>div:last-child:after, .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing>div:last-child:after, .upcart-products-section [id*="49475644621104"] .Stack--distributionEqualSpacing>div:last-child:after { content: 'FREE'; height: 25px; padding: 0 8px; border-radius: 32px; background-color: #34A853; font-family: 'Inter'; font-size: 14px; font-weight: 700; line-height: 25px; letter-spacing: 0.47px; text-align: left; color: #202020; display: flex; }
Leave a Comment