.tsc .promo{position:relative;overflow:hidden;display:flex;justify-content:center;padding:18px 16px 20px;background:var(--vault, #0D0B14)}.promo-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.promo-fx span{position:absolute;inset:-120% -10% auto;height:340%;background:radial-gradient(38% 34% at 50% 50%,color-mix(in oklch,var(--volt,#2DE2C5) 26%,transparent),transparent 70%);filter:blur(30px);opacity:.6;animation:promo-drift 10s ease-in-out infinite alternate}@keyframes promo-drift{0%{transform:translate(-7%)}to{transform:translate(7%)}}.promo-bubble{position:relative;z-index:1;overflow:hidden;display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;max-width:100%;padding:20px 34px;border-radius:24px;text-decoration:none;font-family:var(--font-body,"Manrope",system-ui,sans-serif);color:var(--chalk,#F4F2F7);background:linear-gradient(180deg,color-mix(in oklch,var(--pa) 15%,#17131F),#131019);box-shadow:0 14px 40px -16px #000000e6,0 0 40px -10px color-mix(in oklch,var(--pa) 55%,transparent);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}.promo-bubble:before{content:"";position:absolute;top:-2.5px;right:-2.5px;bottom:-2.5px;left:-2.5px;z-index:-2;border-radius:26px;background:conic-gradient(from var(--promo-spin, 0deg),var(--pa),#FF2D6F 25%,#FFB627 50%,var(--pa) 75%,#A96BFF,var(--pa));animation:promo-spin 5s linear infinite}.promo-bubble:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border-radius:22px;background:linear-gradient(180deg,color-mix(in oklch,var(--pa) 14%,#17131F),#131019)}@property --promo-spin{syntax:"<angle>"; initial-value:0deg; inherits:false;}@keyframes promo-spin{to{--promo-spin:360deg}}a.promo-bubble:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 20px 50px -16px #000000f2,0 0 56px -8px color-mix(in oklch,var(--pa) 80%,transparent)}.promo-tag{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#0d0b14;background:var(--pa);border-radius:100px;padding:5px 12px;flex:none;box-shadow:0 0 18px -2px color-mix(in oklch,var(--pa) 80%,transparent);animation:promo-tagpulse 2.4s ease-in-out infinite}@keyframes promo-tagpulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.promo-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--pa);box-shadow:0 0 color-mix(in oklch,var(--pa) 70%,transparent);animation:promo-pulse 2.2s ease-out infinite}@keyframes promo-pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--pa) 60%,transparent)}to{box-shadow:0 0 0 12px transparent}}.promo-text{font-size:1.22rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(100deg,var(--chalk) 0 42%,var(--pa) 52%,var(--chalk) 62% 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:promo-textsheen 5.5s ease-in-out infinite}@keyframes promo-textsheen{0%,55%{background-position:110% 0}90%,to{background-position:-40% 0}}.promo-cta{display:inline-flex;align-items:center;gap:7px;flex:none;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--pa)}.promo-cta svg{width:15px;height:15px;transition:transform .22s cubic-bezier(.2,.8,.2,1)}a.promo-bubble:hover .promo-cta svg{transform:translate(5px)}.promo-shine{position:absolute;inset:-40% auto -40% 0;width:26%;pointer-events:none;z-index:1;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:translate(-180%) skew(-18deg);animation:promo-sweep 5s ease-in-out infinite}@keyframes promo-sweep{0%,68%{transform:translate(-180%) skew(-18deg)}86%,to{transform:translate(520%) skew(-18deg)}}@media(max-width:860px){.tsc .promo{padding:14px 14px 16px}.promo-bubble{padding:16px 20px;gap:10px;line-height:1.4;border-radius:19px}.promo-bubble:before{border-radius:21px}.promo-bubble:after{border-radius:17px}.promo-text{font-size:1rem}.promo-tag{font-size:.56rem;padding:4px 10px}.promo-cta{font-size:.64rem}}@media(max-width:480px){.promo-text{font-size:.94rem}.promo-bubble{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.promo-fx span,.promo-dot,.promo-shine,.promo-bubble:before,.promo-tag,.promo-text{animation:none}.promo-text{color:var(--chalk);background:none}a.promo-bubble:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tsc-promo.css.map */