@keyframes dashcam-pdp-banner-fade-up{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes dashcam-pdp-banner-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dashcam-pdp-banner-slide-right{0%{opacity:0;transform:translate(-3rem)}to{opacity:1;transform:translate(0)}}@keyframes dashcam-pdp-banner-slide-right-mobile{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}.dashcam-pdp-banner{position:relative;background-color:#000;color:#fff;overflow:hidden;isolation:isolate}.dashcam-pdp-banner .page-width{padding-left:1.6rem;padding-right:1.6rem}@media screen and (min-width:750px){.dashcam-pdp-banner .page-width{padding-left:3rem;padding-right:3rem}}.dashcam-pdp-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.dashcam-pdp-banner__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:var(--dashcam-pdp-banner-bg-opacity, 1)}.dashcam-pdp-banner__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(0,0,0,var(--dashcam-pdp-banner-bg-overlay, .2))}.dashcam-pdp-banner__bg-lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.04) 4px)}.dashcam-pdp-banner__bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(0,190,170,.22) 0%,rgba(0,120,110,.08) 40%,transparent 72%)}.dashcam-pdp-banner__floats{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.dashcam-pdp-banner__float{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:0}.dashcam-pdp-banner__float-motion{width:100%;line-height:0}.dashcam-pdp-banner__float-img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 1.6rem 3.2rem rgba(0,0,0,.5))}.dashcam-pdp-banner__float-img--left{max-height:var(--dashcam-pdp-banner-left-h, none)}.dashcam-pdp-banner__float-img--right{max-height:var(--dashcam-pdp-banner-right-h, none)}.dashcam-pdp-banner__float--left{left:-4%;top:50%;width:var(--dashcam-pdp-banner-left-w, 200px);max-width:var(--dashcam-pdp-banner-left-w, 200px);transform:translateY(-50%)}.dashcam-pdp-banner__float--left .dashcam-pdp-banner__float-motion{animation:dashcam-pdp-banner-slide-right 1s cubic-bezier(.22,1,.36,1) .25s both}.dashcam-pdp-banner__float--right{right:-4%;top:clamp(.5rem,6vh,3rem);width:var(--dashcam-pdp-banner-right-w, 180px);max-width:var(--dashcam-pdp-banner-right-w, 180px)}.dashcam-pdp-banner__float--right .dashcam-pdp-banner__float-motion{animation:dashcam-pdp-banner-fade-in 1s cubic-bezier(.22,1,.36,1) .35s both}@media screen and (max-width:749px){.dashcam-pdp-banner__float--left{left:-8%}.dashcam-pdp-banner__float--left .dashcam-pdp-banner__float-motion{animation-name:dashcam-pdp-banner-slide-right-mobile}.dashcam-pdp-banner__float--right{right:-8%;top:.5rem}}.dashcam-pdp-banner__inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:var(--dashcam-pdp-banner-min-height, 52rem);padding:4rem 0}@media screen and (max-width:749px){.dashcam-pdp-banner__inner{padding:5.5rem 0 4rem}}.dashcam-pdp-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem;width:100%;max-width:72rem;margin:0 auto;padding-left:clamp(1rem,8vw,6rem);padding-right:clamp(1rem,8vw,6rem)}@media screen and (min-width:750px){.dashcam-pdp-banner__content{gap:1.8rem}}.dashcam-pdp-banner__caption{display:inline-flex;align-items:center;justify-content:center;gap:1rem;margin:0;max-width:100%;animation:dashcam-pdp-banner-fade-up .7s cubic-bezier(.22,1,.36,1) .1s both}.dashcam-pdp-banner__caption-text{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dashcam-accent, #ccff00);white-space:nowrap}@media screen and (min-width:750px){.dashcam-pdp-banner__caption-text{font-size:.85rem}}.dashcam-pdp-banner__caption-line{display:block;width:clamp(2rem,6vw,4rem);height:.1rem;background:var(--dashcam-accent, #ccff00);flex-shrink:0}.dashcam-pdp-banner__heading{margin:0;font-size:clamp(2.8rem,9vw,6.8rem);line-height:1.02;font-weight:800;text-transform:uppercase;letter-spacing:-.03em;word-break:break-word;animation:dashcam-pdp-banner-fade-up .8s cubic-bezier(.22,1,.36,1) .2s both}.dashcam-pdp-banner__heading-line{display:block;color:#fff}.dashcam-pdp-banner__heading-line--accent{color:var(--dashcam-accent, #ccff00)}.dashcam-pdp-banner__text{margin:0;font-size:clamp(1.15rem,3.2vw,1.65rem);line-height:1.5;color:#ffffffe0;max-width:42rem;animation:dashcam-pdp-banner-fade-up .8s cubic-bezier(.22,1,.36,1) .35s both}.dashcam-pdp-banner__text p{margin:0}.dashcam-pdp-banner__buttons{display:flex;flex-direction:column;align-items:stretch;gap:1rem;width:100%;max-width:52rem;margin-top:.4rem;animation:dashcam-pdp-banner-fade-up .8s cubic-bezier(.22,1,.36,1) .45s both}@media screen and (min-width:600px){.dashcam-pdp-banner__buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem}}.dashcam-pdp-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.8rem;padding:1.2rem 2rem;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 1.2rem) 0,100% 1.2rem,100% 100%,0 100%);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}@media screen and (min-width:750px){.dashcam-pdp-banner__button{font-size:1.05rem;padding:1.2rem 2.4rem}}@media screen and (max-width:599px){.dashcam-pdp-banner__button{width:100%}}.dashcam-pdp-banner__button--primary{background-color:var(--dashcam-accent, #ccff00);color:#000}.dashcam-pdp-banner__button--primary:hover{transform:translateY(-.2rem) scale(1.02);box-shadow:0 .8rem 2.4rem #ccff0059}.dashcam-pdp-banner__button--secondary{background-color:var(--dashcam-pdp-banner-secondary, #0d9f6e);color:#fff}.dashcam-pdp-banner__button--secondary:hover{transform:translateY(-.2rem) scale(1.02);box-shadow:0 .8rem 2.4rem #0d9f6e59}.dashcam-pdp-banner__button-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.dashcam-pdp-banner__button-icon svg{width:1.4rem;height:1.4rem}@media(prefers-reduced-motion:reduce){.dashcam-pdp-banner__caption,.dashcam-pdp-banner__heading,.dashcam-pdp-banner__text,.dashcam-pdp-banner__buttons,.dashcam-pdp-banner__float--left .dashcam-pdp-banner__float-motion,.dashcam-pdp-banner__float--right .dashcam-pdp-banner__float-motion{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-dashcam-pdp-banner.css.map */