.tiles-menu{display:grid;grid-template-columns:repeat(var(--items-grid-count),1fr);grid-auto-rows:1fr;gap:10px;position:relative;padding:16px 0;word-break:break-word}@media(min-width:992px){.tiles-menu{row-gap:16px}}.tiles-menu>*{display:inline-block;width:100%;position:relative}.tiles-menu .tiles-menu-item{display:inline-flex;flex-direction:row;gap:12px;position:relative;padding:10px;width:100%;height:100%;justify-content:center;align-items:center;text-align:center;background:var(--color-secondary-background);color:var(--color-base);border-radius:8px;border:1px solid #e0e6ed;background:var(--white, #fff)}.tiles-menu .tiles-menu-item:hover{background:var(--color-secondary-background)!important;border-color:#ced2d7!important}.tiles-menu .tiles-menu-item--active{background:var(--color-secondary-background)!important;border:2px solid #ced2d7!important}.tiles-menu .tiles-menu-item span{color:#2b2b2b;font-size:16px;font-style:normal;font-weight:600;line-height:22px}.tiles-menu li .menu-icon-image{width:28px!important;height:28px!important}.tiles-menu li:hover .menu-icon-image,.tiles-menu li .tiles-menu-item--active .menu-icon-image{-webkit-filter:none;filter:none}.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:0}.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);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 .menu-icon-image{width:auto;height:auto}@media(min-width:993px)and (max-width:1200px){.tiles-menu{grid-template-columns:repeat(var(--items-grid-count--mobile),1fr)}}.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)}.grid.megamenu_show_banner{justify-content:space-between}.grid.megamenu_show_banner .megamenu-banner-container{width:33%;max-width:33%;padding-left:0;padding-right:0}.megamenu-content-container{max-width:67%}.megamenu-content-container [class*=col-]{padding-left:0;padding-right:0}.megamenu-content-container .grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,auto);grid-auto-columns:minmax(0,310px);gap:20px;align-content:start}.megamenu-content-container .grid>[class*=col-]{width:100%;max-width:310px}.grid>.col-12:first-child .megamenu-item,.megamenu-content-container .grid>[class*=col-] .megamenu-item{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/94/assets/component-tiles-menu.css.map */