/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
[data-component-id="koriolis_starterkit:main_menu"]{height:100%;display:flex;align-items:center;a,span{text-decoration:none;font:normal 700 17px/1 var(--font-body);cursor:pointer;}.wrapper-menu{display:contents;background-color:#fff;}.menu--level-0{height:100%;display:flex;gap:32px;.menu-item--level-0{display:flex;align-items:stretch;position:relative;> a,> span{display:flex;align-items:center;position:relative;&:after{content:'';position:absolute;bottom:0;height:6px;width:100%;border-radius:99px;left:0;z-index:1;background-color:transparent;transition:background-color var(--transition-property);@container header (max-width:880px){height:1px;bottom:-1px;}}&:before{content:'';position:absolute;top:100%;height:21px;width:21px;background-color:transparent;z-index:1;left:50%;translate:-50% -5px;mask-image:url(/themes/custom/koriolis_starterkit/icons/arrow-down.svg);mask-repeat:no-repeat;mask-size:contain;mask-position:top center;transition:background-color var(--transition-property);}&:hover,&:focus-visible,&.is-active{color:var(--color-font-body);&:after{background-color:var(--button-primary-bg);}}}&:has(.menu-item--active-trail),&:has(.active-menu){> a,> span{&:after{background-color:var(--button-primary-bg);}}}&:has(.active-menu){> a,> span{&:before{background-color:var(--button-primary-bg);}}}.menu--level-1{--menuMaxheight:508px;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0px 0px 25px 0px rgba(0,0,0,0.15);border-radius:var(--modal-radius);padding:40px;margin-left:-40px;display:none;flex-flow:column wrap;gap:16px;width:max-content;opacity:0;transition:opacity var(--transition-property),display var(--transition-property) allow-discrete;&.active-menu{display:flex;opacity:1;}&.menu-2-cols.active-menu{display:list-item;column-count:2;.menu-item--level-1{break-inside:avoid;margin-bottom:16px;&:first-child{column-span:all;margin-bottom:24px;}}}.menu-item--level-1{&:first-child{margin-bottom:8px;a,span{font:normal 700 21px/1.2 var(--font-body);}}.menu--level-2{margin-top:8px;margin-left:8px;display:flex;flex-direction:column;gap:8px;a,span{font:normal 400 15px/1.2 var(--font-body);color:var(--color-font-body-light);}a:hover{color:var(--button-primary-bg);}}}}&:nth-last-child(-n + 2){.menu--level-1{left:unset;right:-40px;}}@starting-style{.menu--level-1.active-menu{opacity:0;}}&:hover,&:focus-visible{> a,> span{&:after{background-color:var(--button-primary-bg);}}}}}.mobile-trigger{display:none;margin-left:auto;margin-right:16px;width:32px;height:32px;mask-image:url(/themes/custom/koriolis_starterkit/icons/burger.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:var(--color-font-body);cursor:pointer;&[aria-expanded="false"]{mask-image:url(/themes/custom/koriolis_starterkit/icons/burger.svg);}&[aria-expanded="true"]{mask-image:url(/themes/custom/koriolis_starterkit/icons/close.svg);}}.mobile-search-button{display:none;}.placeholder-topbar-menu,.placeholder-lang-block{display:none;}@container header (max-width:880px){.menu--level-0{border-bottom:thin solid var(--separator-bg);.menu--top-banner-menu &{border:none;}}.mobile-trigger{display:flex;}.wrapper-menu{display:none;position:absolute;left:0;top:100%;width:100%;flex-direction:column;&.active-menu{display:flex;overflow-y:auto;&:before{content:'';background:#fff;top:0;left:0;right:0;bottom:0;position:fixed;z-index:-1;}}.mobile-search-button{display:flex;padding:16px 24px;align-items:center;justify-content:space-between;background-color:#fff;.open-search{display:flex;width:27px;height:27px;padding:0;align-items:center;justify-content:center;mask-image:url(/themes/custom/koriolis_starterkit/icons/search.svg);mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:var(--button-primary-bg);}}.menu--level-0{background-color:#fff;width:100%;flex-direction:column;height:auto;gap:0;.menu-item--level-0{.menu--top-banner-menu &{padding:16px 24px;}> a,> span{display:none;.menu--top-banner-menu &{display:flex;font:normal 400 15px/1 var(--font-body);}}.menu--level-1{display:flex;position:relative;background:unset;top:unset;left:unset;box-shadow:unset;opacity:1;padding:0;margin:0;width:100%;padding:16px 24px;gap:24px;border-radius:0;left:0;right:0;.menu-item--level-1{&:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;a,span{font:normal 700 17px/1 var(--font-body);}&:after{content:'';width:12px;height:12px;display:flex;mask-image:url(/themes/custom/koriolis_starterkit/icons/arrow.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;background-color:var(--button-secondary-bg);}}&:not(:first-child){display:none;}}&.active-mobile-menu{background-color:var(--surface-ultralight);.menu-item--level-1{display:flex;flex-direction:column;&:first-child{flex-direction:row;&:after{mask-image:url(/themes/custom/koriolis_starterkit/icons/arrow-down.svg);}}&:not(:first-child){align-items:stretch;a,span{font:normal 400 15px/1 var(--font-body);}}.menu--level-2{margin:16px 0 0;}}}&:has(.menu-item--active-trail),&:has(.active-menu){.menu-item--level-1{&:first-child{&:after{background-color:var(--button-primary-bg);}}}}}}}}}}