.lci-visualiser{width:100%;max-width:1720px;margin:0 auto;display:flex;opacity:0;transition:opacity .5s ease-in-out}
.lci-visualiser.in-viewport{opacity:1}
.lci-visualiser.in-viewport .lci-visualiser__car-turntable{transform:rotateX(75deg) translateY(150%) rotateZ(-25deg)}
.lci-visualiser__actions{width:35%;display:flex;justify-content:center;flex-direction:column}
.lci-visualiser__image-loader{height:100%;width:100%;position:absolute;top:10%;left:0;opacity:.7;z-index:1}
.lci-visualiser__actions-row-arrow{width:30px;position:absolute;font-size:20px;z-index:2;height:55px;background:#fff;align-items:center;justify-content:center;display:flex;top:0;cursor:pointer}
.lci-visualiser__actions-row-arrow.lci-visualiser__actions-row-arrow--left{left:-30px;background:linear-gradient(270deg,rgba(255,255,255,0) 0,#fff 60%)}
.lci-visualiser__actions-row-arrow.lci-visualiser__actions-row-arrow--right{right:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 60%)}
.lci-visualiser__actions-row-thumbnails{display:flex;flex-wrap:nowrap;overflow-x:hidden;width:calc(100% + 30px);max-width:calc(100% + 30px);padding-left:30px;position:relative;left:-30px}
.lci-visualiser__actions-row-thumbnails-wrapper{position:relative}
.md-direction-rtl .lci-visualiser__actions-row-thumbnails{padding-right:30px;right:-30px;left:initial}
.md-direction-rtl .lci-visualiser__actions-row-arrow{width:30px;position:absolute;font-size:20px;z-index:2;height:55px;background:#fff;align-items:center;justify-content:center;display:flex;top:0;cursor:pointer}
.md-direction-rtl .lci-visualiser__actions-row-arrow.lci-visualiser__actions-row-arrow--left{right:-30px;left:initial;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 60%)}
.md-direction-rtl .lci-visualiser__actions-row-arrow.lci-visualiser__actions-row-arrow--left .md-icn-angle-left{transform:rotate(180deg)}
.md-direction-rtl .lci-visualiser__actions-row-arrow.lci-visualiser__actions-row-arrow--right{left:0;right:initial;background:linear-gradient(270deg,rgba(255,255,255,0) 0,#fff 60%)}
.md-direction-rtl .lci-visualiser__actions-row-arrow.lci-visualiser__actions-row-arrow--right .md-icn-angle-right{transform:rotate(180deg)}
.lci-visualiser__actions-row-image-icon{border-radius:50%;background:#000;color:#fff;position:absolute;display:flex;right:-5px;bottom:-5px;height:20px;width:20px;text-align:center;line-height:20px;justify-content:center;font-size:14px;align-items:center;opacity:0;transition:opacity .2s ease-in-out}
.lci-visualiser__actions-row-image-icon.show{opacity:1}
.lci-visualiser__actions-row-label{font-family:'MINISansReg',Arial,sans-serif;font-size:.875rem;line-height:1.125rem}
.localized-fonts-loaded .lci-visualiser__actions-row-label{font-family:'MINISansReg','MINISansRegLocalized',Arial,sans-serif}
.lci-visualiser__actions-row-image-container{position:relative;height:50px;width:50px;min-width:50px;display:inline-flex;margin-right:15px}
.lci-visualiser__actions-row-image-container.lci-visualiser__actions-row-image-container--roofs{border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center}
.md-wcag-enabled .lci-visualiser__actions-row-image-container:focus-visible{outline-color:#007da3}
.lci-visualiser__actions-row-roof-icon{font-size:24px}
.lci-visualiser__car-image-default{position:relative;width:100%;z-index:10;bottom:10%;left:0}
.lci-visualiser__car-container{overflow:hidden;position:relative;width:65%}
.lci-visualiser__actions-row{width:100%}
.lci-visualiser__actions-row-paint-image{border-radius:8px;cursor:pointer}
.lci-visualiser__actions-row-wheel-image{cursor:pointer;height:50px}
.lci-visualiser__actions-row-multitone-roof{width:100%;height:100%;border-radius:8px;background-image:url('../../../../../etc.clientlibs/settings/wcm/designs/minidigital-white/images/logo/resources/gradient_roof_model.png');background-size:cover}
.lci-visualiser__image-container{position:relative;width:100%;text-align:center;user-select:none}
@media(min-width:1280px){.lci-visualiser__image-container{cursor:grab}
.lci-visualiser__image-container canvas:hover{cursor:url('../../../../../etc.clientlibs/settings/wcm/designs/minidigital-white/images/components/visualizer/resources/360-mobile-icon-with-background.svg'),auto}
.generic-background-active .lci-visualiser__image-container canvas:hover{cursor:grabbing}
}
.lci-visualiser__image-container.lci-visualiser__image-container--grabbing{cursor:grabbing}
.lci-visualiser__image-container .lci-visualizer__rotate-icon{position:absolute;right:0;left:0;z-index:3;bottom:10px}
@media(min-width:480px){.lci-visualiser__image-container .lci-visualizer__rotate-icon{bottom:10px}
}
@media(min-width:768px){.lci-visualiser__image-container .lci-visualizer__rotate-icon{bottom:10px}
}
@media(min-width:1280px){.lci-visualiser__image-container .lci-visualizer__rotate-icon{bottom:15px}
}
@media(min-width:1920px){.lci-visualiser__image-container .lci-visualizer__rotate-icon{bottom:20px}
}
.lci-visualiser__image-container .lci-visualizer__rotate-icon::before{content:'';display:inline-block;width:50px;height:50px;background:url('../../../../../etc.clientlibs/settings/wcm/designs/minidigital-white/images/components/visualizer/resources/360-rotate.png');background-size:cover}
@media(min-width:320px) and (max-width:767px){.lci-visualiser__image-container .lci-visualizer__rotate-icon{bottom:0}
.lci-visualiser__image-container .lci-visualizer__rotate-icon::before{width:25px;height:25px}
}
.lci-visualiser__canvas{max-width:100%;position:absolute;left:0;top:0;z-index:2;opacity:0;transition:opacity .8s linear}
.lci-visualiser__canvas.lci-visualiser__canvas--active{opacity:1;z-index:3}
.lci-visualiser__car-turntable{max-width:100%;position:absolute;left:0;bottom:10%;opacity:1;transform:rotateX(75deg) translateY(150%) rotateZ(60deg);transition:all 1s ease-in-out}
.turntable-image{position:absolute;width:100%;z-index:3;transform:translate(-50%,210%)}
@media(max-width:1024px){.lci-visualiser__actions-row-thumbnails{overflow-x:auto}
.lci-visualiser__actions-row-arrow{display:none !important}
.lci-visualiser__car-container{width:100%}
.lci-visualiser__car-container .lci-visualizer__360-mobile-icon{width:70px;height:60px;position:absolute;top:0;right:0;background-image:url('../../../../../etc.clientlibs/settings/wcm/designs/minidigital-white/images/components/visualizer/resources/360-mobile-icon.svg');background-size:cover}
.lci-visualiser__actions{width:100%}
.lci-visualiser{width:100%;padding-left:30px;padding-right:30px;display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.lci-visualiser .lci-visualiser__actions.pl-xl{padding-left:0}
.lci-visualiser .lci-visualiser__actions-row{padding-left:30px}
.lci-visualiser .lci-visualiser__actions-row-image-container{margin-right:10px}
}
@media(max-width:1024px) and (min-width:480px){.lci-visualiser .lci-visualiser__actions-row-image-container{margin-right:10px}
}
@media(max-width:1024px) and (min-width:768px){.lci-visualiser .lci-visualiser__actions-row-image-container{margin-right:10px}
}
@media(max-width:1024px) and (min-width:1280px){.lci-visualiser .lci-visualiser__actions-row-image-container{margin-right:15px}
}
@media(max-width:1024px) and (min-width:1920px){.lci-visualiser .lci-visualiser__actions-row-image-container{margin-right:20px}
}
@media(max-width:479px){.lci-visualiser{padding-left:0;padding-right:0}
}