.joe-five-slider_container{position:relative;color:#2f2b2b}.joe-five-slider_next:hover *,.joe-five-slider_prev:hover *{stroke:#2f2b2b}.joe-five-slider_next *,.joe-five-slider_prev *{stroke:#737070}@media screen and (max-width: 768px){.joe-five-slider_pc-show{display:none!important}div.joe-five-slider_wrapper{position:relative;min-width:321px}.joe-five-slider_header{padding:0 15px}.joe-five-slider_title{width:100%;font-family:Roboto;font-weight:400;font-size:24px;line-height:32px;letter-spacing:0;text-align:center;text-transform:capitalize;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.joe-five-slider_title-sub{color:#4e4b4b;font-family:Roboto;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0;text-align:center;margin-top:8px}.joe-five-slider_items{display:flex;overflow-x:scroll;position:relative;height:auto;width:100%;gap:15px;padding-top:35px;padding-left:15px;scroll-padding-left:15px;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory}.joe-five-slider_items::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.joe-five-slider_item{width:calc(72vw - 15px);aspect-ratio:257 / 346;flex-shrink:0;position:relative;overflow:hidden;transition:;cursor:pointer;transition:all .4s ease;scroll-snap-align:start;scroll-snap-stop:always}.joe-five-slider_item-img{height:100%;width:auto;overflow:hidden}.joe-five-slider_item-img img.five-slider_item-img{display:block;width:100%;height:100%;object-fit:cover}.joe-five-slider_item-content{position:absolute;bottom:0;left:0;width:100%;height:18%;background:linear-gradient(180deg,#fff0 5%,#ffffff59 35%,#ffffffb3)}.joe-five-slider_item-title{font-family:Roboto;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0%;color:#2f2b2b;position:absolute;bottom:3.4vw;left:4.8vw}.joe-five-slider_prev{position:absolute;bottom:30px;left:calc(50% - 52.5px);cursor:pointer;display:none}.joe-five-slider_next{position:absolute;bottom:30px;right:calc(50% - 52.5px);cursor:pointer;display:none}.joe-five-slider_nav{position:relative;margin:40px auto 0;background-color:#f6f5f4;height:2px;width:calc(100vw - 30px);border-radius:200px}span.joe-five-slider_nav-bar{position:absolute;left:0;bottom:0;background:#2f2b2b;transition:left .3s ease,right .3s ease;display:block;height:2px;width:12px;border-radius:200px}}@media screen and (min-width: 769px){.joe-five-slider_container{max-width:1280px;margin:0 auto;padding-left:48px;padding-right:48px}.joe-five-slider_mb-show{display:none!important}div.joe-five-slider_wrapper{max-width:1020px;margin:0 auto;position:relative;width:100%}.joe-five-slider_header{margin-bottom:32px}.joe-five-slider_title{width:100%;font-family:Roboto;font-weight:400;font-size:24px;line-height:32px;letter-spacing:0%;text-align:center;text-transform:capitalize}.joe-five-slider_title-sub{color:#4e4b4b;font-family:Roboto;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0;text-align:center;margin-top:10px;text-transform:initial}.joe-five-slider_items{display:flex;overflow-x:scroll;position:relative;height:min(31vw,346px);width:100%;gap:16px;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x proximity}.joe-five-slider_items::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.joe-five-slider_item{width:15.5%;aspect-ratio:160 / 346;flex-shrink:0;position:relative;overflow:hidden;transition:;cursor:pointer;transition:all .4s ease;scroll-snap-align:start}.joe-five-slider_item-img{height:100%;width:auto;overflow:hidden}.joe-five-slider_item-img img.five-slider_item-img{display:block;width:100%;height:100%;object-fit:cover}.joe-five-slider_item-content{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff9}.joe-five-slider_item-title{font-family:Roboto;font-weight:400;font-size:14px;line-height:23px;letter-spacing:0%;color:#2f2b2b;position:absolute;bottom:9px;left:50%;transform:translate(-50%);opacity:0}.joe-five-slider_item.slider_active{width:31.3%;aspect-ratio:319 / 346}.joe-five-slider_item.slider_active .joe-five-slider_item-content{position:absolute;top:unset;bottom:0;left:0;width:100%;height:18%;background:linear-gradient(180deg,#fff0 5%,#ffffff59 35%,#ffffffb3)}.joe-five-slider_item.slider_active .joe-five-slider_item-title{opacity:1}.joe-five-slider_prev{position:absolute;top:50%;left:0;transform:translate(160%);cursor:pointer}.joe-five-slider_next{position:absolute;top:50%;right:0;transform:translate(-160%);cursor:pointer}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/joe-five-slider.css.map */