/*Sprite*/

.sprite {
    background-image: url('../images/lexus-LX700H-sprite.png');
    background-repeat: no-repeat;
}
.sprite-interior {
    background-image: url('../images/interior-sprite.png');
    background-repeat: no-repeat;
}
.sprite-ar {
    background-image: url('../images/ar-icon-sprite.png');
    background-repeat: no-repeat;
}
.exterior .exterior-icon {
    width: 47px;
    height: 42px;
    background-position: 0px 0px;
    transform: scale(var(--exteriorIconScale));
}
.exterior.active .exterior-icon, .exterior:hover .exterior-icon {
    background-position: 0px -43px;
}
.interior .interior-icon {
    width: 46px;
    height: 46px;
    background-position: -48px 0px;
    transform: scale(var(--interiorIconScale));
}

.interior.active .interior-icon, .interior:hover .interior-icon {
    background-position: -48px -48px;
}

.zoom-out .zoom-out-icon{
    width: 12px;
    height: 3px;
    background-position: -111px -78px;
}
.zoom-in .zoom-in-icon{
    width: 12px;
    height: 11px;
    background-position: -97px -74px;
}

.reset .reset-icon{
    width: 33px;
    height: 33px;
    background-position: -110px 0px;
    transform: scale(var(--resetIconScale));
}
.reset.active .reset-icon, .reset:hover .reset-icon{
    background-position: -110px -34px;
}

.info .info-icon{
    width: 11px;
    height: 34px;
    background-position: -97px 0px;
    transform: scale(var(--infoIconScale));
}

.info.active .info-icon, .info:hover .info-icon{
    background-position: -97px -36px;
}

.arBtn .ar-icon {
    width: 59px;
    height: 68px;
    background-position: 0px 0px;
    transform: scale(0.40);
    margin-right: -10px;
    margin-left: -10px;
}

.arBtn.active .ar-icon, .arBtn:hover .ar-icon{
    background-position: 0px -67px;
}

.nav-container nav .exterior-interior-color-zoom-container .color .color-swatch-arrow{
    width: 12px;
    height: 7px;
    background-position: -96px -86px;
    transform: scale(var(--colorSwatchArrowScale));
    transform-origin: left top;
}

.nav-container nav .exterior-interior-color-zoom-container .color .color-swatch-arrow.active{
    background-position: -109px -86px;
    top: 3px;
    left: 3px;
}

.firefox.desktopResizeMob .interior .interior-icon {
    width: 47px;
    height: 47px;
}

/*Sprite End*/