@layer components{.price-tag{--price-tag-fill:var(--color-remolacha);--price-tag-stripe:var(--color-remolacha-profunda);--price-tag-band-ink:var(--color-coliflor);width:100%;color:var(--color-ink);font:inherit;transform:rotate(var(--price-tag-tilt));transform-origin:50% 0;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.price-tag__string{width:3px;height:var(--space-6);background:var(--color-ink)}.price-tag__card{width:100%;padding-block:var(--space-6) var(--space-4);border:var(--border-heavy) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-coliflor);box-shadow:var(--shadow-hard);text-align:center;transition:transform var(--duration-instant) var(--ease-out);flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:hidden}.price-tag__hole{top:var(--space-2);aspect-ratio:1;border:4px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-poster);width:1.1rem;position:absolute;left:50%;transform:translate(-50%)}.price-tag__band{padding-block:var(--space-2);background:repeating-linear-gradient(-45deg, var(--price-tag-fill) 0 8px, var(--price-tag-stripe) 8px 16px);color:var(--price-tag-band-ink);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.price-tag__value{padding-top:var(--space-3);color:var(--price-tag-fill);font-family:var(--font-display);font-size:var(--text-giant);font-weight:800;line-height:var(--leading-none);text-shadow:var(--relief-sm)}.price-tag__label{padding-top:var(--space-2);font-family:var(--font-hand);font-size:var(--text-hand-lg);line-height:var(--leading-tight)}.price-tag--zapallo{--price-tag-fill:var(--color-zapallo);--price-tag-stripe:var(--color-zapallo-oscuro);--price-tag-band-ink:var(--color-ink)}.price-tag--acelga{--price-tag-fill:var(--color-acelga);--price-tag-stripe:var(--color-acelga-oscura)}.price-tag--morron{--price-tag-fill:var(--color-morron);--price-tag-stripe:var(--color-morron-oscuro)}.price-tag--swing{animation:price-tag-swing var(--duration-sway) var(--ease-in-out) calc(var(--price-tag-order) * var(--duration-slow) * -1) var(--loop)}.price-tag--drop{animation:price-tag-drop var(--duration-slow) var(--ease-out) calc(var(--duration-fast) + var(--price-tag-order) * var(--stagger) * 2) both}.price-tag--long .price-tag__string{height:var(--space-8)}.price-tag--sm .price-tag__card{padding-block:var(--space-5) var(--space-2);box-shadow:var(--shadow-hard-sm);border-width:3.5px}.price-tag--sm .price-tag__hole{top:var(--space-1);border-width:3px;width:.8rem}.price-tag--sm .price-tag__band{padding-block:var(--space-1);font-size:var(--text-xs)}.price-tag--sm .price-tag__value{padding-top:var(--space-1);font-size:var(--text-3xl)}.price-tag--sm .price-tag__label{font-size:var(--text-hand);padding-top:0}@media not (min-width:40rem){.price-tag--lg .price-tag__string,.price-tag--lg.price-tag--long .price-tag__string{height:var(--space-3)}.price-tag--lg .price-tag__card{padding-block:var(--space-5) var(--space-3);border-width:4px}.price-tag--lg .price-tag__band{padding-block:var(--space-1);font-size:var(--text-xs)}.price-tag--lg .price-tag__value{padding-top:var(--space-2);font-size:var(--text-giant-compact)}.price-tag--lg .price-tag__label{padding-top:var(--space-1);font-size:var(--text-xl)}}.price-tag--button{cursor:pointer}.price-tag--button:hover .price-tag__card{transform:translateY(calc(var(--space-1) * -1.5))}.price-tag--button:active .price-tag__card{transform:translateY(var(--space-1));box-shadow:var(--shadow-hard-pressed)}.price-tag--button:focus-visible{outline:none}.price-tag--button:focus-visible .price-tag__card{outline:4px solid var(--color-focus);outline-offset:var(--space-1)}@keyframes price-tag-swing{0%,to{transform:rotate(var(--price-tag-tilt))}50%{transform:rotate(calc(var(--price-tag-tilt) * -.5))}}@keyframes price-tag-drop{0%{transform:translateY(-120%)rotate(0)}70%{transform:translateY(4%) rotate(calc(var(--price-tag-tilt) * 1.6))}to{transform:rotate(var(--price-tag-tilt))}}}