.navigation-scroll-main .image_col img,.navigation-scroll-main .image_col svg{width:100%;height:auto;display:block}.navigation-scroll-main .image_col{width:auto}.navigation-scroll-main .background__color{border-radius:16px;overflow:hidden}.navigation-scroll-main .cat__active .normal__svg,.navigation-scroll-main .active__svg{display:none}.navigation-scroll-main .cat__active .active__svg{display:block}.image__with--text h5{margin:6px 0 0;font-family:var(--font-body-family);font-size:12px;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;padding:0 20px 0 14px;width:100%;text-align:center;line-height:1;z-index:5}.image__with--text{position:relative;padding-bottom:10px}.normal__svg .cloud_svg_normal{position:relative;z-index:3;transition:transform .1s cubic-bezier(.215,.61,.355,1)}.normal__svg .hover_svg{z-index:1;position:absolute;top:8px;right:-8px;width:100%;opacity:1}.active__svg .cloud_svg_normal{position:relative;z-index:2}.active__svg .hover_svg{position:absolute;top:8px;width:100%;right:-8px}.swiper_image .swiper-button{position:absolute;top:0;bottom:0;z-index:2;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.swiper_image .swiper-button.swiper-prev{left:0;padding-right:5px;background:linear-gradient(to right,#ffe5be 0% 50%,#ffe5be00 99% 100%)}.swiper_image .swiper-button.swiper-next{right:0;padding-left:5px;background:linear-gradient(to right,#ffe5be00,#ffe5be 50% 100%)}.swiper_image .swiper-button svg{width:15px!important}.swiper_image .swiper-button.swiper-button-disabled{opacity:0;visibility:hidden}@media (min-width: 360px) and (max-width: 769px){.navigation-scroll-main .swiper{padding:0!important}}@media (min-width: 769px){.navigation-scroll-main .background__color .swiper_image{padding:15px 30px}.image__with--text h5{padding:0 25px;font-size:14px;transition:transform .1s cubic-bezier(.215,.61,.355,1)}.navigation-scroll-main .swiper-slide:hover .cloud_svg_normal{transform:translate(8px,8px)}}@media (min-width: 1024px){.image__with--text h5{padding:0 30px;font-size:15px}}@media (max-width: 769px){.normal__svg .hover_svg{top:5px;right:0}.navigation-scroll-main .background__color{padding:23px 19px;position:relative}.active__svg .hover_svg{top:5px;right:0}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/navigation-scroll.css.map */