.badge{display:inline-block;padding:.8rem 1.2rem;font-size:1.2rem;line-height:1.1;font-family:var(--font-body-family);font-weight:500;word-break:break-word;background-color:var(--color-badge-bg);color:var(--color-badge-text)}.badge.badge--custom{color:rgb(var(--color-badge-custom-text));background-color:rgb(var(--color-badge-custom-background))}.new-arrival-badge{position:absolute;top:10px;right:10px;background-color:#007bfff2;color:#fff;padding:5px 10px;font-size:15px;font-weight:700;z-index:10;border-radius:5px}@media screen and (max-width: 768px){.new-arrival-badge{font-size:11px;padding:4px 8px;top:5px;right:5px}}.restocked-badge{position:absolute;top:10px;right:10px;background-color:#28a745f2;color:#fff;padding:8px;font-size:12px;font-weight:700;z-index:10;border-radius:999px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;word-break:break-word}@media screen and (max-width: 768px){.restocked-badge{font-size:9px;width:48px;height:48px;top:5px;right:5px}}.coming-soon-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;color:#000;padding:10px 18px;font-size:15px;font-weight:700;z-index:10;border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;white-space:nowrap;box-shadow:0 1px 3px #0000001a;max-width:90%}@media screen and (max-width: 768px){.coming-soon-badge{font-size:11px;padding:6px 12px}}.out-of-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:10px 18px;font-size:17px;font-weight:700;z-index:10;border-radius:5px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-align:center;white-space:nowrap;box-shadow:0 2px 5px #0003;max-width:90%;letter-spacing:.5px;background:linear-gradient(#000c,#000c) padding-box;border:2px solid transparent}@media screen and (max-width: 768px){.out-of-stock-badge{font-size:11px;padding:6px 12px}}.sale-badge{position:absolute;top:10px;right:10px;background-color:#ff0000e6;color:#fff;padding:5px 10px;font-size:13px;font-weight:700;z-index:10;border-radius:5px}@media screen and (max-width: 768px){.sale-badge{font-size:10px;padding:4px 8px;top:5px;right:5px}}.badge-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-badge.css.map */
