.css-carousel-container{background:#28365b;width:145px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:150px;max-width:145px}.css-carousel-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff1a,#fff3);pointer-events:none;border-radius:150px}.css-carousel-container{animation:autoCollapse 15s ease-in-out infinite}@keyframes autoCollapse{0%,66%{max-width:145px;padding:8px 12px;background:#28365b}70%,75%{max-width:40px;padding:8px;background:#28365b}76%,90%{max-width:40px;padding:8px;background:#28365b}91%,96%{max-width:145px;padding:8px 12px;background:#28365b}97%,to{max-width:145px;padding:8px 12px;background:#28365b}}.css-carousel-container .css-text-container{animation:autoHideText 15s ease-in-out infinite}@keyframes autoHideText{0%,66%{opacity:1;width:auto;transform:translate(0)}70%,90%{opacity:0;width:0;transform:translate(10px)}91%,to{opacity:1;width:auto;transform:translate(0)}}.css-carousel-container .css-icon-container{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.css-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}@media(max-width:768px){.css-carousel-container{animation:autoCollapseMobile 15s ease-in-out infinite}@keyframes autoCollapseMobile{0%,66%{max-width:130px;padding:6px 10px}70%,90%{max-width:36px;padding:6px}91%,to{max-width:130px;padding:6px 10px}}}.css-icon-container{position:relative;width:16px;height:16px;flex-shrink:0;color:#fff}.css-icon{position:absolute;top:0;left:0;opacity:0;align-items:center;animation:iconCycle var(--cycle-duration, 6s) infinite;filter:brightness(0) invert(1)}.css-text-container{position:relative;height:16px;overflow:hidden;flex:1;top:2px}.css-text-content{position:absolute;top:0;left:0;font-size:10px;align-items:center;font-weight:200;color:#fff;white-space:nowrap;opacity:0;animation:textCycle var(--cycle-duration, 6s) infinite}.css-carousel-container[data-tag-count="1"] .css-tag-0,.css-carousel-container[data-tag-count="1"] .css-text-0,.css-carousel-container[data-tag-count="2"] .css-tag-0{animation-delay:0s}.css-carousel-container[data-tag-count="2"] .css-tag-1{animation-delay:3s}.css-carousel-container[data-tag-count="2"] .css-text-0{animation-delay:0s}.css-carousel-container[data-tag-count="2"] .css-text-1{animation-delay:3s}@keyframes iconCycle{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}40%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(10px)}}@keyframes textCycle{0%{opacity:0;transform:translate(-10px)}10%{opacity:1;transform:translate(0)}40%{opacity:1;transform:translate(0)}50%{opacity:0;transform:translate(10px)}to{opacity:0;transform:translate(10px)}}@media(max-width:768px){.css-carousel-container{padding:6px 10px;max-width:130px}.css-text-content{font-size:8px}}.product-card{display:flex;flex-direction:column;position:relative}.product-card__image-wrapper{position:relative;display:flex;flex-direction:column}.offer-badge{position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:center;gap:8px;width:145px;max-width:145px;padding:8px 12px;border-radius:150px;background:#28365b;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;pointer-events:none}.offer-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:150px;background:linear-gradient(135deg,#fff3,#ffffff1a,#fff3);pointer-events:none}.offer-badge__icons{position:relative;width:16px;height:16px;flex-shrink:0}.offer-badge__icon{position:absolute;top:0;left:0;width:16px;height:16px;object-fit:contain;opacity:0;filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.offer-badge__texts{position:relative;flex:1;height:16px;overflow:hidden}.offer-badge__text{position:absolute;top:2px;left:0;font-size:10px;font-weight:300;color:#fff;white-space:nowrap;opacity:0}.offer-badge--1{animation:obPill1 15s ease-in-out infinite}.offer-badge--1 .offer-badge__icon--0,.offer-badge--1 .offer-badge__text--0{animation:obShow1 15s ease-in-out infinite}@keyframes obPill1{0%,66%{max-width:145px;padding:8px 12px}70%,90%{max-width:40px;padding:8px}96%,to{max-width:145px;padding:8px 12px}}@keyframes obShow1{0%,66%{opacity:1;transform:translate(0)}70%,92%{opacity:0;transform:translate(10px)}97%,to{opacity:1;transform:translate(0)}}.offer-badge--2{animation:obPill2 12s ease-in-out infinite}.offer-badge--2 .offer-badge__icon--0,.offer-badge--2 .offer-badge__text--0{animation:obTag2A 12s ease-in-out infinite}.offer-badge--2 .offer-badge__icon--1,.offer-badge--2 .offer-badge__text--1{animation:obTag2B 12s ease-in-out infinite}@keyframes obPill2{0%,35%{max-width:145px;padding:8px 12px}40%,45%{max-width:40px;padding:8px}50%,85%{max-width:145px;padding:8px 12px}90%,95%{max-width:40px;padding:8px}to{max-width:145px;padding:8px 12px}}@keyframes obTag2A{0%,33%{opacity:1;transform:translate(0)}38%,96%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes obTag2B{0%,47%{opacity:0;transform:translate(-10px)}52%,83%{opacity:1;transform:translate(0)}88%,to{opacity:0;transform:translate(10px)}}@media(max-width:768px){.offer-badge{width:130px;max-width:130px;padding:6px 10px}.offer-badge__text{font-size:8px}@keyframes obPill1{0%,66%{max-width:130px;padding:6px 10px}70%,90%{max-width:36px;padding:6px}96%,to{max-width:130px;padding:6px 10px}}@keyframes obPill2{0%,35%{max-width:130px;padding:6px 10px}40%,45%{max-width:36px;padding:6px}50%,85%{max-width:130px;padding:6px 10px}90%,95%{max-width:36px;padding:6px}to{max-width:130px;padding:6px 10px}}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/offer-badge.css.map */