html.bb-materials-document,html.bb-materials-document body{height:100dvh;min-height:0;margin:0;overflow:hidden;background:rgb(var(--site-background));color:rgb(var(--site-text))}.bb-materials-document #ShopifyChat,.bb-materials-document #shopify-chat,.bb-materials-document shopify-chat,.bb-materials-document iframe[title*=chat i],.bb-materials-document iframe[src*="/inbox/" i]{display:none!important}[data-materials-explorer]{--bb-desktop-horizontal-spacing:80px;--bb-border-radius:0px;--bb-step-transition-ms:.32s;--bb-background-color:rgb(var(--site-background));--bb-configurator-font-style:normal;--bb-configurator-font-weight:400;height:100dvh;color:rgb(var(--site-text));font-style:normal;font-weight:400}[data-materials-explorer] [hidden]{display:none!important}[data-materials-explorer] .bb-config-layout{height:100dvh;overflow:hidden}[data-materials-explorer] .bb-options-panel.has-options{height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}[data-materials-explorer] .bb-viewer-frame.mx-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:86px 24px 36px;min-width:0}[data-materials-explorer] .bb-viewer-frame:after{display:none}[data-materials-explorer] .bb-configurator-brand,[data-materials-explorer] .bb-configurator-brand-title,[data-materials-explorer] .bb-configurator-back-products{color:rgb(var(--site-text));text-shadow:none}[data-materials-explorer] .bb-configurator-brand-title{margin:0;letter-spacing:.015em}.mx-site-mode .vehicle-image-mode{color:inherit;border:0}.mx-square-group{width:min(100%,calc(100dvh - 190px));flex:none;min-width:0}.mx-stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#e7e6df}.mx-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:auto!important}.mx-top-logo{grid-column:2;grid-row:1;justify-self:center;line-height:0;pointer-events:auto;background:transparent}.mx-top-logo img{display:block;width:66px;height:auto;max-height:52px;object-fit:contain;filter:brightness(0)}html[data-site-mode=night] .mx-top-logo img{filter:brightness(0) invert(1)}[data-materials-explorer] .bb-configurator-home-link.mx-site-mode{grid-column:3;justify-self:end}.mx-stage:before{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.2) 55%,transparent);pointer-events:none;z-index:1}.mx-views{display:grid;grid-template-columns:repeat(var(--mx-count,1),minmax(0,1fr));position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;color:#fff;text-shadow:0 1px 3px #0009}.mx-view{min-width:0;padding:0 16px 16px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.mx-view-label{display:flex;align-items:center;text-align:left;gap:8px;padding:0;width:100%;min-height:44px;cursor:pointer;border-radius:2px;color:inherit}.mx-view-label{pointer-events:auto}.mx-view-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.mx-view-label:focus-visible{outline:2px solid #fff;outline-offset:4px}.mx-view-label>span:last-child{min-width:0}.mx-view-label strong{display:block;font-size:13px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.mx-view-label [data-caption-color]{display:block;font-size:11px;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}.mx-letter{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid #fff8;font-size:9px;flex-shrink:0;margin-top:1px}.mx-view-label[aria-pressed=true] .mx-letter{border-color:#fff;background:#fff;color:#171717;text-shadow:none}.mx:not(.is-compare) .mx-letter{display:none}.mx-load{margin:4px 0 0;font-size:11px;line-height:1.4}.mx-load:empty{display:none}.mx-scale-note{font-size:10px;opacity:.58;text-align:center;margin:10px 0 0;line-height:1.45;max-width:90%}.mx-compare-controls{margin-top:18px}.mx-footer{margin-top:20px;font-size:11px;line-height:1.45;opacity:.64}[data-materials-explorer] .bb-color-picker-option:focus-visible,.bb-materials-document .bb-mobile-choice-item:focus-visible{outline:2px solid currentColor;outline-offset:-3px}html[data-site-mode=day].bb-materials-document .bb-color-picker-menu,html[data-site-mode=day].bb-materials-document .bb-pattern-picker-menu,html[data-site-mode=day].bb-materials-document .bb-mobile-choice-sheet,html[data-site-mode=day].bb-materials-document .bb-color-info-popover{background:rgb(var(--site-background)/.97)!important;color:rgb(var(--site-text))!important;border-color:rgb(var(--site-text)/.14)!important}html[data-site-mode=day].bb-materials-document .bb-select option{background:rgb(var(--site-background));color:rgb(var(--site-text))}html[data-site-mode=day].bb-materials-document .bb-color-picker-option.is-selected{background:rgb(var(--site-text)/.11)}html[data-site-mode=day].bb-materials-document .bb-color-picker-option:hover{background:rgb(var(--site-text)/.075)}html[data-site-mode=day].bb-materials-document .bb-mobile-choice-item.is-selected{background:rgb(var(--site-text)/.1)}html[data-site-mode=day].bb-materials-document .bb-mobile-choice-handle{background:rgb(var(--site-text)/.28)}html[data-site-mode=day].bb-materials-document .bb-mobile-choice-header{border-color:rgb(var(--site-text)/.1)}html[data-site-mode=day].bb-materials-document .bb-mobile-choice-done{color:rgb(var(--site-text)/.82)}html[data-site-mode=day].bb-materials-document .bb-mobile-choice-swatch{border-color:rgb(var(--site-text)/.3)}html[data-site-mode=day].bb-materials-document .bb-pattern-picker-item[aria-selected=true]{background:rgb(var(--site-text)/.16)!important}html[data-site-mode=night].bb-materials-document .bb-step-back,html[data-site-mode=night].bb-materials-document .bb-step-forward,html[data-site-mode=night].bb-materials-document .bb-choice-button{border-color:rgb(var(--site-text)/.25)}html[data-site-mode=night].bb-materials-document .bb-choice-button.is-selected{background:rgb(var(--site-text)/.07);border-color:currentColor}@media(max-width:900px){html.bb-materials-document .bb-configurator{padding:0}[data-materials-explorer] .bb-viewer-frame.mx-display{height:50dvh;max-height:50dvh;padding:0;overflow:hidden}[data-materials-explorer] .bb-configurator-brand{top:max(12px,env(safe-area-inset-top));left:0;right:auto;width:100%;padding:0 max(12px,env(safe-area-inset-left));gap:8px}[data-materials-explorer] .bb-configurator-brand-title{font-size:clamp(11px,2.7vw,15px)}[data-materials-explorer] .bb-configurator-back-products{font-size:10px;letter-spacing:.045em;min-height:34px}[data-materials-explorer] .bb-options-panel.has-options{height:50dvh;padding:0 max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}[data-materials-explorer] .bb-step-header{position:sticky;top:0;z-index:25;grid-template-columns:42px minmax(0,1fr) auto 42px;gap:8px;padding:8px 0;border-bottom:0;background:transparent}[data-materials-explorer] .bb-step-share-mobile{display:flex;position:relative;grid-column:3;align-items:center;justify-self:end}[data-materials-explorer] .bb-step-forward{grid-column:4}[data-materials-explorer] .bb-step-share-mobile .bb-share-config{min-height:36px;padding:6px 8px;gap:5px;white-space:nowrap}[data-materials-explorer] .bb-step-header.bb-share-icon-only .bb-share-config{width:36px;justify-content:center;padding:6px}[data-materials-explorer] .bb-step-header.bb-share-icon-only .bb-share-config>span{display:none}[data-materials-explorer] .bb-share-row{display:none}[data-materials-explorer] .bb-share-feedback-mobile:not(:empty){position:absolute;z-index:2;top:calc(100% + 4px);right:0;width:max-content;max-width:min(240px,75vw);padding:5px 8px;border-radius:5px;background:rgb(var(--site-background));font-size:11px}.mx-square-group{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.mx-stage{width:100%;height:100%;aspect-ratio:auto}.mx-stage:before{height:min(110px,45%)}.mx-stage:after{content:"";position:absolute;inset:0 0 auto;height:80px;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0008,transparent)}[data-materials-explorer] .bb-configurator-brand,[data-materials-explorer] .bb-configurator-brand-title,[data-materials-explorer] .bb-configurator-back-products{color:#fff!important;text-shadow:0 1px 3px #0009}[data-materials-explorer] .bb-configurator-brand{z-index:4}.mx-site-mode .vehicle-image-mode{color:#fff}.mx-views{top:0;right:0;bottom:0;left:0}.mx-top-logo img{width:58px;max-height:46px;filter:brightness(0) invert(1) drop-shadow(0 1px 2px #0008)}.mx-view{padding:0 12px 16px}.mx-view-label{gap:6px}.mx-view-label strong{font-size:12px}.mx-view-label [data-caption-color]{font-size:10px}.mx-letter{width:17px;height:17px;font-size:9px}.mx-scale-note{display:none}.mx-load{font-size:10px}}@media(max-width:390px){.mx-view{padding:0 8px 12px}.mx-view-label{display:block}.mx-letter{margin:0 0 4px}.mx-view-label strong{font-size:11px}.mx-view-label [data-caption-color]{font-size:10px}}@media(max-width:900px)and (max-height:570px){[data-materials-explorer] .bb-configurator-brand{top:2px}.mx-view{padding-bottom:12px}.mx-top-logo img{width:46px;max-height:36px}}@media(prefers-reduced-motion:reduce){.bb-materials-document .bb-mobile-choice-sheet{transition:none}}@media(min-width:901px){html.bb-materials-document [data-materials-explorer]{padding-inline:clamp(24px,3vw,56px);justify-content:center}html.bb-materials-document [data-materials-explorer] .bb-config-layout{width:100%;max-width:1880px;margin-inline:auto;grid-template-columns:minmax(0,1fr) clamp(320px,24vw,390px);gap:clamp(24px,3vw,48px);align-items:center}[data-materials-explorer] .bb-viewer-frame.mx-display{padding:86px 0 36px}[data-materials-explorer] .mx-square-group{width:100%;height:calc(100dvh - 160px);max-height:calc(100dvh - 128px)}[data-materials-explorer] .mx-stage{height:100%;aspect-ratio:auto}[data-materials-explorer] .bb-options-panel.has-options{display:flex;flex-direction:column;padding:40px 0;justify-content:safe center}[data-materials-explorer] .bb-options-panel .bb-step-shell{width:100%;flex:none}[data-materials-explorer] .bb-configurator-brand{left:0;right:0}}.mx-view.is-active:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:2;pointer-events:none;border:2px solid #fff;box-shadow:0 0 0 2px #000b,inset 0 0 0 1px #0008}.mx-view-label:before{cursor:pointer}.mx-view:has(.mx-view-label:focus-visible):after{border-width:3px}.mx-preview-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:150px;max-width:calc(100% - 40px);padding:15px 18px;border:1px solid #ffffff26;border-radius:10px;background:#0e0e12c7;color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font:600 12px/1.4 var(--bb-configurator-font);letter-spacing:.02em;text-align:center;pointer-events:none;box-sizing:border-box}.mx-preview-loader-track{display:block;width:128px;max-width:100%;height:3px;border-radius:999px;overflow:hidden;background:#ffffff38}.mx-preview-loader-track>span{display:block;width:35%;height:100%;border-radius:inherit;background:#fff;animation:mx-loading-sweep 1.25s ease-in-out infinite}.mx-preview-loader[data-state=error]{width:280px;font-weight:400;letter-spacing:normal}.mx-preview-loader[data-state=error] .mx-preview-loader-track{display:none}@keyframes mx-loading-sweep{0%{transform:translate(-110%)}to{transform:translate(390%)}}@media(prefers-reduced-motion:reduce){.mx-preview-loader-track>span{animation:none;transform:translate(90%);opacity:.75}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/bb-materials-explorer.css.map */