.tiles-menu{display:grid;grid-template-columns:repeat(var(--items-grid-count),1fr);grid-auto-rows:1fr;gap:10px;position:relative;padding:8px 0;word-break:break-word}.tiles-menu>*{display:inline-block;width:100%;position:relative}.tiles-menu .tiles-menu-item{display:inline-flex;flex-direction:column;position:relative;padding:25px 10px;width:100%;height:100%;justify-content:center;align-items:center;text-align:center;background:none;color:var(--color-base)}.tiles-menu .tiles-menu-item>*{pointer-events: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 .tiles-menu-item>*:not(:first-child){margin-top:5px}.tiles-menu>*:hover>.tiles-menu-item:before{--scale: 5px;top:calc(var(--scale) * -1);left:calc(var(--scale) * -1);width:calc(100% + var(--scale) * 2);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);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 .menu-icon-image{width:auto;height:auto}@media (min-width: 1025px) and (max-width: 1200px){.tiles-menu{grid-template-columns:repeat(var(--items-grid-count--mobile),1fr);grid-auto-flow:column}}.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: 1025px){.tiles-menu__hover-type2 .menu-icon-image,.tiles-menu__hover-type2 .theme-icon,.tiles-menu__hover-type2 .tiles-menu-item__text{position:relative;top:0;transition-behavior:normal;transition-duration:.35s;transition-timing-function:cubic-bezier(.68,-.13,.3,1.26);transition-delay:0s;transition-property:transform,top,opacity;backface-visibility:hidden}.tiles-menu__hover-type2>*:hover .menu-icon-image,.tiles-menu__hover-type2>*:hover .theme-icon{top:-5px;transform:scale(1.2) rotate(-10deg)}.tiles-menu__hover-type2>*:hover .menu-icon-image+.tiles-menu-item__text,.tiles-menu__hover-type2>*:hover .theme-icon+.tiles-menu-item__text{top:5px}}.service-features-banner{max-width:calc(var(--page-width) + var(--page-padding) * 2);margin:0 auto;display:flex;background-color:#333;color:#fff;font-weight:400;font-size:14px;height:40px;line-height:40px}.service-feature-item{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.service-feature-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:30px;width:2px;background-color:#ffffff4d}.service-feature-icon{margin-right:12px;font-size:20px;color:#fff}.service-feature-text{font-size:14px;font-weight:700;text-transform:uppercase;white-space:nowrap;color:#fff;font-weight:400}@media (max-width: 992px){.service-feature-text{font-size:12px}}@media (max-width: 768px){.service-features-banner{flex-wrap:wrap}.service-feature-item{flex:1 0 50%;margin-bottom:15px;justify-content:center;padding-left:20px}.service-feature-item:nth-child(2n):after{display:none}}@media (max-width: 480px){.service-feature-item{flex:1 0 100%;justify-content:center;padding:8px 0}.service-feature-item:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-tiles-menu.css.map */