.tiles-menu-container{position:relative;max-width:66.5vw;padding-bottom:11px}.tiles-menu-container:after{content:"";position:absolute;top:0;right:-10px;height:100%;width:50px;background:linear-gradient(to right,transparent,#ffffff);pointer-events:none;z-index:10}.tiles-menu-container:before{content:"";position:absolute;top:0;left:-10px;height:100%;width:50px;background:linear-gradient(to left,transparent,#ffffff);pointer-events:none;z-index:11}.tiles-menu{display:flex;gap:30px;row-gap:8px;position:relative;padding:11px 11px 0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.tiles-menu:has(.submenu-container:hover){padding-bottom:1000px;margin-bottom:-1000px}.tiles-menu::-webkit-scrollbar{display:none}.submenu-container{position:relative}.submenu--to-left{position:absolute;z-index:10}.tiles-menu>*{display:inline-block;width:100%;position:relative}.tiles-menu img{max-width:20px;filter:invert(55%) sepia(98%) saturate(342%) hue-rotate(131deg) brightness(98%) contrast(96%)}.tiles-menu>*>.tiles-menu-item.tiles-menu-item--active{padding:4px 8px}.tiles-menu .tiles-menu-item{display:inline-flex;flex-direction:row;position:relative;padding:25px 10px;width:100%;height:100%;justify-content:center;align-items:center;text-align:center;background:none;color:var(--color-base);gap:10px}.tiles-menu .tiles-menu-item{font-family:Inter,serif;font-size:15px;font-weight:500;line-height:15px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.list-menu>.tiles-menu>li{width:fit-content}.tiles-menu .tiles-menu-item>*{pointer-events:none}.tiles-menu .tiles-menu-item span{font-family:Inter,serif;font-size:15px;font-weight:500;line-height:15px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;white-space:nowrap}.submenu-design__simple{font-family:Inter,serif;font-size:14px;font-weight:500;line-height:15px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.tiles-menu .tiles-menu-item:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:var(--color-secondary-background);z-index:-1;border-radius:var(--radius-menu);transition:top var(--animation-time) var(--animation-type),left var(--animation-time) var(--animation-type),width var(--animation-time) var(--animation-type),height var(--animation-time) var(--animation-type),background var(--animation-time) var(--animation-type)}.tiles-menu>*:hover>.tiles-menu-item:before{--scale: 5px;top:calc(var(--scale) * -1);left:calc(var(--scale) * -2);width:calc(100% + var(--scale)*4.4);height:calc(100% + var(--scale)*2);background:var(--color-base)}.tiles-menu>*>.tiles-menu-item.tiles-menu-item--active:before{background:var(--color-base)}.tiles-menu>*:hover>.tiles-menu-item,.tiles-menu>*>.tiles-menu-item.tiles-menu-item--active{color:var(--auto-text-color--with-base-color)}.tiles-menu .tiles-menu-item svg{opacity:var(--opacity-icons);transition:opacity var(--duration-medium) ease;width:var(--max-width);height:var(--max-height)}.tiles-menu .tiles-menu-item svg path{fill:var(--color-base);transition:fill var(--duration-medium) ease}.tiles-menu>*:hover>.tiles-menu-item svg,.tiles-menu>*>.tiles-menu-item.tiles-menu-item--active svg{opacity:1}.tiles-menu>*:hover>.tiles-menu-item svg path,.tiles-menu>*>.tiles-menu-item.tiles-menu-item--active path{fill:var(--auto-text-color--with-base-color)}.tiles-menu .megamenu_show_banner .col-four_fifth{padding:0}.tiles-menu .col-four_fifth>.grid{margin:0}.tiles-menu>.submenu--to-left--js>.submenu-design__simple{left:auto!important;right:-5px}.tiles-menu>.submenu--to-left--js .submenu-container [class*=submenu-design__],.tiles-menu>.submenu--to-left--js .submenu-container [class*=submenu-design__] .submenu-container [class*=submenu-design__]{left:-100%}.tiles-menu>.submenu--to-left--js .submenu-container:hover [class*=submenu-design__],.tiles-menu>.submenu--to-left--js .submenu-container [class*=submenu-design__] .submenu-container:hover [class*=submenu-design__]{left:calc(-100% + 10px)}@media (min-width: 2000px){.tiles-menu-container{max-width:unset;width:93.5%}.tiles-menu{gap:4%}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-tiles-menu.css.map */