@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";.shopify-section--cars-teaser{height:0;margin:0;padding:0;overflow:visible}cars-mcqueen-teaser{--cars-red: #e10600;--cars-yellow: #ffe14a;--cars-ink: #111111;display:block;position:fixed;left:0;right:0;bottom:0;z-index:42;height:186px;pointer-events:none}.cars-teaser__dismiss{pointer-events:auto;position:absolute;right:max(12px,env(safe-area-inset-right));bottom:118px;width:32px;height:32px;border:2px solid var(--cars-ink);border-radius:999px;background:#fff;color:var(--cars-ink);cursor:pointer;opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .25s ease,background .2s ease;z-index:2}cars-mcqueen-teaser.is-parked .cars-teaser__dismiss{opacity:1;transform:scale(1)}.cars-teaser__dismiss:hover{background:var(--cars-yellow)}.cars-teaser__dismiss svg{display:block;margin:0 auto}.cars-teaser__rig{position:absolute;left:0;bottom:max(8px,env(safe-area-inset-bottom));width:min(340px,72vw);transform:translate3d(-120%,10px,0) rotate(-3deg);will-change:transform}cars-mcqueen-teaser.is-driving .cars-teaser__rig{animation:cars-drive 1.85s cubic-bezier(.22,.8,.28,1) forwards}cars-mcqueen-teaser.is-parked .cars-teaser__rig{transform:translate3d(var(--cars-park-x, 42vw),0,0) rotate(0)}cars-mcqueen-teaser.is-leaving .cars-teaser__rig{animation:cars-leave 1.55s cubic-bezier(.25,.1,.25,1) forwards}.cars-teaser__link{pointer-events:auto;display:block;position:relative;text-decoration:none;color:inherit;outline:none}.cars-teaser__link:focus-visible{outline:3px solid var(--cars-yellow);outline-offset:6px;border-radius:12px}.cars-teaser__speed{position:absolute;right:72%;top:38%;width:72px;height:36%;pointer-events:none;opacity:0;background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,225,74,.55) 5px 7px,transparent 7px 11px,rgba(255,255,255,.35) 11px 12px);mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}cars-mcqueen-teaser.is-driving .cars-teaser__speed{opacity:1;animation:cars-speed-streak .18s linear infinite}cars-mcqueen-teaser.is-parked .cars-teaser__speed,cars-mcqueen-teaser.is-leaving .cars-teaser__speed{opacity:0}.cars-teaser__ground{position:absolute;left:18%;right:16%;bottom:10px;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 72%);filter:blur(3px);pointer-events:none}.cars-teaser__car{display:block;width:100%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 8px 6px rgba(0,0,0,.35));transform-origin:50% 80%}cars-mcqueen-teaser.is-parked .cars-teaser__car{animation:cars-idle 2.4s ease-in-out infinite}cars-mcqueen-teaser.is-driving .cars-teaser__car{animation:cars-shake .12s linear infinite}.cars-teaser__burst{position:absolute;left:58%;bottom:78%;z-index:2;pointer-events:none;opacity:0;transform:rotate(-9deg) scale(.2);transform-origin:20% 100%}cars-mcqueen-teaser.is-parked .cars-teaser__burst{animation:cars-kachow .55s cubic-bezier(.18,1.4,.32,1) forwards}.cars-teaser__burst-shape{position:absolute;top:-18%;right:-12%;bottom:-18%;left:-12%;background:var(--cars-yellow);clip-path:polygon(8% 48%,0% 28%,18% 32%,16% 8%,34% 22%,48% 0%,58% 20%,78% 6%,74% 30%,100% 34%,82% 50%,100% 68%,74% 66%,78% 92%,56% 78%,46% 100%,34% 80%,14% 94%,22% 68%,0% 72%,14% 54%);filter:drop-shadow(3px 4px 0 var(--cars-red))}.cars-teaser__burst-text{position:relative;display:block;padding:.55rem .9rem .45rem;font-family:Bangers,Comic Sans MS,Arial Black,sans-serif;font-size:clamp(1.55rem,4.2vw,2.45rem);line-height:.9;letter-spacing:.04em;color:#fff;-webkit-text-stroke:5px var(--cars-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--cars-red);white-space:nowrap}.cars-teaser__hint{position:absolute;left:6%;bottom:-16px;z-index:4;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--cars-red);border:2px solid var(--cars-ink);border-radius:999px;padding:.22rem .7rem;white-space:nowrap;opacity:0;transform:translateY(6px);box-shadow:2px 2px 0 var(--cars-ink)}cars-mcqueen-teaser.is-parked .cars-teaser__hint{animation:cars-hint-in .35s ease .45s forwards}@keyframes cars-drive{0%{transform:translate3d(-120%,10px,0) rotate(-3deg)}72%{transform:translate3d(calc(var(--cars-park-x, 42vw) + 18px),-4px,0) rotate(1.6deg)}86%{transform:translate3d(calc(var(--cars-park-x, 42vw) - 6px),3px,0) rotate(-.8deg)}to{transform:translate3d(var(--cars-park-x, 42vw),0,0) rotate(0)}}@keyframes cars-leave{to{transform:translate3d(120vw,0,0) rotate(2deg);opacity:0}}@keyframes cars-speed-streak{0%{background-position:0 0}to{background-position:-18px 0}}@keyframes cars-shake{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}@keyframes cars-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cars-kachow{0%{opacity:0;transform:rotate(-9deg) scale(.2)}70%{opacity:1;transform:rotate(-11deg) scale(1.12)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes cars-hint-in{to{opacity:1;transform:translateY(0)}}@media(max-width:749px){cars-mcqueen-teaser{height:148px;--cars-park-x: 6vw}.cars-teaser__rig{width:min(240px,78vw)}.cars-teaser__dismiss{bottom:96px;width:28px;height:28px}.cars-teaser__burst{left:48%}.cars-teaser__burst-text{-webkit-text-stroke-width:4px}.cars-teaser__hint{font-size:.58rem;letter-spacing:.04em;padding:.18rem .5rem;left:4%;bottom:-12px}}@media(min-width:750px){cars-mcqueen-teaser{--cars-park-x: 38vw}}@media(min-width:1200px){cars-mcqueen-teaser{--cars-park-x: 46vw}.cars-teaser__rig{width:380px}}@media(prefers-reduced-motion:reduce){cars-mcqueen-teaser.is-driving .cars-teaser__rig,cars-mcqueen-teaser.is-parked .cars-teaser__car,cars-mcqueen-teaser.is-driving .cars-teaser__car,cars-mcqueen-teaser.is-parked .cars-teaser__burst,cars-mcqueen-teaser.is-parked .cars-teaser__hint{animation:none}cars-mcqueen-teaser.is-driving .cars-teaser__rig,cars-mcqueen-teaser.is-parked .cars-teaser__rig{transform:translate3d(var(--cars-park-x, 42vw),0,0)}cars-mcqueen-teaser.is-parked .cars-teaser__burst,cars-mcqueen-teaser.is-parked .cars-teaser__hint,cars-mcqueen-teaser.is-parked .cars-teaser__dismiss{opacity:1}cars-mcqueen-teaser.is-parked .cars-teaser__burst,cars-mcqueen-teaser.is-parked .cars-teaser__dismiss{transform:none}cars-mcqueen-teaser.is-parked .cars-teaser__hint{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cars-mcqueen-teaser.css.map */