.bitly-product-packaging{--product-packaging-navy:#031f39;--product-packaging-orange:#f36600;--product-packaging-paper:#fffffd;aspect-ratio:1200/800;background:#2a2233;color:var(--product-packaging-navy);display:block;font-family:Inter,Bitly Display,Jost,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.bitly-product-packaging.is-ready{opacity:1}.bitly-product-packaging *,.bitly-product-packaging :after,.bitly-product-packaging :before{box-sizing:border-box}.bitly-product-packaging .scene{height:100%;overflow:hidden;position:relative;width:100%}.bitly-product-packaging .stage{height:800px;left:0;position:absolute;top:0;transform-origin:0 0;width:1200px}.bitly-product-packaging .bg{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.bitly-product-packaging .defs{height:0;position:absolute;width:0}.bitly-product-packaging .mobile-only{display:none}.bitly-product-packaging.is-mobile{aspect-ratio:900/1125;max-width:900px}.bitly-product-packaging.is-mobile .stage{height:1125px;width:900px}.bitly-product-packaging.is-mobile .desktop-only{display:none}.bitly-product-packaging.is-mobile .mobile-only{display:block}.bitly-product-packaging .glass{background:linear-gradient(180deg,rgba(255,255,253,.1),#fffffd),rgba(255,255,253,.5);border:1.45px solid rgba(255,255,253,.35);box-shadow:0 8px 30px rgba(24,24,23,.1),0 4px 8px rgba(24,24,23,.2);position:absolute;transform-origin:center}.bitly-product-packaging .panel{overflow:hidden;position:absolute}.bitly-product-packaging .qr-inner{background:var(--product-packaging-paper);box-shadow:0 4px 12px rgba(24,24,23,.1),0 1px 2px rgba(24,24,23,.2);overflow:hidden;position:absolute;transform-origin:center}.bitly-product-packaging .qr-svg{display:block;position:absolute}.bitly-product-packaging .qr-scan{background:linear-gradient(180deg,rgba(243,102,0,0),rgba(243,102,0,.3));border-bottom:2px solid var(--product-packaging-orange);height:34px;left:0;opacity:0;position:absolute;right:0;top:0;transform:translateY(-34px);will-change:transform}.bitly-product-packaging .qr-corners{display:block;fill:none;height:auto;inset:7px;opacity:0;position:absolute;stroke:var(--product-packaging-orange);stroke-linecap:round;stroke-width:3;width:auto}.bitly-product-packaging .tx{margin:0;position:absolute;white-space:pre-line}.bitly-product-packaging .pill{white-space:nowrap}.bitly-product-packaging .btn,.bitly-product-packaging .pill{align-items:center;display:flex;justify-content:center;position:absolute}.bitly-product-packaging .btn{text-align:center}.bitly-product-packaging .art,.bitly-product-packaging .ph{display:block;position:absolute}.bitly-product-packaging .ph{-o-object-fit:cover;object-fit:cover}.bitly-product-packaging .ov{position:absolute}.bitly-product-packaging .e-qr{opacity:0;transform:scale(.55)}.bitly-product-packaging .e-card{opacity:0;transform:translateY(18px) scale(.96)}.bitly-product-packaging .e-fade,.bitly-product-packaging .e-keyart,.bitly-product-packaging .e-scrim{opacity:0;transform:scale(1.05)}.bitly-product-packaging .e-badge,.bitly-product-packaging .e-cta,.bitly-product-packaging .e-eyebrow,.bitly-product-packaging .e-headline,.bitly-product-packaging .e-intro,.bitly-product-packaging .e-logo{opacity:0;transform:translateY(10px)}.bitly-product-packaging .e-qr{border-radius:24px;height:134.9px;left:562.2px;top:508px;width:134.9px}.bitly-product-packaging .e-qr>.qr-inner{border-radius:12.83px;height:116px;left:9.45px;top:9.45px;width:116px}.bitly-product-packaging .e-qr .qr-svg{height:100px;left:8px;top:8px;width:100px}.bitly-product-packaging .stage.play .e-qr{animation:product-packaging-popIn .55s cubic-bezier(.34,1.56,.64,1) 2s both}.bitly-product-packaging .stage.play .e-qr .qr-scan{animation:product-packaging-scanSweep 1.6s cubic-bezier(.45,.05,.55,.95) 2.7s both,product-packaging-scanFade 1.6s linear 2.7s both}.bitly-product-packaging .stage.play .e-qr .qr-corners{animation:product-packaging-scanFade 1.9s linear 2.55s both}.bitly-product-packaging .stage.play .e-qr>.qr-inner{animation:product-packaging-lockPulse .5s cubic-bezier(.34,1.56,.64,1) 4.2s both}.bitly-product-packaging .e-card{border-radius:24px;height:408.9px;left:755.3px;top:57px;width:408.9px}.bitly-product-packaging .e-card>.panel{background:#031f39;border-radius:16px;height:390px;left:9.45px;top:9.45px;width:390px}.bitly-product-packaging .stage.play .e-card{animation:product-packaging-cardIn .55s cubic-bezier(.22,1,.36,1) 4.45s both}.bitly-product-packaging .e-keyart{height:236px;left:0;top:56px;width:390px}.bitly-product-packaging .stage.play .e-keyart{animation:product-packaging-artIn .6s cubic-bezier(.22,1,.36,1) 4.95s both}.bitly-product-packaging .e-scrim{background:linear-gradient(90deg,#031f39,rgba(3,31,57,.69) 62%,rgba(3,31,57,.102));height:236px;left:0;top:56px;width:390px}.bitly-product-packaging .stage.play .e-scrim{animation:product-packaging-artIn .6s cubic-bezier(.22,1,.36,1) 4.95s both}.bitly-product-packaging .e-fade{background:linear-gradient(180deg,rgba(3,31,57,0),rgba(3,31,57,0) 80%,#031f39);height:236px;left:0;top:56px;width:390px}.bitly-product-packaging .stage.play .e-fade{animation:product-packaging-artIn .6s cubic-bezier(.22,1,.36,1) 4.95s both}.bitly-product-packaging .e-logo{height:28.51px;left:24px;top:13.7px;width:74.56px}.bitly-product-packaging .stage.play .e-logo{animation:product-packaging-itemIn .45s cubic-bezier(.22,1,.36,1) 4.75s both}.bitly-product-packaging .e-badge{background:rgba(243,102,0,.11);border-radius:8px;color:#9b9a4d;font-size:10px;font-weight:700;height:24px;left:276px;letter-spacing:1px;top:16px;width:90px}.bitly-product-packaging .stage.play .e-badge{animation:product-packaging-itemIn .45s cubic-bezier(.22,1,.36,1) 4.88s both}.bitly-product-packaging .e-eyebrow{color:#abbaca;font-size:10px;font-weight:600;left:24px;letter-spacing:2px;line-height:1.2;top:81px;width:240px}.bitly-product-packaging .stage.play .e-eyebrow{animation:product-packaging-itemIn .45s cubic-bezier(.22,1,.36,1) 5.15s both}.bitly-product-packaging .e-headline{height:96.029px;left:25.38px;top:111.44px;width:284.883px}.bitly-product-packaging .stage.play .e-headline{animation:product-packaging-itemIn .45s cubic-bezier(.22,1,.36,1) 5.3s both}.bitly-product-packaging .e-intro{color:#abbaca;font-size:14px;font-weight:400;left:24px;letter-spacing:0;line-height:1.45;top:225px;width:280px}.bitly-product-packaging .stage.play .e-intro{animation:product-packaging-itemIn .45s cubic-bezier(.22,1,.36,1) 5.5s both}.bitly-product-packaging .e-cta{background:#9b9a4d;border-radius:8px;color:#fffffd;font-size:16px;font-weight:700;height:60px;left:24px;line-height:22px;padding:8px 16px;text-transform:uppercase;top:304px;width:342px}.bitly-product-packaging .stage.play .e-cta{animation:product-packaging-itemIn .45s cubic-bezier(.22,1,.36,1) 5.7s both}.bitly-product-packaging.is-mobile .e-qr{border-radius:24px;height:134.9px;left:381.7px;top:701px;width:134.9px}.bitly-product-packaging.is-mobile .e-qr>.qr-inner{border-radius:12.83px;height:116px;left:9.45px;top:9.45px;width:116px}.bitly-product-packaging.is-mobile .e-qr .qr-svg{height:100px;left:8px;top:8px;width:100px}.bitly-product-packaging.is-mobile .e-card{border-radius:24px;height:408.9px;left:445.4px;top:109px;width:408.9px}.bitly-product-packaging.is-mobile .e-card>.panel{background:#031f39;border-radius:16px;height:390px;left:9.45px;top:9.45px;width:390px}@keyframes product-packaging-popIn{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes product-packaging-cardIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes product-packaging-itemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes product-packaging-artIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes product-packaging-scanSweep{0%{transform:translateY(-34px)}50%{transform:translateY(116px)}to{transform:translateY(-34px)}}@keyframes product-packaging-scanFade{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes product-packaging-lockPulse{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.bitly-product-packaging .art,.bitly-product-packaging .btn,.bitly-product-packaging .glass,.bitly-product-packaging .ov,.bitly-product-packaging .ph,.bitly-product-packaging .pill,.bitly-product-packaging .tx{opacity:1;transform:none}.bitly-product-packaging .qr-corners,.bitly-product-packaging .qr-scan{opacity:0}.bitly-product-packaging .floater,.bitly-product-packaging .stage.play *,.bitly-product-packaging .stage.play :after,.bitly-product-packaging .stage.play :before{animation:none!important}}
