.dashcam-moment{background-color:#000;color:#fff;overflow:visible}.dashcam-moment .page-width{padding-left:1.6rem;padding-right:1.6rem}@media screen and (min-width:750px){.dashcam-moment .page-width{padding-left:3rem;padding-right:3rem}}.dashcam-moment__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem;max-width:72rem;margin:0 auto;padding-bottom:2rem}@media screen and (min-width:750px){.dashcam-moment__header{gap:2rem;padding-bottom:3.5rem}}.dashcam-moment__badge{display:inline-block;margin:0;padding:.5rem 1.4rem;font-size:.95rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dashcam-accent, #ccff00);border:.1rem solid var(--dashcam-accent, #ccff00);line-height:1.4;transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}.dashcam-moment__badge:hover{background-color:var(--dashcam-accent, #ccff00);color:#000;transform:scale(1.04);box-shadow:0 0 2rem #ccff0059}.dashcam-moment__heading-section{margin:0;font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.1;font-weight:800;letter-spacing:-.02em}.dashcam-moment__heading-section-line{display:block}.dashcam-moment__heading-section-line--accent{text-transform:uppercase;color:var(--dashcam-accent, #ccff00)}.dashcam-moment__subtext{margin:0;font-size:1.4rem;line-height:1.65;color:#ffffffd9;max-width:58rem}@media screen and (min-width:750px){.dashcam-moment__subtext{font-size:1.5rem}}.dashcam-moment__subtext p{margin:0}.dashcam-moment__stack{width:100%;max-width:100%;margin:0 auto;padding-left:1.6rem;padding-right:1.6rem;box-sizing:border-box}@media screen and (min-width:750px){.dashcam-moment__stack{padding-left:3rem;padding-right:3rem}}.dashcam-moment__cards{list-style:none;margin:0;padding:0;padding-bottom:calc(var(--dashcam-moment-cards, 1) * var(--dashcam-moment-card-pad, 1.5em));margin-bottom:var(--dashcam-moment-card-gap, 4vw);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--dashcam-moment-cards, 1),var(--dashcam-moment-card-height, 87vh));gap:var(--dashcam-moment-card-gap, 4vw)}.dashcam-moment__card{position:sticky;top:0;padding-top:calc(var(--index, 1) * var(--dashcam-moment-card-pad, 1.5em));z-index:var(--index, 1)}.dashcam-moment__card-body{box-sizing:border-box;height:var(--dashcam-moment-card-height, 87vh);border-radius:2.4rem;overflow:hidden;box-shadow:0 0 3rem #00000073;transition:box-shadow .5s ease}@media screen and (min-width:750px){.dashcam-moment__card-body{border-radius:3.2rem}}.dashcam-moment__slide-inner{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.dashcam-moment__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.dashcam-moment__bg-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.dashcam-moment__card.is-active .dashcam-moment__bg-media{transform:scale(1.02)}.dashcam-moment__overlay-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#000000e0,#0000008c 42%,#0003 70%,#00000059);pointer-events:none}@media screen and (max-width:749px){.dashcam-moment__overlay-gradient{background:linear-gradient(180deg,#00000059,#000000bf 45%,#000000eb)}.dashcam-moment__header{gap:.8rem;padding-bottom:1.2rem}.dashcam-moment__badge{padding:.4rem 1rem;font-size:.75rem;letter-spacing:.1em}.dashcam-moment__heading-section{font-size:clamp(2rem,8vw,2.8rem)}.dashcam-moment__subtext{font-size:1.15rem;line-height:1.55}.dashcam-moment__card-body{border-radius:1.6rem}}.dashcam-moment__content-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:flex-start;pointer-events:none}.dashcam-moment__content-wrap .page-width{width:100%;margin-left:auto;margin-right:auto}.dashcam-moment__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:1.2rem;width:100%;max-width:56rem;margin:0;padding:0;pointer-events:auto}@media screen and (min-width:750px){.dashcam-moment__content{gap:2rem;max-width:58rem}}.dashcam-moment__slide-inner--align-right .dashcam-moment__overlay-gradient{background:linear-gradient(270deg,#000000e0,#0000008c 42%,#0003 70%,#00000059)}@media screen and (max-width:749px){.dashcam-moment__slide-inner--align-right .dashcam-moment__overlay-gradient{background:linear-gradient(180deg,#00000059,#000000bf 45%,#000000eb)}}.dashcam-moment__slide-inner--align-right .dashcam-moment__content-wrap{justify-content:flex-end}.dashcam-moment__slide-inner--align-right .dashcam-moment__content-wrap .page-width{display:flex;justify-content:flex-end}.dashcam-moment__slide-inner--align-right .dashcam-moment__content{align-items:flex-start;text-align:left;margin-left:auto;margin-right:0}@media screen and (min-width:750px){.dashcam-moment__slide-inner--align-right .dashcam-moment__content{max-width:52rem}}.dashcam-moment__slide-inner--align-right .dashcam-moment__heading-line{text-align:left}.dashcam-moment__slide-inner--align-right .dashcam-moment__quote{align-self:flex-start;border-left:.3rem solid var(--dashcam-accent, #ccff00);border-right:.1rem solid rgba(255,255,255,.08)}.dashcam-moment__slide-inner--align-right .dashcam-moment__quote:hover{transform:translate(.4rem)}@media screen and (max-width:749px){.dashcam-moment__content-wrap{align-items:flex-end;padding-bottom:1.6rem}.dashcam-moment__content{gap:.9rem;max-width:100%}.dashcam-moment__slide-number{font-size:clamp(4.2rem,22vw,6.5rem);top:-.2em}.dashcam-moment__heading{padding-top:1.2rem;font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.15}.dashcam-moment__description{font-size:1.1rem;line-height:1.5;max-width:100%}.dashcam-moment__quote{gap:.8rem;padding:1rem 1.1rem;max-width:100%}.dashcam-moment__quote-icon{width:2.8rem;height:2.8rem}.dashcam-moment__quote-icon svg{width:1.5rem;height:1.5rem}.dashcam-moment__quote-text{font-size:1.05rem;line-height:1.45;margin-bottom:.4rem}.dashcam-moment__quote-author{font-size:.95rem}}.dashcam-moment__heading-stack{position:relative;width:100%;max-width:52rem;padding-top:.4rem}.dashcam-moment__slide-number{position:absolute;top:-.35em;left:-.08em;z-index:0;font-size:clamp(5.6rem,13vw,10.5rem);font-weight:800;line-height:.9;letter-spacing:-.05em;color:#ccff0024;pointer-events:none;-webkit-user-select:none;user-select:none}.dashcam-moment__slide-inner--align-right .dashcam-moment__slide-number{left:-.12em;right:auto}.dashcam-moment__heading{position:relative;z-index:1;margin:0;padding-top:1.6rem;font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;width:100%;max-width:52rem}@media screen and (min-width:750px){.dashcam-moment__heading{padding-top:2rem}.dashcam-moment__slide-number{top:-.2em}}.dashcam-moment__heading-line{display:block;text-align:left}.dashcam-moment__heading-line--accent{color:var(--dashcam-accent, #ccff00)}.dashcam-moment__description{position:relative;z-index:1;margin:0;font-size:1.4rem;line-height:1.65;color:#ffffffe6;width:100%;max-width:50rem}@media screen and (min-width:750px){.dashcam-moment__description{font-size:1.5rem;max-width:52rem}}.dashcam-moment__description p{margin:0}.dashcam-moment__quote{position:relative;z-index:1;display:flex;gap:1.2rem;margin:0;padding:1.2rem 1.4rem;width:100%;max-width:100%;align-self:flex-start;background:#00000073;border:.1rem solid rgba(255,255,255,.08);border-left:.3rem solid var(--dashcam-accent, #ccff00);border-radius:.6rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}@media screen and (min-width:750px){.dashcam-moment__quote{width:auto;max-width:38rem;padding:1.3rem 1.5rem}.dashcam-moment__quote-text{font-size:1.2rem}}.dashcam-moment__quote:hover{transform:translate(.4rem);border-color:#ccff0059;box-shadow:0 .8rem 2.4rem #00000059}.dashcam-moment__quote-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--dashcam-accent, #ccff00);color:#000}.dashcam-moment__quote-icon svg{width:2rem;height:2rem}.dashcam-moment__quote-body{min-width:0}.dashcam-moment__quote-text{margin:0 0 .6rem;font-size:1.3rem;line-height:1.55;font-style:italic;color:#fff}.dashcam-moment__quote-author{display:block;font-size:1.2rem;font-style:normal;font-weight:600;color:#ffffffa6}@media(prefers-reduced-motion:reduce){.dashcam-moment__card{position:relative;top:auto;padding-top:0}.dashcam-moment__cards{padding-bottom:0;grid-template-rows:none;gap:1.6rem}.dashcam-moment__card-body{height:auto;min-height:36rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-dashcam-moment.css.map */