.pc-eb{--eb-bg: #111114;--eb-text: #ffffff;--eb-accent: #e22f39;--eb-hi: #ffe416;position:relative;overflow:hidden;color:var(--eb-text);--eb-title: #ffffff;--eb-btn-text: #ffffff;background:radial-gradient(60% 140% at 0% 50%,color-mix(in srgb,var(--eb-accent) 22%,transparent),transparent 60%),radial-gradient(50% 140% at 100% 50%,color-mix(in srgb,var(--eb-hi) 10%,transparent),transparent 60%),var(--eb-bg);margin:0}.pc-eb *,.pc-eb *:before,.pc-eb *:after{box-sizing:border-box}.pc-eb .eb-item{display:none;position:relative}.pc-eb .eb-item.is-current{display:block;animation:ebIn .5s ease}@keyframes ebIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.pc-eb .eb-wrap{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px;padding:14px clamp(16px,3vw,40px) 18px}.pc-eb .eb-thumb{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#ffffff0f}.pc-eb .eb-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pc-eb .eb-thumb.is-contain img{object-fit:contain;padding:4px}.pc-eb .eb-copy{min-width:0}.pc-eb .eb-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--eb-hi)}.pc-eb .eb-dot{width:8px;height:8px;border-radius:50%;background:var(--eb-hi);box-shadow:0 0 0 0 currentColor}.pc-eb .eb-title,.pc-eb .eb-title span{color:var(--eb-title)!important}.pc-eb .eb-sub{color:var(--eb-text)!important}.pc-eb .eb-title{margin:0;font-size:clamp(16px,1.6vw,21px);font-weight:800;line-height:1.15;letter-spacing:.01em}.pc-eb .eb-sub{margin:3px 0 0;font-size:13px;opacity:.72}.pc-eb .eb-count{display:flex;align-items:flex-start;gap:6px}.pc-eb .eb-unit{display:flex;flex-direction:column;align-items:center;gap:3px}.pc-eb .eb-num{position:relative;min-width:46px;padding:7px 6px 6px;border-radius:8px;text-align:center;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);box-shadow:inset 0 1px #ffffff1f,0 4px 10px #00000059}.pc-eb .eb-num:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#00000059}.pc-eb .eb-num.tick{animation:ebTick .35s ease}@keyframes ebTick{0%{transform:translateY(-3px);opacity:.4}to{transform:none;opacity:1}}.pc-eb .eb-lbl{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-weight:700}.pc-eb .eb-sep{font-size:20px;font-weight:800;opacity:.35;padding-top:6px}.pc-eb .eb-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;padding:12px 22px;border-radius:10px;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;background:var(--eb-accent);color:var(--eb-btn-text)!important;border:2px solid var(--eb-btn-text);box-shadow:0 6px 16px #00000073;transition:transform .2s,box-shadow .2s}.pc-eb .eb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000080}.pc-eb .eb-btn svg{width:16px;height:16px}.pc-eb .eb-bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff14}.pc-eb .eb-fill{position:relative;height:100%;width:0%;background:linear-gradient(90deg,var(--eb-accent),var(--eb-hi));box-shadow:0 0 10px color-mix(in srgb,var(--eb-hi) 70%,transparent);transition:width 1s linear}.pc-eb .eb-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px);background-size:17px 100%;animation:ebStripes .9s linear infinite}.pc-eb .eb-fill:after{content:"";position:absolute;right:-3px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:#fff;box-shadow:0 0 10px 3px var(--eb-hi)}@keyframes ebStripes{0%{background-position:0 0}to{background-position:17px 0}}.pc-eb .eb-item.is-soon .eb-dot{animation:ebPulse 1.2s ease-out infinite}.pc-eb .eb-item.is-live .eb-kicker{color:#ff4d57}.pc-eb .eb-item.is-live .eb-dot{background:#ff2a36;color:#ff2a36;animation:ebPulse 1.2s ease-out infinite}.pc-eb .eb-item.is-live .eb-count{display:none}.pc-eb .eb-item.is-live .eb-fill{width:100%!important;background:linear-gradient(90deg,#ff2a36,#ff7a3c,#ff2a36);background-size:200% 100%;animation:ebLive 2s linear infinite}.pc-eb .eb-live-only{display:none}.pc-eb .eb-item.is-live .eb-live-only{display:inline}.pc-eb .eb-item.is-live .eb-pre-only,.pc-eb .eb-item.is-ended .eb-count,.pc-eb .eb-item.is-ended .eb-bar{display:none}@keyframes ebPulse{0%{box-shadow:0 0 color-mix(in srgb,currentColor 70%,transparent)}to{box-shadow:0 0 0 9px transparent}}@keyframes ebLive{0%{background-position:0 0}to{background-position:200% 0}}.pc-eb.is-rotating{display:grid}.pc-eb.is-rotating>.eb-item{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility 0s linear .45s;animation:none}.pc-eb.is-rotating>.eb-item.is-current{visibility:visible;opacity:1;transition:opacity .45s ease}.pc-eb.is-rotating>.eb-item.is-out{display:none}.pc-eb.is-rotating>.eb-item.is-current .eb-wrap{animation:ebIn .5s ease}.pc-eb .eb-dots{position:absolute;z-index:3;left:50%;bottom:9px;transform:translate(-50%);display:flex;gap:6px}.pc-eb .eb-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#ffffff59;cursor:pointer;transition:width .3s ease,background .3s ease}.pc-eb .eb-dots button[aria-current=true]{width:20px;background:var(--eb-hi)}.pc-eb .eb-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}.pc-eb .eb-item.is-promo .eb-count,.pc-eb .eb-item.is-promo .eb-bar{display:none}.pc-eb .eb-item.is-promo .eb-wrap{grid-template-columns:auto 1fr auto}.pc-eb .eb-item.is-waiting .eb-count{visibility:hidden}.pc-eb .eb-thumb.is-prize{background:radial-gradient(circle at 50% 45%,#ffe41659,#ffffff0f 70%)}.pc-eb .eb-thumb.is-prize img{object-fit:contain;padding:4px}.pc-eb .eb-item.is-sell .eb-dot{background:#4ade80}.pc-eb .eb-item.is-sell .eb-kicker{color:#4ade80}.pc-eb .eb-close{position:absolute;top:6px;right:8px;z-index:2;width:24px;height:24px;border:0;padding:0;border-radius:50%;background:transparent;color:inherit;opacity:.5;cursor:pointer}.pc-eb .eb-close:hover{opacity:1}@media(max-width:899px){.pc-eb .eb-wrap{grid-template-columns:44px 1fr auto;grid-template-areas:"thumb copy copy" "count count act";gap:10px 10px;padding:12px 14px 15px}.pc-eb .eb-thumb{grid-area:thumb;width:44px;height:44px;border-radius:10px}.pc-eb .eb-thumb svg{width:24px;height:24px}.pc-eb .eb-copy{grid-area:copy}.pc-eb .eb-title{font-size:16px}.pc-eb .eb-count{grid-area:count;gap:5px}.pc-eb .eb-act{grid-area:act;align-self:start}.pc-eb .eb-num{min-width:38px;font-size:17px;padding:6px 4px 5px;border-radius:7px}.pc-eb .eb-lbl{font-size:8.5px}.pc-eb .eb-sep{display:none}.pc-eb .eb-btn{padding:10px 13px;font-size:12px;border-radius:9px;gap:6px}.pc-eb .eb-item.is-live .eb-wrap,.pc-eb .eb-item.is-ended .eb-wrap{grid-template-areas:"thumb copy copy" "act act act"}.pc-eb .eb-item.is-live .eb-btn,.pc-eb .eb-item.is-ended .eb-btn{width:100%;justify-content:center}.pc-eb .eb-item.is-promo .eb-wrap{grid-template-columns:44px 1fr;grid-template-areas:"thumb copy" "act act"}.pc-eb .eb-item.is-promo .eb-btn{width:100%;justify-content:center}.pc-eb.is-rotating .eb-wrap{padding-bottom:22px}.pc-eb .eb-dots{bottom:9px}.pc-eb .eb-sub{display:none}}@media(prefers-reduced-motion:reduce){.pc-eb .eb-fill:before,.pc-eb .eb-dot,.pc-eb .eb-item.is-live .eb-fill{animation:none!important}.pc-eb .eb-num.tick{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pc-eb.css.map */