.mb-title-non-breaking{white-space:nowrap}.option-swatch{display:inline-flex;max-width:100%;align-items:center;padding:8px 8px;background-color:#f1f1f1;border-radius:48px;gap:8px}.option-swatch .hover-option{margin-left:-16px}.option-swatch__group{display:flex;margin:0px;padding:0px;border-radius:32px;align-items:center;overflow:hidden;min-width:32px;overflow-x:auto;scroll-snap-type:x mandatory;transition:gap .3s ease-in-out}.option-swatch__group--collapse{justify-content:flex-end;gap:0px}.option-swatch__group--expand{gap:8px;flex:1;flex-direction:row-reverse}.option-swatch__group::-webkit-scrollbar{display:none}.option-swatch__group .not-display{display:none}.option-swatch__item{width:32px;height:32px;border-radius:32px;flex:0 0 auto;transition:margin .3s ease-in-out}.option-swatch__item button{position:relative;width:32px;height:32px;border-radius:32px;overflow:hidden;cursor:pointer}.option-swatch__item button img{top:0px;position:absolute;height:100%;left:50%;transform:translateX(-50%);pointer-events:none}.option-swatch__item-active{display:unset !important}.option-swatch__item-active button{border:2px solid #fff}.option-swatch__item--left{margin-left:-32px;display:none}.option-swatch__item--right{margin-right:-32px}.option-swatch__item--expand-left{margin-left:0px;display:unset !important}.option-swatch__item--expand-right{margin-right:0px}.option-swatch:hover{cursor:pointer}.hero-360__option-swatch--right .option-swatch:last-child{flex-direction:row-reverse}@media screen and (min-width: 767px){.Colors--collapse{min-width:110px;max-width:110px;overflow:hidden}.Colors--collapse:hover{cursor:pointer}.Colors--collapse:hover h6{display:none}.Colors--collapse:hover .option-swatch__group{flex-direction:row-reverse;pointer-events:none}.Colors--collapse:hover .option-swatch__group li{margin-left:-18px;pointer-events:none;display:unset !important}.Colors--collapse:hover .option-swatch__group li button{pointer-events:none}.Wheels--collapse{min-width:110px;max-width:110px;overflow:hidden}.Wheels--collapse:hover{cursor:pointer}.Wheels--collapse:hover h6{display:none}.Wheels--collapse:hover .option-swatch__group{flex-direction:row-reverse;pointer-events:none}.Wheels--collapse:hover .option-swatch__group li{margin-left:-18px;pointer-events:none;display:unset !important}.Wheels--collapse:hover .option-swatch__group li button{pointer-events:none}}.hero-360{position:relative;overflow:hidden}@media(min-width: 1024px)and (max-width: 1439px){.hero-360{min-height:calc(100vh - 72px)}}.hero-360__view-wrapper{position:absolute;width:100%;height:100%;z-index:2}.hero-360__view-wrapper:hover{cursor:pointer}.hero-360__view-wrapper--clicked{display:none;visibility:hidden}.hero-360__grid{display:grid;margin:0px 72px;grid-template-columns:repeat(12, 1fr);-moz-column-gap:32px;column-gap:32px;padding-top:27px;padding-bottom:24px}@media(min-width: 1280px){.hero-360__grid{position:relative;height:calc(100vh - 80px);display:flex;flex-direction:column;-moz-column-gap:0;column-gap:0}}.hero-360__bg-image-container{position:absolute;width:125%;height:117%;background-position:0% 50%;background-repeat:no-repeat;background-size:cover;inset:0% -11.5%;z-index:-10;transition:width .8s cubic-bezier(0.5, 0.19, 0.17, 0.94),height .8s cubic-bezier(0.5, 0.19, 0.17, 0.94),inset .8s cubic-bezier(0.5, 0.19, 0.17, 0.94)}@media screen and (min-width: 1440px){.hero-360__bg-image-container{height:116%;inset:-5% -11.5%}}.hero-360__bg-image-container--large{width:160%;height:107%;inset:0% -30%}@media(min-width: 1280px){.hero-360__bg-image-container--large{height:124%;inset:-21% -30%}}@media(min-width: 1280px)and (max-width: 1439px){.hero-360__bg-image-container{width:103%;height:103%;inset:0% 0%}}@media(min-width: 1600px)and (max-width: 1919px){.hero-360__bg-image-container{height:auto;min-height:100vh;background-position:0% 60%}}@media(min-width: 1920px){.hero-360__bg-image-container{background-position:0% 60%}}.hero-360__back-to{grid-column:1/13}@media(max-width: 767px){.hero-360__back-to{grid-column:unset}}.hero-360__back-to>button>span{font-family:MBCorpoS;font-size:16px;line-height:24px}.hero-360__info{grid-column:1/13}@media(max-width: 767px){.hero-360__info{grid-column:unset}}.hero-360__info--heading{display:flex;flex-direction:column;align-items:center;row-gap:4px}.hero-360__info--heading>span{font-family:MBCorpoS;font-size:16px;line-height:24px;font-weight:700;color:dimgray}.hero-360__info--heading>h1{font-family:MBCorpoATitleCond;font-size:104px;line-height:104px;margin-bottom:32px;text-align:center}@media(min-width: 1024px)and (max-width: 1279px){.hero-360__info--heading>h1{font-family:MBCorpoATitleCond;font-size:54px;line-height:54px;margin-bottom:16px}}@media(min-width: 1291px)and (max-width: 1439px){.hero-360__info--heading>h1{font-family:MBCorpoATitleCond;font-size:74px;line-height:74px;margin-bottom:16px}}.hero-360__showcase{grid-column:1/13}@media(max-width: 767px){.hero-360__showcase{grid-column:unset;position:unset;min-height:268px}}.hero-360__specs{display:flex;justify-content:center;padding:8px 0px;max-height:65px;transition:max-height .8s cubic-bezier(0.5, 0.19, 0.17, 0.94),padding-bottom .8s cubic-bezier(0.5, 0.19, 0.17, 0.94),padding-top .8s cubic-bezier(0.5, 0.19, 0.17, 0.94)}@media(min-width: 1280px){.hero-360__specs{margin-bottom:30px}}.hero-360__specs>li>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;row-gap:4px}.hero-360__specs>li:not(:last-child){border-right:1px solid dimgray;padding-right:40px;padding-bottom:4px}.hero-360__specs>li:not(:first-child){padding-left:40px;padding-bottom:4px}.hero-360__specs-name{color:dimgray;text-transform:uppercase;font-family:MBCorpoS;font-size:12px;line-height:16px;font-weight:700;letter-spacing:0;text-align:center}.hero-360__specs-unit{color:#262626;font-family:MBCorpoS;font-size:16px;line-height:24px;font-weight:700;letter-spacing:0;text-align:center}.hero-360__specs--collapse{max-height:0px;padding:0px;overflow:hidden}.hero-360__view{position:relative;display:flex;justify-content:center}.hero-360__view--image-box{position:relative;display:inline-block;width:100%;transition:width .8s cubic-bezier(0.5, 0.19, 0.17, 0.94);cursor:pointer}.hero-360__view--image-box::after{padding-top:36.11%;display:block;content:""}.hero-360__view--image-box canvas{position:absolute;top:-64px;left:50%;width:100%;transform:translateX(-50%)}.hero-360__view--image-box--large{width:100%}@media(min-width: 1280px)and (max-width: 1439px){.hero-360__view--image-box{width:80%}}@media(min-width: 1440px)and (max-width: 1599px){.hero-360__view--image-box{width:72%}}@media(min-width: 1600px)and (max-width: 1919px){.hero-360__view--image-box{width:70%}}@media(max-width: 768px){.hero-360__view--image-box::after{padding-top:55%}}@media(max-width: 419px){.hero-360__view--image-box::after{padding-top:36.11%}}.hero-360__view--icon{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:112px;height:112px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;background-color:#008DFC80;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:50%;overflow:hidden;opacity:1;transition:opacity .8s cubic-bezier(0.5, 0.19, 0.17, 0.94)}.hero-360__view--icon>h2{text-transform:uppercase;font-weight:700;font-family:MBCorpoS;font-size:12px;line-height:16px;letter-spacing:0%;color:#fff}.hero-360__view--icon--hide{visibility:hidden}.hero-360__option-swatch--section{display:flex;justify-content:center;padding-top:5.5%}@media screen and (max-width: 375px){.hero-360__option-swatch--section{padding-top:0px}}@media(min-width: 1024px)and (max-width: 1439px){.hero-360__option-swatch--section{padding-top:5.5%}}@media(min-width: 1440px)and (max-width: 1599px){.hero-360__option-swatch--section{padding-top:1.5%}}@media(min-width: 1600px)and (max-width: 1919px){.hero-360__option-swatch--section{padding-top:3%}}.hero-360__option-swatch--left{width:50%;display:flex;justify-content:flex-end;padding-right:9px;position:relative;transition:all .8s ease-in}.hero-360__option-swatch--left .option-hover-title{position:absolute;top:-24px;width:70%;right:0;text-align:center;display:block;transition:opacity .5s ease-in-out;font-size:14px;font-weight:700;font-family:"MBCorpoS";line-height:20px;color:dimgray}@media screen and (max-width: 767px){.hero-360__option-swatch--left .option-hover-title{width:100%}}.hero-360__option-swatch--left .not-display{display:none}.hero-360__option-swatch--left .option-title-heading{padding-right:6px;font-size:14px;font-weight:700;font-family:"MBCorpoS";line-height:20px;color:dimgray}.hero-360__option-swatch--left .option-title-close{padding-right:8px}.hero-360__option-swatch--right{width:50%;display:flex;justify-content:flex-start;padding-left:9px;position:relative;transition:all .8s ease-in}.hero-360__option-swatch--right .option-hover-title{position:absolute;top:-24px;width:70%;left:0;text-align:center;display:block;transition:opacity .5s ease-in-out;font-size:14px;font-weight:700;font-family:"MBCorpoS";line-height:20px;color:dimgray}@media screen and (max-width: 767px){.hero-360__option-swatch--right .option-hover-title{width:100%}}.hero-360__option-swatch--right .not-display{display:none}.hero-360__option-swatch--right .option-title-heading{padding-right:6px;font-size:14px;font-weight:700;font-family:"MBCorpoS";line-height:20px;color:dimgray}.hero-360__option-swatch--right .option-title-close{padding-left:8px}.hero-360__back-to{z-index:3}.hero-360 .back-to-class{padding-left:6px;padding-top:15px}.hero-360 .back-to-class a{color:#262626}.hero-360 .back-to-class button{position:relative;cursor:pointer}.hero-360 .back-to-class button::before{position:absolute;top:3px}.hero-360 .back-to-class button span{padding-left:16px;font-family:"MBCorpoS"}@media screen and (max-width: 767px){.hero-360{min-height:calc(100vh - 139px);max-height:100vh}.hero-360__grid{margin:unset;padding-top:80px;height:calc(100vh - 150px);display:flex;flex-direction:column;-moz-column-gap:unset;column-gap:unset;justify-content:flex-start;position:relative}.hero-360__info{position:relative;top:0px;grid-column:unset;margin-top:19px;min-height:135px}.hero-360__info--heading>h1{font-size:44px;line-height:44px;padding:0 32px;text-align:center;margin-bottom:0}.hero-360__specs{display:none}.hero-360__view{padding-top:0px;margin-top:0px}.hero-360__view--image-box canvas{top:unset;left:50%;width:155%;bottom:0px;pointer-events:none}.hero-360__view--image-box--large{z-index:909}.hero-360__view--icon{width:100px;height:100px;left:36%;top:unset;bottom:26px;transform:scale(0.6);display:none}.hero-360 img.bg-image-tag{position:absolute;bottom:0;top:0;left:0;right:0;-o-object-fit:cover;object-fit:cover;height:calc(100vh - 140px);width:100%;z-index:0}.hero-360 .hero-360__info-box{position:relative}.hero-360__bg-image-container{width:123%;height:100%;background-position:47% 50%;background-repeat:no-repeat;background-size:155% 100%}.hero-360__bg-image-container--large{width:131%;inset:3% -15.5%}.hero-360__option-swatch--section{position:absolute;width:100%;bottom:20px}}@media screen and (max-width: 375px){.hero-360 img.bg-image-tag{height:calc(100vh - 70px)}}@media(min-width: 768px){.hero-360 img.bg-image-tag{position:absolute;bottom:0;top:0;left:0;right:0;-o-object-fit:cover;object-fit:cover;height:calc(100vh - 140px);width:100%;z-index:0}}@supports(-webkit-touch-callout: none){.hero-360__option-swatch--section{bottom:-20px}}@media(min-width: 768px)and (max-width: 1023px){.hero-360{min-height:calc(100vh - 140px);height:720px}.hero-360__grid{margin:unset;padding-top:0px;height:calc(100vh - 72px);padding-bottom:51px}.hero-360__info{position:relative;top:-64px}.hero-360__info--heading>h1{font-size:64px;line-height:64px;padding:0 32px;text-align:center;margin-bottom:0}.hero-360__specs{display:none}.hero-360__view{padding-top:54px}.hero-360__view--image-box canvas{top:unset;left:50%;width:100%;bottom:35px}.hero-360__view--image-box--large{z-index:909}.hero-360__view--icon{width:100px;height:100px;left:50%;top:unset;bottom:15%}.hero-360__bg-image-container{width:123%;height:100%;background-position:47% 50%;background-repeat:no-repeat;background-size:155% 100%}.hero-360__bg-image-container--large{width:131%;inset:3% -15.5%}}@media screen and (width: 375px){.hero-360 .hero-360__info{top:10px}.hero-360 .hero-360__view--image-box canvas{top:-80px}}@media screen and (width: 375px)and (height: 667px){.hero-360{min-height:calc(100vh - 72px);height:unset}.hero-360__grid{height:calc(100vh - 72px)}.hero-360__info{top:-12px}.hero-360__view{padding-top:54px}.hero-360__view--icon{top:16%}.hero-360__view--image-box canvas{top:-130px}.hero-360__bg-image-container{width:123%;height:100%;background-position:47% 50%;background-repeat:no-repeat;background-size:155% 100%;inset:6% -11.5%}.hero-360__bg-image-container--large{width:131%;inset:6% -15.5%}.hero-360__option-swatch--section{position:unset}}.hero-360__view--image-box{background:url("/content/dam/mb-nafta/class-page-2025/heroBackgroundpodium.png");background-repeat:no-repeat;background-size:90% 100%;background-position:center bottom -9px;padding-bottom:50px}@media(min-width: 415px){.hero-360__view--image-box{padding-bottom:20px}}@media(min-width: 1024px){.hero-360__view--image-box{padding-bottom:20px}}@media(min-width: 1280px){.hero-360__view--image-box{padding-bottom:10px}}@media(min-width: 1440px){.hero-360__view--image-box{padding-bottom:30px}}@media(min-width: 1920px){.hero-360__view--image-box{padding-bottom:120px}}@media screen and (min-width: 1920px){.hero-360__view--image-box{max-width:1600px}.hero-360__bg-image-container{inset:-11% -11.5%}.hero-360__view--image-box canvas{top:-125px;width:100%}.hero-360__view--image-box--large{width:100%}.hero-360__bg-image-container--large{width:160%;height:120%;inset:-20% -28%}}@media(max-width: 767px){.hero-360__grid{display:flex;flex-direction:column}.hero-360__grid .hero-360__info-box{height:calc(100% - 100px);display:flex;flex-direction:column;justify-content:center;width:100%}}@media(min-width: 768px)and (max-width: 1023px){.hero-360__grid{display:flex;flex-direction:column}.hero-360__grid .hero-360__info-box{height:calc(100% - 100px);display:flex;flex-direction:column;justify-content:center;width:100%}}@media(min-width: 1024px){.hero-360 img.bg-image-tag{height:calc(100vh - 80px);z-index:-1}.hero-360__grid{margin:0px 72px;padding-top:27px;padding-bottom:24px;height:calc(100vh - 80px);display:flex;flex-direction:column;-moz-column-gap:32px;column-gap:32px}.hero-360__grid .hero-360__info-box{height:calc(100% - 100px);display:flex;flex-direction:column;justify-content:center;width:100%}}@media(min-width: 1024px)and (min-width: 1365px)and (max-width: 1439px){.hero-360__grid .hero-360__info-box .hero-360__info--heading>h1{font-size:52px;line-height:52px}}@media(min-width: 1024px){.hero-360__grid .hero-360__info-box .hero-360__view--image-box{width:70%}}@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1279px){.hero-360__grid .hero-360__info-box .hero-360__view--image-box canvas{top:-30px}}@media(min-width: 1024px)and (min-width: 2560px){.hero-360__grid .hero-360__info-box .hero-360__view--image-box canvas{top:-165px}}@media(min-width: 1024px)and (min-width: 1280px)and (max-width: 1365px){.hero-360__grid .hero-360__info-box .hero-360__view--image-box{width:54%;padding-bottom:0}}@media(min-width: 1024px)and (min-width: 1365px)and (max-width: 1439px){.hero-360__grid .hero-360__info-box .hero-360__view--image-box{width:54%;padding-bottom:0}}@media(min-width: 1024px)and (min-width: 1440px)and (max-width: 15999px){.hero-360__grid .hero-360__info-box .hero-360__view--image-box{width:70%;padding-bottom:0}}@media(min-width: 1024px){.hero-360__grid .hero-360__info-box .hero-360__option-swatch--section{padding-top:2%}}@media only screen and (min-device-pixel-ratio: 2)and (min-width: 1280px)and (max-width: 1290px){.hero-360__grid{height:calc(100vh - 30px)}.hero-360__grid .hero-360__info-box .hero-360__option-swatch--section{padding-top:0%;padding-bottom:50px}.hero-360__grid .hero-360__view--image-box{width:80%}.hero-360__grid .hero-360__specs{margin-bottom:40px}.hero-360__grid .hero-360__info--heading>h1{font-size:32px;line-height:32px}}@media screen and (min-width: 1280px)and (max-width: 1290px){.hero-360__grid{height:calc(100vh - 30px)}.hero-360__grid .hero-360__info-box .hero-360__option-swatch--section{padding-top:0%;padding-bottom:50px}.hero-360__grid .hero-360__view--image-box{width:80%}.hero-360__grid .hero-360__specs{margin-bottom:40px}.hero-360__grid .hero-360__info--heading>h1{font-size:32px;line-height:32px}}#loaderOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center}@media(max-width: 767px){#loaderOverlay{z-index:1000}}.loading-spinner::before{animation:spinner .6s linear infinite;border:5px solid transparent;border-radius:50%;border-top-color:#9f9f9f;content:"";height:40px;left:-24px;position:absolute;top:-24px;width:40px}.loading-spinner{margin-top:-20px;margin-left:-20px;position:absolute;left:50%;top:50%}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}