.damage-catalogue{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;transition:opacity .5s ease-in-out;position:relative;padding-bottom:20px}
.damage-catalogue__main-container{width:100%}
.damage-catalogue__wrapper{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}
.interior-hotspot-viewer__root-wrapper{margin:0 auto}
.interior-hotspot-viewer__root{height:100%;margin-top:1.25rem}
@media(min-width:1280px){.interior-hotspot-viewer__root{margin-top:0}
}
.damage-catalogue__toggle-container{z-index:5;background-color:#fff;border-radius:56px;border:1px solid #999;box-shadow:0 4px 8px 0 rgba(0,0,0,0.08);display:inline-flex}
@media(min-width:1280px){.damage-catalogue__toggle-container{left:50%;transform:translateX(-50%);position:absolute;top:3.5rem}
}
.damage-catalogue__toggle-icon{margin-right:1rem;font-size:1.5rem}
.damage-catalogue__toggle-btn{font-size:1.125rem;line-height:1.5rem;padding:.5rem 1.5rem;background-color:#fff;color:#000;border-radius:2.5rem;border-width:0;flex-wrap:nowrap;display:flex}
.damage-catalogue__toggle-btn.damage-catalogue__toggle-btn--active{background-color:#000;color:#fff}
.damage-catalogue__interior-view{width:100%}
.damage-catalogue__select{border:1px solid #999;height:50px;min-width:250px}
.damage-catalogue__image-loader{height:100%;width:100%;position:absolute;top:10%;left:0;opacity:.7;z-index:1}
.damage-catalogue__actions-row-image-container{position:relative;height:50px;width:50px;min-width:50px;display:inline-flex;margin-right:15px}
.damage-catalogue__actions-row-image-container.damage-catalogue__actions-row-image-container--roofs{border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center}
.md-wcag-enabled .damage-catalogue__actions-row-image-container:focus-visible{outline-color:#007da3}
.damage-catalogue__car-container{overflow:visible;position:relative;width:90%;margin-top:20px}
@media(min-width:1280px){.damage-catalogue__car-container{margin-top:0}
}
@media(max-width:767px){.damage-catalogue__car-container{width:100%}
}
.damage-catalogue__image-container{position:relative;width:100%;text-align:center;user-select:none;cursor:grab}
.generic-background-active .damage-catalogue__image-container canvas:hover{cursor:grabbing}
.damage-catalogue__image-container.damage-catalogue__image-container--grabbing{cursor:grabbing}
.damage-catalogue__canvas{max-width:100%;position:absolute;left:0;top:0;z-index:2;opacity:0;transition:opacity .8s linear}
.damage-catalogue__canvas.lci-visualiser__canvas--active{opacity:1;z-index:3}
.damage-catalogue__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%)}
.damage-catalogue__hotspot-image-container{flex:0}
.damage-catalogue__hotspot-image{max-width:100%;min-height:100%;max-height:100%;object-fit:cover}
@media(max-width:767px){.damage-catalogue__hotspot-image{width:100%}
}
.damage-catalogue__hotspot-text-container{flex:1;overflow-y:auto;padding:1.25rem;background:#fff;z-index:10;position:relative}
@media(min-width:768px){.damage-catalogue__hotspot-text-container{padding:1.5rem}
}
.damage-catalogue__hotspot-tooltip--clamped .damage-catalogue__hotspot-text-container{padding-bottom:0}
.md-next .damage-catalogue__hotspot-title{font-size:1.25rem;line-height:1;text-transform:uppercase;margin-bottom:.75rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(min-width:768px){.md-next .damage-catalogue__hotspot-title{font-size:1.5rem;line-height:1}
}
@media(min-width:1920px){.md-next .damage-catalogue__hotspot-title{font-size:2rem;line-height:1;margin-bottom:1rem}
}
@media(min-width:1280px){.damage-catalogue__hotspot-description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.damage-catalogue__hotspot-tooltip--expanded .damage-catalogue__hotspot-description{-webkit-line-clamp:15}
}
.lci-exterior__hotspot.hotspot--has-tooltip{z-index:10}
.damage-catalogue__hotspot-tooltip{display:none;position:absolute;top:0;right:0;z-index:10}
.lci-exterior__hotspot.hotspot--has-tooltip .damage-catalogue__hotspot-tooltip{display:block}
.damage-catalogue__hotspot-tooltip--left{right:100%;left:auto;padding-right:1rem}
.damage-catalogue__hotspot-tooltip--right{right:auto;left:100%;padding-left:1rem}
.damage-catalogue__hotspot-tooltip-inner{box-shadow:0 .5rem 1rem rgba(0,0,0,0.1);background:#fff;width:30%;min-width:380px;max-width:580px}
.damage-catalogue__hotspot-expand{display:none;width:100%;height:3.5rem;padding:0;border:0;background:0;justify-content:center;align-items:center}
.damage-catalogue__hotspot-expand:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 6px #017ea4,0 0 0 8px #fff !important}
.damage-catalogue__hotspot-expand:hover,.damage-catalogue__hotspot-expand:focus{color:#017ea4}
.damage-catalogue__hotspot-tooltip--expanded .damage-catalogue__hotspot-expand{transform:rotate(180deg)}
.damage-catalogue__hotspot-tooltip--clamped .damage-catalogue__hotspot-expand{display:flex}
.md-next .damage-catalogue__hotspot-lightbox-close-btn{font-size:1.5rem;line-height:1;position:absolute;right:1rem;top:5.5rem;border:0;z-index:10;background:rgba(255,255,255,0.6)}
.md-next .damage-catalogue__hotspot-lightbox-close-btn:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 6px #017ea4,0 0 0 8px #fff !important}
.md-next .damage-catalogue__hotspot-lightbox-close-btn .mds-icn{color:#000}
.md-next .damage-catalogue__hotspot-lightbox-close-btn:hover .mds-icn,.md-next .damage-catalogue__hotspot-lightbox-close-btn:focus-visible .mds-icn{color:#017ea4}
@media(min-width:768px){.md-next .damage-catalogue__hotspot-lightbox-close-btn{display:none}
}
.damage-catalogue__hotspot-lightbox-wrapper{background-color:rgba(0,0,0,0.5);width:100%;height:100%;flex-direction:column;display:flex;justify-content:center;align-items:center}
.damage-catalogue__hotspot-pagination{font-size:1.125rem;line-height:1.5rem;color:#fff;text-align:center;width:100%;margin-top:1rem}
@media(max-width:768px){.damage-catalogue__hotspot-pagination{display:none}
}
.damage-catalogue__hotspot-slider{width:100vw}
@media(max-width:calc(768px - 1px)){.damage-catalogue__hotspot-slider{height:calc(100vh - 4.5rem);max-height:calc(100vh - 4.5rem);width:100vw;margin-top:4.5rem;overflow-y:auto}
.damage-catalogue__hotspot-slider .slick-arrow{display:none !important}
.damage-catalogue__hotspot-slider .damage-catalogue__hotspot-lightbox-close-btn{display:none}
}
@media(min-width:768px){.damage-catalogue__hotspot-slider{width:65%;min-width:490px;max-width:560px;height:auto}
.damage-catalogue__hotspot-slider .damage-catalogue__hotspot-lightbox-close-btn{display:block;position:absolute;top:.75rem;right:.75rem}
.damage-catalogue__hotspot-slider .slick-slide{margin:0 360px}
.damage-catalogue__hotspot-slider .slick-list{margin:0 -360px}
}
.damage-catalogue__hotspot-slider .slick-arrow{position:fixed;width:3rem;height:3rem;overflow:hidden;border-radius:50%;background-color:#000;font-size:0;line-height:0;opacity:.8;transition:opacity ease-in-out .2s}
.damage-catalogue__hotspot-slider .slick-arrow.slick-disabled{display:none !important}
.damage-catalogue__hotspot-slider .slick-arrow::before{line-height:1;font-size:1.5rem}
.damage-catalogue__hotspot-slider .slick-arrow:focus-visible::before,.damage-catalogue__hotspot-slider .slick-arrow:hover::before{color:#017ea4}
.damage-catalogue__hotspot-slider .slick-arrow:focus{border:0}
.damage-catalogue__hotspot-slider .slick-arrow.slick-next{right:0;margin-right:2rem}
.damage-catalogue__hotspot-slider .slick-arrow.slick-next::before{content:"\e91d"}
.damage-catalogue__hotspot-slider .slick-arrow.slick-prev{left:0;margin-left:2rem}
.damage-catalogue__hotspot-slider .slick-arrow.slick-prev::before{content:"\e91a"}
.damage-catalogue__hotspot-slider .damage-catalogue__hotspot-slide{position:relative;display:flex;align-content:flex-start;flex-wrap:wrap;flex-direction:column;height:calc(100vh - 4.5rem);background:#fff}
@media(min-width:768px){.damage-catalogue__hotspot-slider .damage-catalogue__hotspot-slide{height:auto}
}
.hotspots{position:absolute;left:0;top:0}
.lci-exterior__hotspot{z-index:9;position:absolute}
.lci-exterior__hotspot:hover{z-index:10}
.damage-catalogue__360-mobile-icon{width:70px;height:60px;position:absolute;top:-1rem;right:0;background-image:url('../../../../../etc.clientlibs/settings/wcm/designs/minidigital-white/images/components/visualizer/resources/360-mobile-icon.svg');background-size:cover}
@media 480px{.damage-catalogue__360-mobile-icon{top:0}
}
@media(min-width:1280px){.damage-catalogue__360-mobile-icon{top:7%;right:10%}
}
.lci-exterior__hotspot--fade-in{transition:opacity .5s linear;opacity:1;visibility:visible}
.lci-exterior__hotspot--fade-out{transition:opacity .5s linear,visibility .5s linear;opacity:0;visibility:hidden}
.lci-exterior__hotspot-plus-icon-details{display:none}
.lci-exterior__hotspot-plus-icon-animation{position:absolute;top:-3px;left:-3px;height:34px;width:34px;border-radius:50%;border:1px solid #007da3}
.lci-exterior__hotspot-plus-icon-animation:first-child{animation:pulse 2s ease-out infinite;animation-delay:0}
.lci-exterior__hotspot-plus-icon-animation:nth-child(2){animation:pulse 2s ease-out infinite;animation-delay:1s}
.lci-exterior__hotspot-plus-icon-animation:nth-child(3){animation:pulse 2s ease-out infinite;animation-delay:2s}
.damage-catalogue__hotspot-lightbox{position:fixed;top:0;left:0;z-index:20000;width:100%;height:100%}
@keyframes pulse{0{transform:scale(1);opacity:1}
100%{transform:scale(1.7);opacity:0}
}