.nav-banner-wrapper{border-radius:var(--media-radius)}.range_menu_wrapper{display:flex;align-items:center;gap:10px}.navigation_banner .rangmenu_main{position:absolute;z-index:1;top:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-block:60px;left:0;right:0;margin:auto}.navigation_banner .nav_text{display:flex;align-items:center;gap:5px;font-size:calc(var(--font-body-scale) * 16px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:left}.range_select_wrapper{display:flex;align-items:center;gap:5px;min-width:24%;width:280px;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;padding:10px 20px;min-height:44px;background:rgba(var(--color-background));color:rgba(var(--color-foreground));border-radius:var(--buttons-radius);border:none}.range_select_wrapper:not(.active){cursor:not-allowed}.navigation_banner .button_with_icon{min-height:44px}.range_menu_wrapper ul{border-radius:var(--text-boxes-radius);background:rgba(var(--color-background));color:rgba(var(--color-foreground));border:none;position:absolute;bottom:45px;align-items:flex-start;opacity:0;transform:translate(-15px);transition:transform .35s ease,opacity .35s ease;pointer-events:none;display:flex}.range_menu_wrapper ul:has(li){padding:18px 10px}.range_menu_wrapper ul.active{opacity:1;transform:translate(0);pointer-events:auto}.navigation_banner .menu-list li{display:flex;align-items:center;gap:10px;padding:0 8px;cursor:pointer}.navigation_banner .menu-list li img,.navigation_banner .no_image{width:115px;height:115px;object-fit:cover;border-radius:calc(var(--media-radius) /2)}.navigation_banner .no_image{background:rgba(var(--color-foreground),.1)}.navigation_banner .menu-list li.active img,.navigation_banner li.active .no_image{padding:5px}.navigation_banner li.active .no_image{box-shadow:inset 0 0 0 5px rgba(var(--color-background))}.navigation_banner .wb_banner_cover{width:100%;max-width:100%;border:none}.range_select_wrapper svg{width:10px;min-width:10px}.navigation_banner .custom-select__btn{opacity:.7}.navigation_banner .custom-select__btn.active{opacity:1}.navigation_banner .menu-item{display:flex;flex-direction:column;text-align:center;justify-content:center;width:115px;line-height:normal}.navigation_banner .menu-item span{padding-top:8px;word-break:break-word}.nav_select_wrapper{border-radius:var(--buttons-radius)}.navigation_banner .banner--adapt .media.placeholder{padding-bottom:40%}.range_menu_wrapper .select-main-1.animate{-webkit-animation:under-pressure .3s linear 2 both;animation:under-pressure .3s linear 2 both}@keyframes under-pressure{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@media screen and (max-width:1399px){.navigation_banner .rangmenu_main{padding-block:30px}.range_menu_wrapper ul{bottom:43px}.range_menu_wrapper ul:has(li){padding:15px 8px}.navigation_banner .button_with_icon,.range_select_wrapper{min-height:42px}.navigation_banner .nav_text,.navigation_banner .menu-item span{font-size:calc(var(--font-body-scale) * 14px)}}@media screen and (max-width:1199px){.range_select_wrapper{width:230px}}@media screen and (max-width:991px){.navigation_banner .menu-item{width:80px}.navigation_banner .menu-list li img,.navigation_banner .no_image{width:80px;height:80px}.navigation_banner .rangmenu_main{padding:15px}.range_menu_wrapper ul:has(li){padding:10px 2px}.navigation_banner .banner__heading.h0{font-size:calc(var(--font-body-scale) * 3.4rem)}.navigation_banner .banner__heading.h1{font-size:calc(var(--font-body-scale) * 3rem)}.range_select_wrapper{width:180px}.navigation_banner .button_with_icon,.range_select_wrapper{min-height:38px;height:38px}.navigation_banner .nav_text,.navigation_banner .menu-item span{font-size:calc(var(--font-body-scale) * 13px)}.range_menu_wrapper ul{bottom:39px}}@media screen and (max-width:767px){.range_menu_wrapper{flex-wrap:wrap}.range_select_wrapper{width:240px}.navigation_banner .wb_banner_cover .media{height:500px}.navigation_banner .banner__heading.h0{font-size:calc(var(--font-body-scale) * 3rem)}.navigation_banner .banner__heading.h1{font-size:calc(var(--font-body-scale) * 2.4rem)}.range_menu_wrapper .nav_select_wrapper:first-of-type ul{bottom:39px;left:0}.range_menu_wrapper ul{bottom:101px;left:15px}}@media screen and (min-width:768px){.range_menu_wrapper .nav_select_wrapper{position:relative}.range_menu_wrapper .nav_select_wrapper:last-of-type ul{right:0}}@media screen and (max-width:575px){.range_menu_wrapper{flex-direction:column;align-items:baseline}.range_menu_wrapper .nav_select_wrapper ul{max-width:360px;width:auto;overflow-x:scroll}.range_menu_wrapper ul{bottom:197px}}@media screen and (max-width:425px){.range_menu_wrapper .nav_select_wrapper ul{max-width:260px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/navigation-banner.css.map */