.version-two #main .mz-full .mz-hero .p30-h-scroll{height:calc(var(--h-height) + var(--h-travel))}.version-two #main .mz-full .mz-hero .p30-h-stage{position:sticky;top:var(--header,78px)}.version-two #main .mz-full .p30-h-content{grid-template-rows:auto minmax(48px,1fr) auto}.version-two #main .mz-full .p30-h-product>img{border-radius:9px;transform:none;width:90px}.version-two #main .mz-full .p30-h-note:nth-child(1){left:12%;top:25%;transform:translateY(calc((1 - var(--note-reveal))*15px))}.version-two #main .mz-full .p30-h-note:nth-child(2){left:auto;right:5%;top:44%;transform:translateY(calc((1 - var(--note-reveal))*15px))}.version-two #main .mz-full .p30-h-note:nth-child(3){left:7%;top:60%;transform:translateY(calc((1 - var(--note-reveal))*15px))}.version-two #main .mz-full .p30-statement h2>span{display:inline;color:inherit}.version-two #main .mz-full .p30-r-car img{object-fit:contain}.version-two #main .mz-full .mz-gallery .p30-r-frame img{aspect-ratio:1672/941;object-fit:cover}.version-two #main .mz-full .mz-gallery .p30-r-knob img{aspect-ratio:1;object-fit:cover}.version-two #main .mz-full .p30-r-shot figcaption{font-size:12px}.version-two #main .mz-full .mz-tour .tour-dashboard{width:100%;height:auto;aspect-ratio:1672/941;border-radius:0}.version-two #main .mz-full .mz-tour .tour-photo{background:#10243a}.version-two #main .mz-full .mz-rail-title h2{color:#10243a;margin-bottom:42px}.version-two #main .mz-full .mz-rail-title h2 span{color:#1555fc}.version-two #main .mz-full .p30-f-card img{object-fit:cover;height:100%;width:100%}.version-two #main .mz-full .p30-f-card-copy{color:#fff}.version-two #main .mz-full .p30-f-navigation button:first-child svg{transform:rotate(180deg)}.mz-story-dialog{width:min(840px,calc(100% - 32px));max-height:calc(100svh - 32px);border:0;padding:0;border-radius:20px;background:#f1f5fa;color:#10243a;overflow:auto;box-shadow:0 24px 80px #0007}.mz-story-dialog::backdrop{background:#020b16b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mz-story-dialog .mz-close{position:sticky;top:14px;margin:14px 14px -58px auto;z-index:2;border-radius:50%;background:#061424;color:#fff;display:flex;align-items:center;justify-content:center}.mz-story-dialog .mz-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.mz-story-dialog img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.mz-story-dialog [data-mz-story-content]>div{padding:32px 40px 40px}.mz-story-dialog h2{font:600 42px/1.06 Gilroy,sans-serif;letter-spacing:-.03em;margin:0 0 24px}.mz-story-dialog p{font:16px/1.8 Open Sans,sans-serif;color:#506278;margin:0 0 20px}.mz-image-caption{font:11px/1.5 Open Sans,sans-serif;color:#b9ccdf;margin-top:10px}.mz-workshop .mz-button{margin-top:20px}.mz-workshop .p30-button{margin-top:28px}.mz-upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%}.mz-upgrade-grid article>div{padding:28px 0}.mz-upgrade-grid small{display:block;color:#506780;margin-top:10px;font-size:12px}.version-two #main .mz-full .mz-next .p30-j-choices,.version-two #main .mz-full .mz-next .p30-j-routes{grid-template-columns:1fr;max-width:680px;margin-inline:auto}.version-two #main .mz-full .mz-next .p30-j-routes{grid-template-rows:auto}.version-two #main .mz-full .mz-next .p30-j-route{display:block;grid-row:auto}.version-two #main .mz-full .mz-next .p30-j-route ol{grid-template-rows:none;grid-auto-rows:minmax(220px,auto)}.version-two #main .mz-full .mz-next .p30-j-selected img{object-fit:contain}.version-two #main .mz-full .mz-next .p30-j-drive-photo img{aspect-ratio:auto;object-position:center}.version-two #main .mz-full .p30-j-purchase img{border-radius:8px}.version-two #main .mz-full .p30-final-advisor img{width:44px;height:44px;border-radius:50%;object-fit:cover}.version-two #main .mz-full .p30-final-cta p{color:#c4d5e6}.version-two #main .mz-full .mz-buybar img{width:70px;height:48px;object-fit:cover;border-radius:7px}.mz-dialog .mz-note input{display:block;width:100%;margin:7px 0 22px;background:#0b2135;color:#fff;border:1px solid #567089;border-radius:10px;padding:12px;font:16px/1.4 Open Sans,sans-serif;min-height:48px;caret-color:#a8caff}.mz-full .p30-button:focus-visible,.mz-story-dialog button:focus-visible{outline:3px solid #6fa6ff;outline-offset:4px}@media(max-width:650px){.version-two #main .mz-full .mz-hero{--h-height:max(650px,calc(100svh - var(--header,64px)));--h-travel:440px}.version-two #main .mz-full .mz-hero .p30-h-content{padding-top:36px;padding-bottom:42px}.version-two #main .mz-full .mz-hero .p30-h-copy h1{font-size:39px;line-height:1.04}.version-two #main .mz-full .mz-hero .p30-h-car{gap:8px;margin-top:12px}.version-two #main .mz-full .p30-h-car img{width:65px;height:42px}.version-two #main .mz-full .p30-h-product>img{display:none}.version-two #main .mz-full .p30-h-note:nth-child(1){left:20px;top:59%}.version-two #main .mz-full .p30-h-note:nth-child(2){left:20px;right:auto;top:66%}.version-two #main .mz-full .p30-h-note:nth-child(3){left:20px;top:73%}.version-two #main .mz-full .p30-h-note{min-height:34px;padding:7px 12px;gap:7px;font-size:11px}.version-two #main .mz-full .p30-h-note svg{width:16px;height:16px}.version-two #main .mz-full .p30-h-buy{padding:14px;width:100%;gap:12px}.version-two #main .mz-full .p30-h-price{font-size:32px}.version-two #main .mz-full .p30-h-product-name{font-size:12px}.version-two #main .mz-full .p30-h-product small{font-size:10px}.version-two #main .mz-full .mz-gallery .p30-r-shot figcaption{font-size:10px}.mz-upgrade-grid{grid-template-columns:1fr;gap:30px}.mz-upgrade-grid article>div{padding-top:20px}.mz-story-dialog h2{font-size:32px}.mz-story-dialog [data-mz-story-content]>div{padding:26px 22px}.version-two #main .mz-full .mz-buybar>div img{display:none}.version-two #main .mz-full .mz-buybar>div strong{font-size:11px}.version-two #main .mz-full .mz-buybar>div small{font-size:9px}.version-two #main .mz-full .mz-buybar .p30-button{font-size:11px;padding:12px;min-height:44px}.version-two #main .mz-full .mz-buybar .p30-button svg{display:none}}@media(prefers-reduced-motion:reduce){.version-two #main .mz-full .mz-hero{--h-travel:0px}.version-two #main .mz-full .mz-hero .p30-h-stage{position:relative;top:0}.version-two #main .mz-full .p30-h-notes{display:none}}.version-two #main .mz-full>.mz-section{background:#f1f5fa;color:#10243a;--mz-muted:#506780;--mz-blue:#1555fc}.version-two #main .mz-full>.mz-section.mz-dark{background:#061424;color:#f5f8ff;--mz-muted:#c4d5e6;--mz-blue:#a8caff}.version-two #main .mz-full>.mz-section h2,.version-two #main .mz-full .mz-rail-title h2,.version-two #main .mz-full .mz-video-heading h2{font-size:clamp(36px,4.2vw,60px);line-height:1.06;margin:0 0 28px;color:inherit}.version-two #main .mz-full>.mz-section h2 span{color:var(--mz-blue)}.version-two #main .mz-full>.mz-section p{color:var(--mz-muted);font-size:17px;line-height:1.8}.version-two #main .mz-full>.mz-section h3{color:inherit;font-size:24px}.version-two #main .mz-full>.mz-section .mz-features p{font-size:14px}.version-two #main .mz-full :is(.p30-tour,.p30-retained,.p30-next,.p30-final-cta,.h-network,.h-reviews,.p30-features,.mz-video-heading) h2 span{display:inline}.version-two #main .mz-full .mz-story-dialog h2{color:#10243a;font-size:42px;line-height:1.06;margin:0 0 24px}.version-two #main .mz-full .mz-story-dialog p{color:#506278;font-size:16px;line-height:1.8;margin:0 0 20px}.version-two #main .mz-full .mz-story-dialog .mz-close{color:#fff}.version-two #main .mz-full .mz-video-heading{padding-top:72px;padding-bottom:36px}.version-two #main .mz-full .mz-video-heading p{font-size:15px;line-height:1.7;color:#c4d5e6;max-width:66ch}.version-two #main .mz-full .mz-image-caption{font-size:11px;line-height:1.5;color:#b9ccdf;margin-top:10px}@media(max-width:650px){.version-two #main .mz-full>.mz-section h2,.version-two #main .mz-full .mz-rail-title h2,.version-two #main .mz-full .mz-video-heading h2{font-size:36px}.version-two #main .mz-full>.mz-section p{font-size:16px}.version-two #main .mz-full .mz-story-dialog h2{font-size:32px}.version-two #main .mz-full .mz-video-heading{padding-top:48px;padding-bottom:24px}}@media(max-width:650px){.version-two #main .mz-full .mz-buybar{transition:none}}.mz-screen-scene{position:relative;width:100%;height:100%;min-height:180px;overflow:hidden;background:#061424}.mz-scene-canvas{position:absolute;transform-origin:64% 42%}.mz-screen-scene .mz-scene-photo{display:block;width:100%;height:100%;max-width:none;object-fit:fill;transform:none!important}.mz-scene-lcd{position:absolute;left:50.72%;top:29.2%;width:26.3%;height:24.65%;overflow:hidden;border-radius:2px}.mz-scene-lcd>svg{display:block;width:100%;height:100%}.mz-scene-oem{opacity:var(--h-original,0)}.mz-hero [data-mz-scene]{height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.version-two #main .mz-full .p30-h-note:nth-child(1){left:52%;top:14%;right:auto}.version-two #main .mz-full .p30-h-note:nth-child(2){left:77%;top:39%;right:auto}.version-two #main .mz-full .p30-h-note:nth-child(3){left:48%;top:62%;right:auto}.version-two #main .mz-full .mz-gallery{min-height:510px}.version-two #main .mz-full .mz-gallery .p30-r-shot--main{width:94%;left:0;right:auto;top:0}.version-two #main .mz-full .mz-gallery .p30-r-shot--main .p30-r-frame{aspect-ratio:1.5}.version-two #main .mz-full .mz-gallery .p30-r-knob{width:39%;right:0;bottom:0;top:auto}.version-two #main .mz-full .mz-gallery .p30-r-knob img{aspect-ratio:1;object-fit:cover;transform:none}.version-two #main .mz-full>.mz-usb-section{padding-bottom:42px}.version-two #main .mz-full .mz-tour{padding-top:42px}.version-two #main .mz-full .mz-tour .tour-interface{width:100%;height:100%}.version-two #main .mz-full .p30-f-card .mz-screen-scene{height:100%}.version-two #main .mz-full .p30-f-story-photo .mz-screen-scene{aspect-ratio:1.15;height:auto}.version-two #main .mz-full .p30-f-cover .mz-screen-scene{height:100%}.version-two #main .mz-full .p30-f-navigation button:first-child svg{transform:none}.version-two #main .mz-full .mz-wireless{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}.version-two #main .mz-full .mz-wireless-visual{margin:0;overflow:hidden;border-radius:16px}.version-two #main .mz-full .mz-dongle-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0}.version-two #main .mz-full .mz-wireless-copy h2{font-size:clamp(32px,3.7vw,56px);line-height:1.05;margin:0 0 24px}.version-two #main .mz-full .mz-wireless-copy>p{font-size:17px;line-height:1.7;margin:0}.version-two #main .mz-full .mz-wireless-offer{border-left:0;border-top:1px solid var(--mz-line);padding:24px 0 0;margin-top:28px}.version-two #main .mz-full .mz-wireless-choice{display:flex;align-items:center;justify-content:space-between;gap:24px}.version-two #main .mz-full .mz-wireless-price h3{font-size:17px;line-height:1.4;margin:0 0 4px}.version-two #main .mz-full .mz-wireless-price>strong{display:block;font:600 40px/1.1 Gilroy,sans-serif;letter-spacing:-.03em}.version-two #main .mz-full .mz-button{color:#fff}.version-two #main .mz-full .mz-wireless-choice .mz-button{min-width:174px;justify-content:space-between;flex-shrink:0;margin:0}.version-two #main .mz-full .mz-wireless-choice .mz-button[aria-pressed=true]{background:var(--mz-ink)}.version-two #main .mz-full .mz-wireless-choice .mz-button[aria-pressed=true] svg{transform:rotate(45deg)}.version-two #main .mz-full .mz-wireless-choice .mz-button:focus-visible{outline:3px solid var(--mz-blue);outline-offset:4px}.version-two #main .mz-full .mz-wireless-choice .mz-button svg{width:20px;height:20px}.version-two #main .mz-full .mz-wireless-offer>p{max-width:none;font-size:13px;line-height:1.6;margin:16px 0 0}.version-two #main .mz-full .mz-wireless-offer .mz-wireless-status{min-height:21px;margin-top:4px;color:var(--mz-ink)}@media(max-width:1000px){.version-two #main .mz-full .mz-wireless{gap:32px}.version-two #main .mz-full .mz-wireless-copy h2{font-size:36px}.version-two #main .mz-full .mz-wireless-copy>p{font-size:16px}.version-two #main .mz-full .mz-wireless-choice{gap:16px}.version-two #main .mz-full .mz-wireless-choice .mz-button{min-width:150px;padding-inline:20px}}@media(max-width:760px){.version-two #main .mz-full .mz-wireless{grid-template-columns:1fr;gap:28px}.version-two #main .mz-full .mz-wireless-visual{max-width:520px;width:100%;justify-self:center}.version-two #main .mz-full .mz-wireless-copy h2{font-size:clamp(32px,7.7vw,44px);margin-bottom:20px}.version-two #main .mz-full .mz-wireless-offer{margin-top:24px;padding-top:20px}.version-two #main .mz-full .mz-wireless-price>strong{font-size:36px}}@media(max-width:359px){.version-two #main .mz-full .mz-wireless-choice{flex-wrap:wrap}.version-two #main .mz-full .mz-wireless-choice .mz-button{width:100%}}.version-two #main .mz-full .mz-faq-advisor{display:flex;align-items:flex-start;gap:18px;margin-top:36px}.version-two #main .mz-full .mz-faq-advisor img{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:50%}.version-two #main .mz-full .mz-faq-advisor p{font-size:15px;line-height:1.5;margin:6px 0 12px}.mz-faq-advisor a{display:block;color:#a8caff;font-size:14px;margin-top:8px;text-underline-offset:4px}.mz-next .p30-j-arrival{display:flex;flex-direction:column;align-items:center;gap:14px;padding-bottom:30px}.mz-next .p30-j-arrival h3,.mz-next .p30-j-arrival p{margin:0}@media(max-width:900px){.version-two #main .mz-full .mz-gallery{min-height:480px}}@media(max-width:650px){.version-two #main .mz-full .mz-gallery{min-height:350px}.version-two #main .mz-full .p30-h-note:nth-child(1){left:6%;top:33%;right:auto}.version-two #main .mz-full .p30-h-note:nth-child(2){left:auto;right:5%;top:59%}.version-two #main .mz-full .p30-h-note:nth-child(3){left:6%;top:66%}.version-two #main .mz-full>.mz-usb-section{padding-bottom:24px}.version-two #main .mz-full .mz-tour{padding-top:24px}.version-two #main .mz-full .mz-faq-advisor{margin-top:24px;margin-bottom:36px}}.version-two #main .mz-full .mz-scene-lcd>svg{display:block;width:100%;height:100%;stroke:none;stroke-width:0;fill:initial}.version-two #main .mz-full .mz-gallery[data-screen-count="1"] .p30-r-knob{grid-column:8/13;width:100%;max-width:none;justify-self:end}.version-two #main .mz-full .mz-gallery .p30-r-knob figcaption{position:static;width:fit-content;max-width:100%;margin:10px 0 0;font-size:12px;line-height:1.4}@media(max-width:650px){.version-two #main .mz-full .mz-gallery[data-screen-count="1"] .p30-r-knob{grid-column:7/13;max-width:180px}}.version-two #main .mz-full .mz-tour .tour-camera{position:absolute;transform:scale(var(--tour-zoom,1));transform-origin:center}.version-two #main .mz-full .mz-tour .tour-dashboard{display:block;width:100%;height:100%;object-fit:fill;max-width:none}.version-two #main .mz-full .mz-tour .tour-lcd{position:absolute;opacity:1;overflow:hidden;border-radius:0}.version-two #main .mz-full .mz-gallery{min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-content:center;padding:24px 0 20px}.version-two #main .mz-full .mz-gallery .p30-r-shot--main{grid-column:1/-1;grid-row:1;width:100%;margin:0;transform:translate3d(0,calc(var(--r-float-y,0px)*.6),0)}.version-two #main .mz-full .mz-gallery .p30-r-shot--main .p30-r-frame{aspect-ratio:1.65}.version-two #main .mz-full .mz-gallery[data-screen-count="1"] .p30-r-knob{grid-column:8/-1;grid-row:2;margin:0!important;margin-top:calc(-1*clamp(28px,3.5vw,56px))!important;transform:translate3d(0,calc(var(--r-float-y,0px)*-.9),0)}.version-two #main .mz-full .mz-gallery .p30-r-knob img{aspect-ratio:1.3;object-position:center 65%}.version-two #main .mz-full .mz-gallery .p30-r-knob figcaption{padding:0;background:none;border:0}.version-two #main .mz-full .p30-f-cover-photo .mz-screen-scene{height:100%;min-height:0}@media(max-width:650px){.version-two #main .mz-full .mz-hero .mz-scene-canvas{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent)}.version-two #main .mz-full .mz-gallery{padding:12px 0 16px}.version-two #main .mz-full .mz-gallery[data-screen-count="1"] .p30-r-knob{grid-column:7/-1;max-width:none;margin-top:-24px!important}.version-two #main .mz-full .mz-hero .p30-h-note{white-space:nowrap}}.version-two #main .mz-full .mz-scene-portrait .mz-scene-canvas{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent)}.version-two #main .mz-full .p30-f-card .mz-scene-canvas{-webkit-mask-image:none;mask-image:none}.version-two #main .mz-full .mz-feature-cover{height:auto;min-height:0;display:block;background:#061424}.version-two #main .mz-full .mz-feature-cover .p30-f-cover-photo{position:relative;inset:auto;height:clamp(240px,38vw,440px)}.version-two #main .mz-full .mz-feature-cover h2{position:relative;inset:auto;margin:0;padding:30px 56px 10px;max-width:none}.version-two #main .mz-full .mz-feature-cover:after{display:none}@media(max-width:650px){.version-two #main .mz-full .mz-feature-cover h2{padding:24px 24px 0}.version-two #main .mz-full .mz-feature-cover .p30-f-cover-photo{height:260px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-mazda-experience.css.map */