.product-badges-container{position:absolute;top:8px;left:8px;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;max-width:calc(100% - 16px);align-items:flex-start;justify-content:end}@container (min-width: 250px){.product-badges-container{flex-direction:row;flex-wrap:wrap}}@container (max-width: 249px) and (min-width: 180px){.product-badges-container{flex-direction:row;flex-wrap:wrap}}@container (max-width: 179px){.product-badges-container{flex-direction:column;flex-wrap:nowrap}}@media(max-width:320px){.product-badges-container{flex-direction:column}}@media(min-width:321px)and (max-width:480px){.product-badges-container{flex-direction:row;flex-wrap:wrap}}.product-badge{display:flex;align-items:center;justify-content:flex-start;height:20px}.product-badge svg{height:20px!important;width:auto;max-width:100%;display:block}.product-badge--on-sale svg,.product-badge--limited-time svg,.product-badge--best-seller svg,.product-badge--bogo svg{height:20px!important;width:auto;max-height:20px}@media(max-width:767px){.product-badges-container{top:4px;left:4px;right:4px;max-width:calc(100% - 8px);gap:3px;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;z-index:20}.product-block .product-badges-container{margin-bottom:6px;min-height:18px;position:relative;top:0;left:0;right:0}.product-badge{height:18px;flex-shrink:0}.product-badge svg,.product-badge--on-sale svg,.product-badge--limited-time svg,.product-badge--best-seller svg,.product-badge--bogo svg{height:18px!important;width:auto;max-height:18px}}.product-block{position:relative;overflow:hidden;container-type:inline-size}.product-block .product-badges-container{position:relative;top:0;left:0;right:0;z-index:15;pointer-events:none;margin-bottom:8px;min-height:20px;overflow:visible}@media(max-width:990px){.product-list-container .product-block,.product-list .product-block,.jiggly-split .product-block,.dynamic-col-3 .product-block{margin-bottom:24px!important}.product-block__inner{margin-bottom:8px}.product-badges-container+.image{margin-top:4px}}@media(max-width:480px){.product-list-container .product-block,.product-list .product-block,.jiggly-split .product-block,.dynamic-col-3 .product-block{margin-bottom:32px!important;padding-bottom:12px}.product-block__inner{margin-bottom:12px}.product-badges-container+.image{margin-top:6px}}@media(max-width:990px){.product-list-container[data-infinite-scroll-container] .product-block.cc-product-block{margin-bottom:28px!important}.product-list.cf.jiggly-split.dynamic-col-3 .product-block{margin-bottom:30px!important}}@media(max-width:480px){.product-list-container[data-infinite-scroll-container] .product-block.cc-product-block{margin-bottom:36px!important}.product-list.cf.jiggly-split.dynamic-col-3 .product-block{margin-bottom:38px!important}}@media(max-width:990px){.product-block__inner,.product-badges-container{background:transparent}}.product-block,.product-block__inner{overflow:visible!important}.product-block:hover .product-badges-container{z-index:25!important;transform:translateY(1.2px)}.product-badges-container{z-index:20;overflow:visible;transform:translateY(1.2px)!important;transition:none}@media(max-width:990px){.product-list-container,.product-list,.jiggly-split{overflow:visible}.product-block{overflow:visible!important;margin-top:2px}.product-block .product-badges-container{top:-2px;z-index:25;transform:translateY(1.2px)!important;position:relative!important}}@media(max-width:480px){.product-block{margin-top:6px}.product-block .product-badges-container{top:-4px;transform:translateY(1.2px)!important}}.variant-card{position:relative;container-type:inline-size}.variant-card .product-badges-container{justify-self:flex-end;position:absolute;top:-10px;left:6px;right:6px;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;align-items:flex-start;max-width:calc(100% - 12px)}@container (max-width: 280px){.variant-cards:has(.variant-card .product-badge:nth-child(3)) .variant-card__header{padding-top:24px}}@container (max-width: 180px){.variant-cards:has(.variant-card .product-badge:nth-child(2):not(.product-badge:nth-child(3))) .variant-card__header{padding-top:24px}}@container (max-width: 100px){.variant-cards:has(.variant-card .product-badge:only-child) .variant-card__header{padding-top:0}}.variant-card__tags-container{position:absolute;top:6px;left:6px;right:6px;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;align-items:flex-start}@container (min-width: 200px){.variant-card .product-badges-container{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}}@container (max-width: 199px) and (min-width: 150px){.variant-card .product-badges-container{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}}@container (max-width: 149px){.variant-card .product-badges-container{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:280px){.variant-card .product-badges-container{flex-direction:column}}.collection-product-card .product-badges-container{position:absolute;top:8px;left:8px;right:8px;z-index:10}.product-block .product-badges-container+.product-block__inner .product-label{display:none}.product-badges-container+.product-label{display:none}.product-badge{pointer-events:none}@media(max-width:990px){.variant-card .product-badges-container{top:-8px;left:4px;right:4px;gap:3px;flex-direction:row;max-width:calc(100% - 8px);flex-wrap:wrap;justify-content:flex-end}.variant-card{--badge-h: 18px}.variant-card .product-badge{height:var(--badge-h)}.variant-card .product-badge svg{height:var(--badge-h)!important;width:auto;max-height:var(--badge-h)}.variant-cards:has(.variant-card .product-badge:nth-child(2)) .variant-card__header{padding-top:24px}.variant-card .product-badges-container:has(.product-badge:nth-child(2)){display:block;min-height:var(--badge-h);height:var(--badge-h);width:100%;overflow:hidden;text-align:right}.variant-card .product-badges-container:has(.product-badge:nth-child(2)) .product-badge{position:absolute;top:0;right:0;left:auto;opacity:0;pointer-events:none;width:fit-content;will-change:opacity}.product-block{--badge-h: 18px}.product-block .product-badge{height:var(--badge-h)}.product-block .product-badge svg{height:var(--badge-h)!important;width:auto;max-height:var(--badge-h)}.product-block .product-badges-container:has(.product-badge:nth-child(2)){display:block;min-height:var(--badge-h);height:var(--badge-h);width:100%;overflow:hidden;text-align:right;position:relative;top:0;left:0;right:0}.product-block .product-badges-container:has(.product-badge:nth-child(2)) .product-badge{position:absolute;top:0;right:0;left:auto;opacity:0;pointer-events:none;width:fit-content;will-change:opacity;z-index:10}@keyframes badge-rotate-2{0%{opacity:0}5%{opacity:1}50%{opacity:1}55%{opacity:0}to{opacity:0}}@keyframes badge-rotate-3{0%{opacity:0}3.33%{opacity:1}33.33%{opacity:1}36.66%{opacity:0}to{opacity:0}}.variant-card .product-badges-container:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(1){animation:badge-rotate-2 6s infinite ease-in-out both;animation-delay:0s}.variant-card .product-badges-container:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(2){animation:badge-rotate-2 6s infinite ease-in-out both;animation-delay:3s}.variant-card .product-badges-container:has(.product-badge:nth-child(3)) .product-badge:nth-child(1){animation:badge-rotate-3 9s infinite ease-in-out both;animation-delay:0s}.variant-card .product-badges-container:has(.product-badge:nth-child(3)) .product-badge:nth-child(2){animation:badge-rotate-3 9s infinite ease-in-out both;animation-delay:3s}.variant-card .product-badges-container:has(.product-badge:nth-child(3)) .product-badge:nth-child(3){animation:badge-rotate-3 9s infinite ease-in-out both;animation-delay:6s}.product-block .product-badges-container:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(1){animation:badge-rotate-2 6s infinite ease-in-out both;animation-delay:0s}.product-block .product-badges-container:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(2){animation:badge-rotate-2 6s infinite ease-in-out both;animation-delay:3s}.product-block .product-badges-container:has(.product-badge:nth-child(3)) .product-badge:nth-child(1){animation:badge-rotate-3 9s infinite ease-in-out both;animation-delay:0s}.product-block .product-badges-container:has(.product-badge:nth-child(3)) .product-badge:nth-child(2){animation:badge-rotate-3 9s infinite ease-in-out both;animation-delay:3s}.product-block .product-badges-container:has(.product-badge:nth-child(3)) .product-badge:nth-child(3){animation:badge-rotate-3 9s infinite ease-in-out both;animation-delay:6s}}@media(max-width:480px){.product-badges-container{gap:2px;top:2px;left:2px;right:2px;max-width:calc(100% - 4px)}.product-badge{height:16px;flex-shrink:0}.product-badge svg,.product-badge--on-sale svg,.product-badge--limited-time svg,.product-badge--best-seller svg,.product-badge--bogo svg{height:16px!important;width:auto;max-height:16px}.variant-card .product-badges-container{gap:2px;top:-6px;left:2px;right:2px;max-width:calc(100% - 4px)}.variant-card .product-badge{height:16px}.variant-card .product-badge svg{height:16px!important;width:auto;max-height:16px}.variant-card,.product-block{--badge-h: 16px}.product-block .product-badges-container{position:relative;top:0;left:0;right:0;margin-bottom:4px}}@media(min-width:991px){@keyframes badge-rotate-2-desktop{0%{opacity:0}5%{opacity:1}50%{opacity:1}55%{opacity:0}to{opacity:0}}@keyframes badge-rotate-3-desktop{0%{opacity:0}3.33%{opacity:1}33.33%{opacity:1}36.66%{opacity:0}to{opacity:0}}.variant-card .product-badges-container--animated{--badge-h: 20px;display:block;min-height:var(--badge-h);height:var(--badge-h);width:100%;overflow:hidden;text-align:right}.variant-card .product-badges-container--animated .product-badge{position:absolute;top:0;right:0;left:auto;opacity:0;pointer-events:none;width:fit-content;will-change:opacity;height:var(--badge-h)}.variant-card .product-badges-container--animated:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(1){animation:badge-rotate-2-desktop 6s infinite ease-in-out both;animation-delay:0s}.variant-card .product-badges-container--animated:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(2){animation:badge-rotate-2-desktop 6s infinite ease-in-out both;animation-delay:3s}.variant-card .product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(1){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:0s}.variant-card .product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(2){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:3s}.variant-card .product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(3){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:6s}.product-block .product-badges-container--animated{--badge-h: 20px;display:block;min-height:var(--badge-h);height:var(--badge-h);width:100%;overflow:hidden;text-align:right}.product-block .product-badges-container--animated .product-badge{position:absolute;top:0;right:0;left:auto;opacity:0;pointer-events:none;width:fit-content;will-change:opacity;height:var(--badge-h)}.product-block .product-badges-container--animated:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(1){animation:badge-rotate-2-desktop 6s infinite ease-in-out both;animation-delay:0s}.product-block .product-badges-container--animated:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(2){animation:badge-rotate-2-desktop 6s infinite ease-in-out both;animation-delay:3s}.product-block .product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(1){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:0s}.product-block .product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(2){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:3s}.product-block .product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(3){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:6s}.product-badges-container--animated:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))){--badge-h: 20px;display:block;min-height:var(--badge-h);height:var(--badge-h);width:100%;overflow:hidden;text-align:right}.product-badges-container--animated:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge{position:absolute;top:0;right:0;left:auto;opacity:0;pointer-events:none;width:fit-content;will-change:opacity;height:var(--badge-h)}.product-badges-container--animated:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(1){animation:badge-rotate-2-desktop 6s infinite ease-in-out both;animation-delay:0s}.product-badges-container--animated:has(.product-badge:nth-child(2)):not(:has(.product-badge:nth-child(3))) .product-badge:nth-child(2){animation:badge-rotate-2-desktop 6s infinite ease-in-out both;animation-delay:3s}.product-badges-container--animated:has(.product-badge:nth-child(3)){--badge-h: 20px;display:block;min-height:var(--badge-h);height:var(--badge-h);width:100%;overflow:hidden;text-align:right}.product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge{position:absolute;top:0;right:0;left:auto;opacity:0;pointer-events:none;width:fit-content;will-change:opacity;height:var(--badge-h)}.product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(1){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:0s}.product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(2){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:3s}.product-badges-container--animated:has(.product-badge:nth-child(3)) .product-badge:nth-child(3){animation:badge-rotate-3-desktop 9s infinite ease-in-out both;animation-delay:6s}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/product-badges.css.map */