.pba{--pba-bg: var(--perf-bg, #efebe4);--pba-card: var(--perf-card, #f7f4ef);--pba-white: var(--perf-white, #ffffff);--pba-ink: var(--perf-ink, #191714);--pba-fg-3: var(--perf-fg-3, #6b645b);--pba-line: var(--perf-line, #d6cfc4);--pba-stripe-a: var(--perf-stripe-a, #e3ddd3);--pba-stripe-b: var(--perf-stripe-b, #dcd5ca);--pba-dark-fg-2: var(--perf-dark-fg-2, #a89f93);--pba-accent: var(--perf-accent, oklch(.66 .19 45));--pba-accent-text: var(--perf-accent-text, oklch(.55 .19 45));--pba-accent-on-dark: var(--perf-accent-on-dark, oklch(.72 .17 45));--pba-display: var(--perf-display, "Barlow Condensed", "Arial Narrow", sans-serif);--pba-body: var(--perf-body, "Barlow", system-ui, sans-serif);--pba-mono: var(--perf-mono, "IBM Plex Mono", ui-monospace, monospace);--pba-ease: var(--perf-ease, cubic-bezier(.2, .7, .2, 1));position:relative;flex:1;display:flex;flex-direction:column;gap:20px;min-width:0;padding:clamp(24px,3vw,44px);background:var(--pba-bg);border-left:1px solid var(--pba-line);color:var(--pba-ink);font-family:var(--pba-body)}.banner-pack .pb-right--anim{background:var(--pba-bg, #efebe4)}.pba__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--pba-ink)}.pba__kicker,.pba__live,.pba__unit,.pba__num,.pba__mark span,.pba__deal-label,.pba__deal-note{font-family:var(--pba-mono);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.pba__kicker{font-size:12px;color:var(--pba-fg-3)}.pba__accent{color:var(--pba-accent-text)}.pba__live{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--pba-ink)}.pba__live i{display:block;width:8px;height:8px;background:var(--pba-accent);animation:pba-blink 1.4s steps(2,jump-none) infinite}.pba__count{display:flex;align-items:baseline;gap:8px;line-height:.84}.pba__n{font-family:var(--pba-display);font-weight:800;font-size:clamp(72px,7vw,112px);font-variant-numeric:tabular-nums;min-width:.55em}.pba__of{font-family:var(--pba-display);font-weight:800;font-size:clamp(32px,3vw,44px);color:var(--pba-fg-3)}.pba__unit{font-size:12px;color:var(--pba-fg-3);margin-left:4px}.pba__grid{display:grid;grid-template-columns:repeat(var(--pba-cols, 3),minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--pba-line);border:1px solid var(--pba-line)}.pba__slot{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:repeating-linear-gradient(135deg,var(--pba-stripe-a) 0 8px,var(--pba-stripe-b) 8px 16px)}.pba__slot img,.pba__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--pba-white);opacity:0;transform:translateY(-22%);transition:opacity .25s var(--pba-ease),transform .25s var(--pba-ease)}.pba__fallback{background:var(--pba-card)}.pba__slot.is-filled img,.pba__slot.is-filled .pba__fallback{opacity:1;transform:none;transition:opacity .3s var(--pba-ease),transform .55s var(--pba-ease)}.pba__num{position:absolute;top:0;left:0;z-index:2;padding:4px 6px;font-size:10px;line-height:1.2;color:var(--pba-fg-3);transition:background .2s var(--pba-ease),color .2s var(--pba-ease)}.pba__slot.is-filled .pba__num{background:var(--pba-ink);color:var(--pba-bg)}.pba__slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:2px solid var(--pba-accent);opacity:0;pointer-events:none}.pba__slot.is-new:after{animation:pba-flash .9s var(--pba-ease)}.pba__bar{position:relative;height:2px;margin:6px 0 26px;background:var(--pba-line)}.pba__fill{position:absolute;top:0;left:0;height:100%;width:0;background:var(--pba-accent);transition:width .5s var(--pba-ease)}.pba__mark{position:absolute;top:-4px;width:2px;height:10px;margin-left:-1px;background:var(--pba-line);transition:background .2s var(--pba-ease)}.pba__mark span{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:11px;white-space:nowrap;color:var(--pba-fg-3);transition:color .2s var(--pba-ease)}.pba__mark--last span{left:auto;right:0;transform:none}.pba__mark.is-on{background:var(--pba-ink)}.pba__mark.is-on span{color:var(--pba-accent-text)}.pba__deal{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:18px 20px;background:var(--pba-ink);color:var(--pba-bg)}.pba__deal-label{font-size:11px;color:var(--pba-accent-on-dark)}.pba__deal-note{grid-column:1;font-size:11px;color:var(--pba-dark-fg-2)}.pba__deal-value{grid-column:2;grid-row:1 / span 2;font-family:var(--pba-display);font-weight:800;font-size:clamp(44px,4.2vw,64px);line-height:.9;font-variant-numeric:tabular-nums;color:var(--pba-dark-fg-2);transform-origin:right center}.pba.is-deal .pba__deal-value{color:var(--pba-bg)}.pba__deal-value.is-bump{animation:pba-bump .5s var(--pba-ease)}@keyframes pba-blink{50%{opacity:.25}}@keyframes pba-flash{0%{opacity:1}to{opacity:0}}@keyframes pba-bump{0%{transform:scale(1.14);color:var(--pba-accent-on-dark)}to{transform:none}}@media(max-width:980px){.pba{border-left:0;border-top:1px solid var(--pba-line)}.pba__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.pba *,.pba *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/perf-pack-anim.css.map */