body {
    position: absolute;
    -webkit-font-smoothing: antialiased !important;
    cursor: pointer;
}

body,
div {
    margin: 0;
    padding: 0;
}

img,
#ad div,
svg {
    position: absolute;
}

img {
    width:100%;
    height:100%;
}

#ad {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
}

/* #ad::after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:1px solid #939598;
    box-sizing:border-box;
    pointer-events:none;
    z-index:9999;
} */

#stage {
    width:100%;
    height:100%;
    background-color:#FFF;
    z-index: 1;
    position: absolute;
    opacity: 0;
    isolation: isolate;
    overflow: hidden;
}

#bg-exit {
    width: 100%;
    height: 100%;
}

img { image-rendering: -webkit-optimize-contrast; }

.kiaBold { font-family:'kiaBold'; }
.kiaLight { font-family:'kiaLight'; }
.kiaRegular { font-family:'kiaRegular'; }

.whiteTxt { color:#fff; }
.darkTxt { color:#000033; }
.kiaMidnightBlack { background-color:#05141f; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.centerContent { display:flex; align-items:center; justify-content:center; }
.centerTxt { text-align:center; }
.center { margin:auto; left:0; right:0; }

#subTxt span { position:relative; }

#bg { width:300px; height:250px; }

#carStage {
    touch-action:none;
    backface-visibility:hidden;
    transform:translateZ(0);
}

#carStage:active {
    cursor:grabbing;
}

.carImg {
    width:205px;
    height:auto;
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none;
    backface-visibility:hidden;
    will-change:transform, opacity;
    image-rendering:auto;
}

.carouselArrow {
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.carouselArrow img {
    width:10px;
    height:auto;
    top:50%;
    transform:translateY(-50%);
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none;
}

#prevBtn img {
    left:11px;
}

#nextBtn img {
    right:11px;
}

.colorBtn {
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#helperHand {
    width:auto;
    pointer-events:none;
    will-change:transform, opacity;
    image-rendering:auto;
}

#logo {
    height:auto;
    pointer-events:none;
    image-rendering:auto;
}

#cta {
    box-sizing:border-box;
    --arrow-right:10px;
    --arrow-opacity:1;
}

#ctaBorder {
    box-sizing:border-box;
}

#ctaArrow {
    box-sizing:border-box;
}

#colorNav,
.colorBtn,
#prevBtn,
#nextBtn,
#carStage,
#cta {
    pointer-events:auto;
}