.submenu-container.submenu--megamenu{position:initial}[class*=submenu-design__]{--color-base:var(--submenu_text);--color-base-hover:var(--submenu_text_hover);--color-secondary-background:var(--submenu_background);--color-border:var(--submenu_border_image);--color-border-hover:var(--submenu_border);--color-icons:var(--submenu_text);--color-icons-hover:var(--submenu_text_hover);display:flex;flex-direction:column;position:absolute;top:calc(100% + var(--header__submenu__top-offset, 10px) + 50px);left:0;width:100%;z-index:9;box-shadow:var(--shadow-hover);border-radius:var(--radius);background:var(--color-secondary-background);border:var(--border-width) var(--border-style) var(--color-border-hover);transition:opacity var(--duration-medium) ease,top var(--duration-medium) ease,left var(--duration-medium) ease,visibility var(--duration-medium) ease}[class*=submenu-design__].submenu--no-radius{border-radius:0}.list-menu--classic .submenu--to-left:not(:first-child):not(.submenu--megamenu)>[class*=submenu-design__]{left:-20px}.list-menu--classic .submenu--to-left:first-child:not(.submenu--megamenu)>[class*=submenu-design__]{left:-20px}[class*=submenu-design__]:after{content:"";display:block;width:100%;height:var(--header__submenu__top-offset, 10px);position:absolute;top:calc(var(--header__submenu__top-offset, 10px) * -1 - var(--border-width));left:0}[class*=submenu-design__] [class*=submenu-design__]:after{content:unset}[class*=submenu-design__] li{position:relative}[class*=submenu-design__] .submenu__item{display:flex;padding:5px 20px;justify-content:space-between;align-items:center;text-decoration:none;color:var(--color-base);gap:10px}[class*=submenu-design__].megamenu-links-center .submenu__item{justify-content:center;align-items:center;text-align:center}[class*=submenu-design__] .submenu__item svg{flex:0 0 auto}[class*=submenu-design__] li:hover>.submenu__item{text-decoration:none;color:var(--submenu_text_hover)}[class*=submenu-design__] li:hover>.submenu__item svg path{fill:var(--submenu_text_hover)}.submenu-design__simple{width:272px;padding:15px 0}.submenu-container:hover>[class*=submenu-design__]{opacity:1;visibility:visible;pointer-events:auto;top:calc(100% + var(--header__submenu__top-offset, 10px));transition:opacity var(--duration-medium) .2s ease,top var(--duration-medium) .2s ease,left var(--duration-medium) .2s ease,visibility var(--duration-medium) .2s ease}.megamenu-container{position:absolute;top:auto;left:0;width:100%;pointer-events:none;visibility:hidden;z-index:10}.submenu-container.submenu--megamenu .submenu-design__megamenu{position:relative;top:calc(var(--header__submenu__top-offset, 10px) + 50px);opacity:0}.submenu-container.submenu--megamenu:hover .megamenu-container{pointer-events:auto;visibility:visible}.submenu-container.submenu--megamenu:hover .submenu-design__megamenu{opacity:1;visibility:visible;pointer-events:auto;top:var(--header__submenu__top-offset, 10px);transition:opacity var(--duration-medium) .2s ease,top var(--duration-medium) .2s ease}.submenu-container .submenu-container [class*=submenu-design__],.submenu-container .submenu-container [class*=submenu-design__] .submenu-container [class*=submenu-design__]{top:-5px;left:100%}.submenu-container .submenu-container:hover [class*=submenu-design__],.submenu-container .submenu-container [class*=submenu-design__] .submenu-container:hover [class*=submenu-design__]{left:calc(100% - 10px)}.submenu-design__megamenu .submenu__item{padding-left:0;padding-right:0}.submenu-design__megamenu[class*=page-] .grid{margin-right:10px;margin-left:10px}.submenu-container [class*=col-]{padding-left:10px;padding-right:10px}.submenu-container .submenu__item>span>span{position:relative}.submenu-container .submenu__item>span>span:before{content:"";position:absolute;width:0;height:var(--animation-underline-thin);left:0;top:100%;background:var(--submenu_text_hover);transition:width var(--duration-medium) ease}.submenu-container li:hover .submenu__item,.submenu-container li .submenu__item.submenu__item--active{text-decoration:none}.submenu-container .submenu__item:hover>span>span:before,.submenu-container li:hover>.submenu__item>span>span:before{width:100%}[class*=submenu-design__] .submenu__item:hover,[class*=submenu-design__] .megamenu-childs .submenu__item:hover{color:var(--submenu_text_hover)}.submenu-design__megamenu [class*=page-grid-]{padding:15px 20px;row-gap:30px;column-gap:20px}.announcement-bar.mega-menu__announcement-bar{--color-link-text-button:var(--announcement_submenu_button);--color-link-text-button-hover:var(--announcement_submenu_button_hover);border-top:max(var(--border-width),1px) var(--border-style) var(--color-border-hover);text-align:center;padding:20px;color:var(--announcement_submenu_text);background:var(--announcement_submenu_background);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.announcement-bar.mega-menu__announcement-bar .link{font-weight:var(--font-body-weight)}[class*=submenu-design__] .megamenu-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}[class*=submenu-design__] .submenu__item>span{display:flex;align-items:center;gap:10px}.submenu__item .badge{flex:0 0 auto}.no-spacing-grid .submenu--to-left>.submenu-design__simple{left:calc(var(--border-width) * -1);border-top-left-radius:0;border-top-right-radius:0}.no-spacing-grid .page-fullwidth .submenu-design__megamenu{border-top-left-radius:0;border-top-right-radius:0}.no-spacing-grid .tiles-menu>.submenu--to-left--js>.submenu-design__simple{right:calc(var(--border-width) * -1)}.no-spacing-grid .boxed__header .megamenu-container{left:calc(var(--border-width) * -1);width:calc(100% + var(--border-width) * 2)}.page-fullwidth [class*=submenu-design__] .page-grid-8{--page-grid-value: repeat(8, 1fr)}.page-fullwidth [class*=submenu-design__] .page-grid-7{--page-grid-value: repeat(7, 1fr)}.page-fullwidth [class*=submenu-design__] .page-grid-6{--page-grid-value: repeat(6, 1fr)}.page-fullwidth [class*=submenu-design__] .page-grid-5{--page-grid-value: repeat(5, 1fr)}.page-fullwidth [class*=submenu-design__] .page-grid-4{--page-grid-value: repeat(4, 1fr)}.page-fullwidth [class*=submenu-design__] .page-grid-3{--page-grid-value: repeat(3, 1fr)}.page-fullwidth [class*=submenu-design__] .page-grid-2{--page-grid-value: repeat(2, 1fr)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-menu-submenu.css.map */