@charset "utf-8";

.cmpnt-parallax__wrap .scroll-area{position:relative;}
.cmpnt-parallax__wrap .scroll-area canvas{position:sticky; top:70px; width:100%; height:100vh; -o-object-fit:cover; object-fit:cover;}
.cmpnt-parallax__wrap .scroll-area .ico-scroll{display:none; position:fixed; left:50%; bottom:40px; z-index:0; width:24px; height:50px; background:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/component/common/icon-scroll.svg') no-repeat 0 0; background-size:100%; transform:translateX(-50%);}
.cmpnt-parallax__wrap .prograss-container{display:none;position:fixed;top:50%;right:48px;width:10px;height:480px;transform:translateY(-50%);cursor:pointer;overflow:hidden;border-radius:30px;}
.cmpnt-parallax__wrap input[type="range"]{appearance:none;-webkit-appearance: none;width:100%;height:100%;cursor:pointer;writing-mode:vertical-lr;} 
.cmpnt-parallax__wrap input[type="range"]::-webkit-slider-thumb{appearance:none;width:2px;height:2px;background:transparent;}
.cmpnt-parallax__wrap input[type="range"]::-moz-range-thumb{appearance:none;width:2px;height:2px;background:transparent;border:none;}
.cmpnt-parallax__wrap .prograss-container.active{display:block;}
.cmpnt-parallax__wrap .scroll-area .ico-scroll.active{display:block;}

@media screen and (min-width:0) and (max-width:740px){
    .mobile{overflow:visible;}
    .ios .parallax + div{margin-top:-1px;}
    .cmpnt-parallax__wrap .scroll-area canvas{top:0;}

    .cmpnt-parallax__wrap .prograss-container{top:auto;bottom:70px;left:50%;width:240px;height:6px;transform:translateX(-50%);}
    .cmpnt-parallax__wrap input[type="range"]{position:absolute;top:0;writing-mode:horizontal-tb;border:none;box-sizing:border-box;}

    .cmpnt-parallax__wrap .scroll-area .ico-scroll {bottom:10px;background: url('/etc/designs/hyundai/ww/ko/clientlibs/investorrelations/common/assets/images/ic_arr_down.svg') no-repeat center 0 / contain;}
}