.product-app-banner{padding-top:2rem;padding-bottom:2rem}.product-app-banner__booked{overflow:hidden;border-radius:2rem}.pab{container-type:inline-size;position:relative;isolation:isolate;aspect-ratio:4.2 / 1;overflow:hidden;border-radius:2rem;color:#fff;--pab-red: #e31c2d;--pab-orange: #ff6b57}.pab__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(40% 90% at 54% 70%,rgba(54,104,255,.55),transparent 70%),radial-gradient(35% 80% at 0% 100%,rgba(0,12,70,.6),transparent 70%),linear-gradient(110deg,#001360,#031a78,#082a94);background-size:140% 140%,100% 100%,100% 100%;animation:pab-glow 9s ease-in-out infinite alternate}.pab__bg:before{content:"";position:absolute;inset-inline-start:-3cqw;bottom:-5cqw;width:16cqw;height:16cqw;opacity:.1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23fff'%3E%3Cellipse cx='50' cy='66' rx='22' ry='19'/%3E%3Cellipse cx='22' cy='40' rx='9' ry='12'/%3E%3Cellipse cx='41' cy='24' rx='9' ry='12'/%3E%3Cellipse cx='62' cy='24' rx='9' ry='12'/%3E%3Cellipse cx='80' cy='40' rx='9' ry='12'/%3E%3C/svg%3E") center / contain no-repeat;transform:rotate(-14deg)}.pab__copy{position:absolute;inset-block:0;inset-inline-start:0;width:42cqw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1cqw;padding-inline-start:6.5cqw;box-sizing:border-box}.pab__title{margin:0;font-size:3.7cqw;font-weight:800;line-height:1.05;letter-spacing:-.01em;text-wrap:balance}.pab__sub{margin:0;font-size:1.35cqw;font-weight:600;line-height:1.25}.pab__sub strong{font-weight:700;color:var(--pab-orange)}.pab__pill{position:relative;overflow:hidden;display:inline-block;padding:.55cqw 1.8cqw;border-radius:99rem;background:var(--pab-red);font-size:1.35cqw;font-weight:800;line-height:1.2;letter-spacing:.02em;white-space:nowrap;box-shadow:0 .6cqw 1.6cqw #e31c2d66}.pab__pill:after,.pab__stores a:after{content:"";position:absolute;inset:0 auto 0 -70%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-18deg);animation:pab-shine 3.6s ease-in-out infinite}.pab__stores{display:flex;gap:1.1cqw;margin-top:.4cqw}.pab__stores a{position:relative;display:block;overflow:hidden;border-radius:.8cqw;box-shadow:0 0 0 1px #ffffff47,0 .7cqw 1.5cqw #00000059;transition:transform .18s ease}.pab__stores a+a:after{animation-delay:.7s}.pab__stores a:hover,.pab__stores a:focus-visible{transform:translateY(-.4cqw)}.pab__stores img{display:block;width:auto;height:3.8cqw}.pab__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.pab__phone{position:absolute;left:45.5cqw;top:3.2cqw;width:17cqw;height:auto;filter:drop-shadow(0 1.4cqw 2cqw rgba(0,8,56,.55));transform-origin:50% 100%;animation:pab-phone 5.4s ease-in-out infinite}.pab__brands{position:absolute;z-index:2;inset-inline-end:4.2cqw;top:50%;width:31cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw;transform:translateY(-46%);pointer-events:none}.pab__tile{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1.7 / 1;padding:1cqw 1.2cqw;box-sizing:border-box;border-radius:1cqw;background:#fff;box-shadow:0 .9cqw 1.8cqw #00083859;animation:pab-bob 5s ease-in-out infinite}.pab__tile--1{rotate:-3deg;animation-delay:-.4s}.pab__tile--2{rotate:4deg;animation-delay:-1.6s}.pab__tile--3{rotate:-2deg;animation-delay:-2.8s}.pab__tile--4{rotate:3deg;animation-delay:-3.5s}.pab__tile--5{rotate:-4deg;animation-delay:-1s}.pab__tile--6{rotate:3deg;animation-delay:-2.2s}.pab__logo{position:absolute;top:1cqw;right:1.2cqw;bottom:1cqw;left:1.2cqw;width:calc(100% - 2.4cqw);height:calc(100% - 2cqw);object-fit:contain;filter:grayscale(1);opacity:.85}.pab__tile-name{font-size:1.5cqw;font-weight:800;line-height:1.1;text-align:center;color:#0d1b45}.pab__tag{position:absolute;inset-inline-end:-.8cqw;top:-1.1cqw;padding:.35cqw .9cqw;border-radius:.6cqw;background:var(--pab-red);color:#fff;font-style:normal;font-size:1cqw;font-weight:800;line-height:1.1;white-space:nowrap;box-shadow:0 .4cqw .9cqw #e31c2d73;rotate:8deg;animation:pab-tag 2.8s ease-in-out infinite}@keyframes pab-glow{to{background-position:30% 20%,0 0,0 0}}@keyframes pab-shine{0%,55%{left:-70%}to{left:140%}}@keyframes pab-phone{0%,to{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-1cqw) rotate(-.5deg)}}@keyframes pab-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.9cqw)}}@keyframes pab-tag{0%,60%,to{transform:scale(1)}75%{transform:scale(1.14)}}@media screen and (max-width:749px){.product-app-banner{padding-top:1.2rem;padding-bottom:1.2rem}.pab{aspect-ratio:4 / 3;border-radius:1.6rem}.pab__copy{width:64cqw;gap:2.4cqw;padding-inline-start:6cqw}.pab__title{font-size:8.4cqw}.pab__sub{font-size:3.6cqw}.pab__pill{padding:1.3cqw 4cqw;font-size:3.4cqw}.pab__stores{gap:2.4cqw;margin-top:1cqw}.pab__stores img{height:9.4cqw}.pab__stores a{border-radius:1.6cqw}.pab__phone{left:auto;inset-inline-end:4cqw;top:14cqw;width:30cqw}.pab__brands{display:none}}@media(prefers-reduced-motion:reduce){.pab__bg,.pab__pill:after,.pab__stores a:after,.pab__phone,.pab__tile,.pab__tag{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-product-app-banner.css.map */