.product-variant-label{position:absolute;top:1rem;left:1rem;z-index:20;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;transform:translateZ(0)}.product-variant-label__content{background-color:#dc2626;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;white-space:nowrap;line-height:1.25;letter-spacing:.025em;transform:scale(1);transition:transform .2s ease}.product-variant-label:not(.invisible){opacity:1;visibility:visible}.product-variant-label__content:hover{transform:scale(1.05)}.product-variant-label--top-right{top:1rem;right:1rem;left:auto}.product-variant-label--bottom-left{top:auto;bottom:1rem;left:1rem}.product-variant-label--bottom-right{top:auto;bottom:1rem;right:1rem;left:auto}.product-variant-label__content--success{background-color:#16a34a}.product-variant-label__content--warning{background-color:#d97706}.product-variant-label__content--info{background-color:#2563eb}.product-variant-label__content--purple{background-color:#9333ea}.product-variant-label__content--small{font-size:.6875rem;padding:.1875rem .625rem}.product-variant-label__content--large{font-size:.875rem;padding:.375rem 1rem}@media (max-width: 768px){.product-variant-label{top:.75rem;left:.75rem}.product-variant-label__content{font-size:.6875rem;padding:.1875rem .625rem}}@media (prefers-contrast: high){.product-variant-label__content{border:2px solid #ffffff;box-shadow:0 0 0 1px #000}}@media (prefers-reduced-motion: reduce){.product-variant-label{transition:opacity .1s ease}.product-variant-label__content{transition:none}.product-variant-label__content:hover{transform:none}}@media (prefers-color-scheme: dark){.product-variant-label__content{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}}.product-variant-label__content:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@keyframes labelSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes labelSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.product-variant-label--pulse .product-variant-label__content{animation:labelPulse 2s infinite}@keyframes labelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-variant-label__content{font-family:var(--font-body-family, inherit);border-radius:var(--border-radius-pill, 9999px)}.product__media{position:relative}.product__media .product-variant-label{position:absolute}
/*# sourceMappingURL=/cdn/shop/t/52/assets/product-variant-label.css.map */