/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../web/app/themes/shared/components/nav/navbar/navigation_main--desk.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.navigation__lists--main {
  --submenu-side-width: 25rem;
  --submenu-panel-width: calc(100% - var(--submenu-side-width));
  --submenu-panel-spacing: 4rem;
  --menu-title-color: #F3B41A;
}
@media (min-width: 1025px) {
  .navigation__lists--main {
    display: flex;
    flex: 1 1 auto;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu, .navigation__lists--main .sub-menu {
    pointer-events: none;
    opacity: 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu:not(:has(> li:hover)) > li:first-child:has(> ul) .sub-menu, .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 .sub-menu--1, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 .sub-menu--1, .navigation__lists--main > ul > li.menu-item-has-children:hover > .sub-menu-wrap > .sub-menu, .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    pointer-events: inherit;
  }
}
@media screen and (min-width: 1025px) and (max-height: 800px) {
  .navigation__lists--main {
    --submenu-panel-spacing: 0.5rem;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main ul {
    margin: 0;
    padding: 0;
  }
  .navigation__lists--main ul li :where(a, button) {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.35em;
    font-weight: 400;
    color: var(--nav-link-color, #ffffff);
    text-decoration: none;
  }
  .navigation__lists--main ul li button {
    background-color: unset;
    border: none;
    box-shadow: unset;
    text-align: start;
    padding: 0;
    cursor: default;
  }
  .navigation__lists--main :is(.menu-subline, .mobile-only) {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-height: 730px) {
  .navigation__lists--main .sub-menu--banners {
    display: none;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul {
    display: flex;
  }
  .navigation__lists--main > ul > li {
    transition: 0.4s ease-in-out;
  }
  .navigation__lists--main > ul > li:first-child > :where(a, button) {
    padding-left: 0;
  }
  .navigation__lists--main > ul > li > a, .navigation__lists--main > ul > li > button {
    padding: 0.75em 1.5rem;
    font-size: 1.6rem;
    background-color: unset;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1367px) {
  .navigation__lists--main > ul > li > a, .navigation__lists--main > ul > li > button {
    padding-inline: 1rem;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li .sub-menu-wrap {
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    pointer-events: none;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    border-radius: 0 0 4px 4px;
    flex-direction: column;
    overflow: clip;
    position: relative;
    padding-block: 1rem;
    height: 100%;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1299px) {
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu {
    margin-right: 0;
    padding-left: 2.5%;
    margin-left: 0;
  }
}
@media (min-width: 1025px) and (min-width: 1300px) {
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu {
    max-width: 100%;
    margin-right: 0;
    margin-left: calc((100% - 128rem) * 0.5);
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li {
    width: var(--submenu-side-width);
    transition: 0.25s ease;
    margin-bottom: 1px;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li > :where(button, a) {
    position: relative;
    padding: 0.35em 0;
    gap: 1.5em;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li > :where(button, a)::after {
    content: "";
    position: absolute;
    height: 3.5rem;
    width: 3.5rem;
    rotate: 45deg;
    background-color: var(--submenu-panel-bg);
    top: 50%;
    translate: 90% -50%;
    right: 0;
    pointer-events: none;
    opacity: 0;
    transition: 0.25s ease 0s;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li > :where(button, a) .menu-title {
    opacity: 0;
    margin-left: -2rem;
    font-size: 1.5rem;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li > .hoverbox {
    rotate: -45deg;
    transform-origin: top left;
    position: absolute;
    z-index: 20;
    cursor: pointer;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li:not(.menu-item-has-children):hover > a {
    text-decoration: underline;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li.menu-item-has-children:hover {
    width: calc(var(--submenu-side-width));
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li.menu-item-has-children:hover > button, .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li.menu-item-has-children:hover > a {
    z-index: 25;
    color: var(--menu-title-color, #F3B41A);
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li.menu-item-has-children:hover > button::after, .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li.menu-item-has-children:hover > a::after {
    opacity: 1;
    translate: 75% -50%;
    transition: 0.25s ease 0.2s;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li:not(:first-child) {
    margin-top: -3px;
  }
  .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li.menu-item--banner, .navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu > li.menu-item--shortcut {
    display: none;
  }
  .navigation__lists--main > ul > li.menu-item-has-children:hover {
    z-index: 10;
  }
  .navigation__lists--main > ul > li.menu-item-has-children:hover > .hoverbox {
    transform: translate3d(0%, -2.5%, 0) rotate(45deg);
    transform-origin: top left;
    position: absolute;
    z-index: 5;
    cursor: pointer;
  }
  .navigation__lists--main > ul > li.menu-item-has-children:hover .sub-menu-wrap {
    pointer-events: inherit;
  }
  .navigation__lists--main > ul > li.menu-item-has-children:hover .sub-menu-wrap::before {
    opacity: 1;
  }
  .navigation__lists--main > ul > li.menu-item-has-children:hover .sub-menu-wrap > .sub-menu > li .menu-title {
    opacity: 1;
    margin-left: 0;
  }
  .navigation__lists--main > ul > li.menu-item-has-children:hover > .sub-menu-wrap {
    transform: none;
  }
  .navigation__lists--main > ul > li:hover > :where(a, button) {
    color: var(--linkhover, #F3B41A);
    border-color: var(--linkhover, #F3B41A);
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > li, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > li {
    width: 100%;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 .brand-image, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 .brand-image {
    right: auto;
    left: 0;
    translate: -50% 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 .sub-menu--items > ul, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 .sub-menu--items > ul {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: var(--submenu-panel-spacing);
         column-gap: var(--submenu-panel-spacing);
    align-items: flex-start;
    row-gap: 0.5em;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 .sub-menu--banners > ul, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 .sub-menu--banners > ul {
    display: flex;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 .sub-menu--banners > ul .navigation__cta:first-child::before, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 .sub-menu--banners > ul .navigation__cta:first-child::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    background-color: var(--submenu-cta-first-bg);
    height: 100%;
    width: 50vw;
    translate: 0rem -2rem;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 {
    display: grid;
    background-color: var(--submenu-panel-bg);
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 30;
    transition: 0.25s ease;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0.sub-menu--1, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0.sub-menu--1, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1.sub-menu--1 {
    width: var(--submenu-panel-width);
    left: var(--submenu-side-width);
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0.sub-menu--0, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0.sub-menu--0, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1.sub-menu--0 {
    right: 0;
    left: 0;
    padding: 0;
    padding-left: calc((100% - 128rem) * 0.5);
    margin-left: 0;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1299px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0.sub-menu--0, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0.sub-menu--0, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1.sub-menu--0 {
    padding-left: 2.5%;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0.sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0.sub-menu--0 > .sub-menu--banners .navigation__cta:first-child, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0.sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0.sub-menu--0 > .sub-menu--banners .navigation__cta:first-child, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1.sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1.sub-menu--0 > .sub-menu--banners .navigation__cta:first-child {
    padding-left: 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0:not(:has(> .sub-menu--images)), .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0:not(:has(> .sub-menu--images)), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1:not(:has(> .sub-menu--images)) {
    grid-template-rows: 1fr auto;
    align-items: baseline;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0:has(> .sub-menu--images), .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0:has(> .sub-menu--images), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1:has(> .sub-menu--images) {
    grid-template-columns: 1fr 30rem;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1199px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0:has(> .sub-menu--images), .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0:has(> .sub-menu--images), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1:has(> .sub-menu--images) {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items {
    height: 100%;
    order: -1;
    padding: 1.5rem 2rem;
    border-right: 1px solid transparent;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1300px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items {
    padding-inline: 3rem;
  }
}
@media screen and (min-width: 1025px) and (max-height: 800px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items {
    padding-inline: 2rem;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: var(--submenu-panel-spacing);
         column-gap: var(--submenu-panel-spacing);
    align-items: flex-start;
    row-gap: 0.5em;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li {
    flex: 1 1 100%;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li.menu-item-has-children {
    flex: 0 1 25ch;
    padding: 0 0 1rem;
  }
}
@media screen and (min-width: 1025px) and (max-height: 800px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li.menu-item-has-children {
    padding: 0 0 0.5rem;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > :where(a, button), .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > :where(a, button), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li.menu-item-has-children > :where(a, button) {
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > a, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > a, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li.menu-item-has-children > a {
    width: 100%;
    text-decoration: none;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > a::before, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > a::before, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li.menu-item-has-children > a::before {
    content: none;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > a:hover, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > a:hover, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li.menu-item-has-children > a:hover {
    text-decoration: underline;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > a:hover::after, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children > a:hover::after, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li.menu-item-has-children > a:hover::after {
    transform: translateX(0.25em);
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children li :where(a, button), .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li.menu-item-has-children li :where(a, button), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li.menu-item-has-children li :where(a, button) {
    font-size: 1.4rem;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu-item-has-children) a:before, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu-item-has-children) a:before, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li:not(.menu-item-has-children) a:before {
    display: inline-block;
    margin-right: 0.5em;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul > li > :where(a, button), .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li > :where(a, button), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li > :where(a, button) {
    font-weight: 700;
    color: var(--submenu-label-color);
    margin-bottom: 0.25em;
    padding: 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul .menu-item--banner,
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul .menu-item--shortcut, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul .menu-item--banner,
  .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul .menu-item--shortcut, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul .menu-item--banner,
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul .menu-item--shortcut {
    display: none;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul a:not(.mobile-only), .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul a:not(.mobile-only), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul a:not(.mobile-only) {
    padding: 0.15em 0;
    display: inline-block;
  }
}
@media screen and (min-width: 1025px) and (max-height: 800px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul a:not(.mobile-only), .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul a:not(.mobile-only), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul a:not(.mobile-only) {
    padding: 0;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul a:not(.mobile-only):hover, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul a:not(.mobile-only):hover, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul a:not(.mobile-only):hover {
    text-decoration: underline;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul:has([data-banner-type=store]) > li, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul:has([data-banner-type=store]) > li, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul:has([data-banner-type=store]) > li {
    flex-basis: 100%;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > ul:has([data-banner-type=store]) .sub-menu--2 .navigation__cta, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul:has([data-banner-type=store]) .sub-menu--2 .navigation__cta, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul:has([data-banner-type=store]) .sub-menu--2 .navigation__cta {
    width: min(30rem, 50%);
    flex: 0 1 auto;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items:has([data-banner-type=store]) .overview-button-wrap, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items:has([data-banner-type=store]) .overview-button-wrap, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items:has([data-banner-type=store]) .overview-button-wrap {
    margin-block: 1.5rem;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > .overview-button-wrap, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > .overview-button-wrap, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > .overview-button-wrap {
    text-align: end;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--items > .overview-button-wrap > a, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > .overview-button-wrap > a, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > .overview-button-wrap > a {
    --icon-size: .65em;
    font-weight: bold;
    display: inline-flex;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--images, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--images, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--images {
    grid-column: 2/3;
    grid-row: 1/-3;
    position: relative;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1199px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--images, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--images, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--images {
    display: none;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--images > ul > li, .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--images > ul, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--images > ul > li, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--images > ul, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--images > ul > li, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--images > ul {
    height: 100%;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--images img, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--images img, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--images img {
    display: block;
    order: 1;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--images img.brand-image, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--images img.brand-image, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--images img.brand-image {
    position: absolute;
    top: 2rem;
    right: 2rem;
    height: 7.5rem;
    width: 7.5rem;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--banners, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--banners, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--banners {
    align-self: flex-end;
    width: 100%;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 > .sub-menu--banners > ul, .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--banners > ul, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--banners > ul {
    display: flex;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 .sub-menu--items > ul {
    row-gap: 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="1"] .sub-menu--0 .sub-menu--items > ul > li > :where(a, button) {
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(1) .menu-title {
    transition: 0.025s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(2) .menu-title {
    transition: 0.05s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(3) .menu-title {
    transition: 0.075s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(4) .menu-title {
    transition: 0.1s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(5) .menu-title {
    transition: 0.125s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(6) .menu-title {
    transition: 0.15s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(7) .menu-title {
    transition: 0.175s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(8) .menu-title {
    transition: 0.2s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(9) .menu-title {
    transition: 0.225s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(10) .menu-title {
    transition: 0.25s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(11) .menu-title {
    transition: 0.275s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(12) .menu-title {
    transition: 0.3s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(13) .menu-title {
    transition: 0.325s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(14) .menu-title {
    transition: 0.35s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(15) .menu-title {
    transition: 0.375s ease-in-out margin;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li:nth-child(0) .menu-title {
    transition-duration: 0s;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu > li .sub-menu--items > ul {
    flex: 1 1 auto;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu:not(:has(> li:hover)) > li:first-child:has(> ul) > :where(a, button) {
    color: var(--menu-title-color, #F3B41A);
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu-wrap > .sub-menu:not(:has(> li:hover)) > li:first-child:has(> ul) > :where(a, button)::after {
    opacity: 1;
    translate: 75% -50%;
    transition: 0.25s ease 0.2s;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../web/app/themes/shared/components/nav/navbar/navigation_main--mobile.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 1024px) {
  .navigation__lists--main {
    position: fixed;
    z-index: 10005;
    inset: 0;
    height: 100%;
    width: 95%;
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
    pointer-events: none;
    transition: none;
    background-color: var(--submenu-side-bg);
    overflow-x: clip;
    content-visibility: auto;
    contain-intrinsic-size: 100vw 100vh;
  }
  .navigation__lists--main ul .menu_title > a .menu-subline::after, .navigation__lists--main ul li.menu-item-has-children > a::after, .navigation__lists--main ul li.menu-item-has-children > button::after {
    content: "";
    height: 0.8em;
    width: 0.8em;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.789' height='11.91' fill='%23fff'%3E%3Cpath d='M6.789 5.955a.83.83 0 0 1-.244.59l-5.121 5.121a.834.834 0 0 1-1.18-1.179l4.531-4.531L.244 1.425A.834.834 0 1 1 1.424.246l5.121 5.121a.83.83 0 0 1 .244.588' data-name='Path 1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    pointer-events: none;
    margin-left: 0.5em;
    display: inline-block;
  }
  .navigation__lists--main:not(:has(.submenu--is-active)) {
    overflow-y: auto;
  }
  .nav--is-open .navigation__lists--main {
    transform: none;
    opacity: 1;
    pointer-events: inherit;
  }
  .navigation__lists--main :where(.current-menu-item, .current-page-ancestor, li:has(.current-menu-item)) > a {
    font-weight: 700;
  }
  .navigation__lists--main :where(.current-menu-item, .current-page-ancestor, li:has(.current-menu-item)) > a .menu-title {
    color: #F3B41A;
  }
  .navigation__lists--main .navigation__head {
    position: absolute;
    z-index: 10;
    height: 6.5rem;
    width: 100%;
    background-color: var(--submenu-side-bg);
    min-height: 6.5rem;
  }
  .navigation__lists--main .close {
    color: #ffffff;
    position: absolute;
    right: 1.25rem;
    top: 0;
    font-size: 1.6rem;
    border: none;
    padding: 0;
    background-color: transparent;
    width: 7.5rem;
  }
  .navigation__lists--main .close::after, .navigation__lists--main .close::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1em;
    height: 1em;
    width: 2px;
    background-color: var(--nav-close-button-color, #ffffff);
    border-radius: 2px;
  }
  .navigation__lists--main .close::before {
    transform: translate3d(0, -50%, 0) rotate(45deg);
  }
  .navigation__lists--main .close::after {
    transform: translate3d(0, -50%, 0) rotate(135deg);
  }
  .navigation__lists--main .backlink {
    background: transparent;
    border-color: transparent;
    padding: 0;
    padding-left: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.4rem;
    gap: 0.25em;
    color: #ffffff;
  }
  .navigation__lists--main .backlink::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.789' height='11.91' fill='%23fff'%3E%3Cpath d='M6.789 5.955a.83.83 0 0 1-.244.59l-5.121 5.121a.834.834 0 0 1-1.18-1.179l4.531-4.531L.244 1.425A.834.834 0 1 1 1.424.246l5.121 5.121a.83.83 0 0 1 .244.588' data-name='Path 1'/%3E%3C/svg%3E");
    transform: rotate(180deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 0.8em;
    width: 0.8em;
    display: inline-block;
  }
  .navigation__lists--main .menu-title {
    color: var(--nav-link-color, #ffffff);
    width: 100%;
  }
  .navigation__lists--main ul {
    margin: 0;
    padding-left: 0;
    width: 100%;
    display: block;
  }
  .navigation__lists--main ul li {
    width: 100%;
  }
  .navigation__lists--main ul li > button {
    background: unset;
    border: unset;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: start;
    font-weight: 400;
  }
  .navigation__lists--main ul li > :where(a, button) {
    position: relative;
    text-decoration: none;
    font-size: var(--menu-item-fs, 1.8rem);
    padding: 1rem 0;
    display: flex;
  }
  .navigation__lists--main ul li:not(:last-child) > :where(a, button) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .navigation__lists--main ul li.menu-item-has-children > a, .navigation__lists--main ul li.menu-item-has-children > button {
    position: relative;
    pointer-events: none;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu {
    display: flex;
    flex-direction: column;
    pointer-events: none;
    position: fixed;
    height: 100vh;
    background-color: var(--submenu-panel-bg);
    top: 0;
    left: 0;
    padding: 6.5rem 0 0;
    z-index: 1;
    list-style: none;
    opacity: 0;
    margin: 0;
    width: 95%;
    transform: translate3d(100%, 0, 0);
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu:last-child > li:not(.sub-menu--banners):last-child {
    margin-bottom: 10rem;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu.submenu--is-active {
    overflow-y: auto;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu.submenu--is-active li.menu-item, .navigation__lists--main ul li.menu-item-has-children .sub-menu.submenu--is-active li.menu_title {
    padding-inline: 2rem;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu > li {
    opacity: 1;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu > li:first-child > a, .navigation__lists--main ul li.menu-item-has-children .sub-menu > li:first-child > button {
    padding-top: 0;
    justify-content: space-between;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu > li:first-child > button .menu-subline {
    display: none;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu > li.current-menu-item > a {
    color: #143D59;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu .sub-menu--items {
    flex: 1 0 auto;
    min-height: 35rem;
    margin-bottom: 2rem;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu .sub-menu--items > ul {
    padding: 0;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu .sub-menu--items > ul .menu-item--active > ul {
    z-index: 25;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu .sub-menu--items :where(a, button) {
    color: #ffffff;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu .sub-menu--banners {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background-color: var(--submenu-cta-first-bg);
    padding-bottom: 8rem;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu .sub-menu--banners ul {
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu .sub-menu--banners .bannergroup-title {
    color: #64605c;
    font-weight: 700;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu--1 {
    display: flex;
    flex-direction: column;
  }
  .navigation__lists--main ul li.menu-item-has-children .sub-menu--has-cta {
    justify-content: space-between;
  }
  .navigation__lists--main ul li.menu-item-has-children.menu-item--active > .sub-menu-wrap > .sub-menu, .navigation__lists--main ul li.menu-item-has-children.menu-item--active > .sub-menu {
    opacity: 1;
    transform: none;
    pointer-events: all;
  }
  .navigation__lists--main ul li:not(.navigation__cta) > :where(a, button) {
    border-radius: 0;
  }
  .navigation__lists--main ul li:not(.menu-item-has-children) > a:hover {
    text-decoration: underline;
    text-decoration-color: #ffffff;
  }
  .navigation__lists--main ul li:not(.navigation__cta, .menu-item-has-children):first-child > button, .navigation__lists--main ul li:not(.navigation__cta, .menu-item-has-children):first-child > a {
    pointer-events: inherit;
    font-size: var(--menu-item-fs, 2rem);
  }
  .navigation__lists--main ul li:last-child > :where(a, button) {
    border-bottom: none;
  }
  .navigation__lists--main ul li .menu-subline.menu-subline {
    display: none;
  }
  .navigation__lists--main ul .menu_title {
    margin-bottom: 2rem;
    font-weight: 700;
    background-color: var(--submenu-side-bg);
  }
  .navigation__lists--main ul .menu_title > a {
    padding-top: 0;
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: none;
  }
  .navigation__lists--main ul .menu_title > a .menu-subline {
    display: inline-block;
    color: var(--nav-subline-color, #ffffff);
  }
  .navigation__lists--main ul .menu_title button {
    font-weight: 700;
  }
  .navigation__lists--main ul .menu_title .menu-title {
    color: var(--submenu-label-color);
  }
  .navigation__lists--main > ul {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin-right: 0;
    padding-block: 6.5rem 4rem;
    padding-inline: 2rem;
    position: absolute;
    inset: 0;
  }
  .navigation__lists--main > ul > li {
    flex: 0 0 auto;
  }
  .navigation__lists--main > ul > li > :is(a, button) {
    width: 100%;
    padding: 1.75rem 0;
  }
  .navigation__lists--main > ul > li > :is(a, button) .menu-title {
    font-size: 2rem;
    line-height: 1;
  }
  .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu_title) > :where(button, a), .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li:not(.menu_title) > :where(button, a) {
    pointer-events: none;
    font-weight: bold;
    border-bottom: none;
    padding-bottom: 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu_title) > :where(button, a) .menu-title, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li:not(.menu_title) > :where(button, a) .menu-title {
    color: var(--submenu-label-color);
  }
  .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu_title) > :where(button, a)::after, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li:not(.menu_title) > :where(button, a)::after {
    content: none;
  }
  .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu_title) > .sub-menu, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li:not(.menu_title) > .sub-menu {
    position: relative;
    height: auto;
    opacity: 1;
    transform: none;
    padding-block: 0;
    pointer-events: inherit;
  }
  .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu_title) > .sub-menu .menu_title, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li:not(.menu_title) > .sub-menu .menu_title {
    margin: 0;
    background: transparent;
    display: none;
  }
  .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu_title) > .sub-menu > li, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li:not(.menu_title) > .sub-menu > li {
    padding-inline: 0;
  }
  .navigation__lists--main > ul > li[data-depth-count="2"] .sub-menu--0 > .sub-menu--items > ul > li:not(.menu_title) > .sub-menu > li:last-child, .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--1 > .sub-menu--items > ul > li:not(.menu_title) > .sub-menu > li:last-child {
    margin-bottom: 2rem;
  }
  .navigation__lists--main > ul > li[data-depth-count="3"] .sub-menu--0:has(> :nth-child(2):last-child) .sub-menu--1 {
    transform: none;
    opacity: 1;
    pointer-events: inherit;
  }
  .navigation__lists--main > ul > div {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 8rem;
  }
  .navigation__lists--main .sub-menu--images {
    display: none;
  }
  .navigation__lists--main .navigation__lists--service {
    --menu-item-fs: 1.6rem;
    margin-block: 4rem 2rem;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../web/app/themes/shared/components/nav/navbar/navigation_main.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.navigation__lists--main {
  --submenu-side-bg: #143D59;
  --submenu-panel-bg: #49667f;
  --submenu-cta-first-bg: #68859e;
  --submenu-cta-second-bg: #56738B;
  --submenu-label-color: #B5E1FF;
}
.navigation__lists--main .sub-menu {
  pointer-events: none;
  opacity: 0;
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > a .item-title::after, .navigation__lists--main .navigation__cta > a .item-data::after {
  content: "";
  height: 0.8em;
  width: 0.8em;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.789' height='11.91' fill='%23fff'%3E%3Cpath d='M6.789 5.955a.83.83 0 0 1-.244.59l-5.121 5.121a.834.834 0 0 1-1.18-1.179l4.531-4.531L.244 1.425A.834.834 0 1 1 1.424.246l5.121 5.121a.83.83 0 0 1 .244.588' data-name='Path 1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  pointer-events: none;
  margin-left: 0.5em;
  display: inline-block;
}
.navigation__lists--main :where(a, button) {
  position: relative;
  font-size: 1.6rem;
  color: #000;
  display: flex;
  align-items: center;
  gap: 0.5em;
  height: 100%;
}
.navigation__lists--main li:has(> .hidden) {
  display: none !important;
}
.navigation__lists--main .bannergroup-title {
  text-transform: uppercase;
  font-weight: 700;
  margin: 1em 0 0.5em;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.06em;
}
.navigation__lists--main .navigation__cta {
  flex: 1 1 50%;
  display: flex;
}
.navigation__lists--main .navigation__cta:not([data-banner-type=color]) {
  flex-direction: column;
}
@media (min-width: 1300px) {
  .navigation__lists--main .navigation__cta {
    padding: 2.25rem 3rem;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main .navigation__cta {
    padding: 2rem;
  }
  .navigation__lists--main .navigation__cta:first-child {
    background-color: var(--submenu-cta-first-bg);
  }
  .navigation__lists--main .navigation__cta:nth-child(2) {
    background-color: var(--submenu-cta-second-bg);
  }
}
.navigation__lists--main .navigation__cta > a {
  border: 1px solid transparent;
  overflow: clip;
  width: 100%;
  border-radius: 8px;
  background-color: var(--submenu-panel-bg);
  gap: 1.5em;
  color: var(--nav-cta-color, #ffffff);
  height: auto;
  transition: 0.15s ease-in;
  padding: 0;
}
@media (max-width: 1024px) {
  .navigation__lists--main .navigation__cta > a {
    gap: 0.5em;
  }
}
.navigation__lists--main .navigation__cta > a:hover {
  border-color: rgba(255, 255, 255, 0.8);
}
.navigation__lists--main .navigation__cta > a:hover .item-data::after {
  right: 2rem;
  opacity: 1;
}
.navigation__lists--main .navigation__cta > a .item-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.navigation__lists--main .navigation__cta > a .item-data::after {
  position: absolute;
  right: 2.5rem;
  inset-block: 50%;
  margin-block: auto;
  transition: 0.15s ease-in;
  opacity: 0;
}
@media (min-width: 1025px) {
  .navigation__lists--main .navigation__cta > a .item-data::after {
    height: 1.25em;
    width: 1.25em;
  }
}
.navigation__lists--main .navigation__cta > a .item-cat {
  color: var(--submenu-label-color);
  font-weight: bold;
  font-size: 1.2rem;
}
.navigation__lists--main .navigation__cta > a .item-title {
  font-weight: bold;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .navigation__lists--main .navigation__cta > a .item-title {
    font-size: 1.4rem;
  }
}
.navigation__lists--main .navigation__cta > a .item-prices {
  font-weight: bold;
  font-size: 1.6rem;
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
  gap: 0.5em;
}
@media (max-width: 767px) {
  .navigation__lists--main .navigation__cta > a .item-prices {
    margin-top: 0.25em;
    font-size: 1.4rem;
  }
}
.navigation__lists--main .navigation__cta > a .item-prices .prices--double .price {
  display: inline-block;
  margin: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .navigation__lists--main .navigation__cta > a .item-prices .prices--double .price {
    margin: 0 0 1rem;
  }
}
.navigation__lists--main .navigation__cta > a .item-prices .prices--double .price small {
  display: none;
}
.navigation__lists--main .navigation__cta > a .item-prices .prices--double .price.discountprice {
  display: flex;
}
.excluding-vat .navigation__lists--main .navigation__cta > a .item-prices .prices--double .price-inc-vat {
  display: none;
}
body:not(.excluding-vat) .navigation__lists--main .navigation__cta > a .item-prices .prices--double .price-ex-vat {
  display: none;
}
.navigation__lists--main .navigation__cta > a .item-prices .discountprice__percentage--from {
  font-weight: 400;
  font-size: 1.2rem;
}
.navigation__lists--main .navigation__cta > a .item-prices .discountprice__percentage--saved {
  display: none;
}
.navigation__lists--main .navigation__cta[data-banner-type=color] {
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > .title {
  flex: 0 0 100%;
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > a {
  flex: 0 0 12rem;
  width: auto;
  background-color: unset;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: unset;
  padding: 0;
}
@media (max-width: 1024px) {
  .navigation__lists--main .navigation__cta[data-banner-type=color] > a {
    flex-basis: calc(50% - 1rem);
  }
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > a:hover {
  border-color: transparent;
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > a:hover .item-title::after {
  opacity: 1;
  margin-left: 0.25em;
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > a:hover .item-title {
  text-decoration: underline;
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > a .image {
  height: 7.5rem;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .navigation__lists--main .navigation__cta[data-banner-type=color] > a .image {
    height: 8.5rem;
  }
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > a .item-title {
  font-size: 1.4rem;
  font-weight: 400;
}
.navigation__lists--main .navigation__cta[data-banner-type=color] > a .item-title::after {
  opacity: 0;
  transition: 0.15s ease-in;
  margin-left: 0;
}
.navigation__lists--main .navigation__cta > .title {
  font-weight: 700;
  color: var(--submenu-label-color);
  margin-bottom: 0.5em;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.navigation__lists--main .navigation__cta .image {
  height: 10rem;
  width: 10rem;
  flex-shrink: 0;
  background-size: contain;
  border-radius: 4px;
  overflow: clip;
}
@media (max-width: 767px) {
  .navigation__lists--main .navigation__cta .image {
    height: 8rem;
    width: 8rem;
  }
}
.navigation__lists--main .navigation__cta img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.navigation__lists--main [data-banner-type=store].navigation__cta {
  position: relative;
  background-color: #56738B;
  border-radius: 8px;
  padding: 0;
  overflow: clip;
}
@media (max-width: 1024px) {
  .navigation__lists--main [data-banner-type=store].navigation__cta {
    flex-direction: row;
  }
  .navigation__lists--main [data-banner-type=store].navigation__cta .image-wrap {
    order: -1;
    width: 12rem;
  }
}
.navigation__lists--main [data-banner-type=store].navigation__cta .full-link {
  position: absolute;
  background: transparent;
}
.navigation__lists--main [data-banner-type=store] .data {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 2rem;
  flex: 1 1 auto;
}
@media (max-width: 1024px) {
  .navigation__lists--main [data-banner-type=store] .data {
    padding: 1rem 1.5rem;
    justify-content: center;
  }
}
.navigation__lists--main [data-banner-type=store] .item-title {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: 0.5rem;
}
@media (max-width: 549px) {
  .navigation__lists--main [data-banner-type=store] .item-title {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main [data-banner-type=store] .image-wrap {
    height: 11rem;
  }
}
@media (max-width: 549px) {
  .navigation__lists--main [data-banner-type=store] .image-wrap {
    height: 9rem;
  }
}
.navigation__lists--main [data-banner-type=store] .item-cta {
  color: #ffffff;
  line-height: 1.25;
}
@media (min-width: 1025px) {
  .navigation__lists--main [data-banner-type=store] .item-cta {
    font-weight: bold;
    margin-top: 1.8rem;
  }
  .navigation__lists--main [data-banner-type=store] .item-cta::after {
    content: "";
    display: inline-flex;
    height: 1.25ch;
    aspect-ratio: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.789' height='11.91' fill='%23fff'%3E%3Cpath d='M6.789 5.955a.83.83 0 0 1-.244.59l-5.121 5.121a.834.834 0 0 1-1.18-1.179l4.531-4.531L.244 1.425A.834.834 0 1 1 1.424.246l5.121 5.121a.83.83 0 0 1 .244.588' data-name='Path 1'/%3E%3C/svg%3E");
    margin-left: 1rem;
  }
}
.navigation__lists--main [data-banner-type=store] .item-line {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5em;
  color: #fff;
  font-size: 1.4rem;
}
@media (max-width: 1024px) {
  .navigation__lists--main [data-banner-type=store] .item-line {
    display: none;
  }
}
@media (max-width: 549px) {
  .navigation__lists--main [data-banner-type=store] .item-line {
    font-size: 1.3rem;
  }
}
.navigation__lists--main [data-banner-type=store] .item-line .twz-icon {
  --icon-size: 1.5ch;
}
.navigation__lists--main [data-banner-type=store] .item-line .twz-icon--pin {
  --icon-size: 1.75ch;
}
.navigation__lists--main ul li .menu-extralink,
.navigation__lists--main ul li .menu-subline {
  font-weight: 400;
  text-transform: none;
  font-size: 1.4rem;
  padding-right: 1.25em;
  display: block;
  transition: 0.4s ease;
}
.navigation__lists--main ul li .menu-extralink {
  text-decoration: underline;
}
.navigation__lists--main ul li:not(:first-child) > :where(a, button) .menu-extralink,
.navigation__lists--main ul li:not(:first-child) > :where(a, button) .menu-subline {
  display: none;
}
.navigation__lists--main ul li:empty {
  display: none;
}
@media (min-width: 1025px) {
  .navigation__lists--main ul li .menu-subline {
    display: none;
  }
}
.navigation__lists--main > ul > li.menu-item--sikkens {
  --submenu-panel-bg: #4C7D95;
  --submenu-cta-first-bg: #5589A2;
  --submenu-cta-second-bg: #3C6D85;
  --submenu-label-color: #9CDFFF;
}
.navigation__lists--main > ul > li.menu-item--sigma {
  --submenu-panel-bg: #5073B8;
  --submenu-cta-first-bg: #708FCB;
  --submenu-cta-second-bg: #4263A2;
  --submenu-label-color: #B6CFFF;
}
.navigation__lists--main > ul > li.menu-item--farrow-and-ball {
  --submenu-panel-bg: #3F4D57;
  --submenu-cta-first-bg: #505C65;
  --submenu-cta-second-bg: #37454F;
  --submenu-label-color: #CCDCE7;
}
.navigation__lists--main > ul > li > button, .navigation__lists--main > ul > li > a {
  text-decoration: none;
  font-weight: 400;
  position: relative;
  gap: 0.5em;
  border-bottom: 2px solid transparent;
}
.navigation__lists--main > ul > li > button .menu-title, .navigation__lists--main > ul > li > a .menu-title {
  height: 100%;
  position: relative;
}
.navigation__lists--main > ul > li .sub-menu-wrap > .sub-menu button {
  width: 100%;
}
@media (max-width: 1024px) {
  .navigation__lists--main > ul > li .sub-menu-wrap .sub-menu--items:has([data-banner-type=store]) button:has(+ .sub-menu--2) {
    display: none;
  }
}
.navigation__lists--main > ul > li .sub-menu-wrap .sub-menu--items:has([data-banner-type=store]) .sub-menu.sub-menu--2 {
  display: flex;
  gap: 2.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 1024px) {
  .navigation__lists--main > ul > li .sub-menu-wrap .sub-menu--items:has([data-banner-type=store]) .sub-menu.sub-menu--2 {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .navigation__lists--main > ul > li .sub-menu-wrap .sub-menu--items:has([data-banner-type=store]) .sub-menu.sub-menu--2 {
    gap: 1.5rem;
  }
}
.navigation__lists--main > ul > li .sub-menu-wrap .sub-menu--items:has([data-banner-type=store]) .sub-menu.sub-menu--2 li:has(.mobile-only):has(+ .navigation__cta) {
  order: 5;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.navigation__lists--main > ul > li .sub-menu-wrap .sub-menu--items:has([data-banner-type=store]) .sub-menu.sub-menu--2 li:has(.mobile-only):has(+ .navigation__cta) a {
  border-bottom: 0;
}
.navigation__lists--main > ul > li .sub-menu-wrap .sub-menu--items:has([data-banner-type=store]) .sub-menu.sub-menu--2 .navigation__cta[data-banner-type=store]:last-child {
  margin-bottom: 0;
}
.navigation__lists--main > ul > li:hover .sub-menu-wrap {
  background-color: #143D59;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../web/app/themes/shared/components/nav/navigation_full.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.navigation {
  z-index: 1001;
  width: 100%;
  position: sticky;
  left: 0;
  top: var(--alert-height, 0);
  background: #ffffff;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
  pointer-events: none;
}
.navigation__controlbar {
  position: relative;
  z-index: 1000;
  background-color: var(--white);
  border-bottom: 1px solid var(--grey-300);
}
.navigation__controlbar__inner {
  width: min(var(--row-width, 95%), var(--row-maxwidth, 128rem));
  margin-inline: auto;
  display: flex;
  padding: 0.75rem 0;
}
@media (max-width: 1024px) {
  .navigation__controlbar__inner {
    padding: 0;
    max-width: calc(100% - var(--theme-window-spacing));
  }
}
@media (max-width: 1024px) {
  .navigation__controlbar .twz-element-reviews {
    font-size: 1.2rem;
  }
  .navigation__controlbar .twz-element-reviews .stars__wrapper {
    gap: 0.5rem;
  }
}
@media (max-width: 1024px) {
  .navigation__controlbar .navigation__lists--service {
    display: none;
  }
}
@media (min-width: 1025px) {
  .navigation__controlbar .navigation__lists--service > ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1rem;
  }
  .navigation__controlbar .navigation__lists--service > ul a:not(:hover) {
    text-decoration: none;
  }
}
@media (max-width: 1024px) {
  .navigation__sites {
    display: none;
  }
}
.navigation__sites menu {
  margin: 0 0 0 1em;
  padding: 0;
  list-style: none;
}
.navigation__sites menu a {
  border-radius: 4px;
  font-size: 1.4rem;
  background-color: #F3F3F3;
  padding: 0.4rem 0.8rem;
  color: #143D59;
  text-decoration: none;
}
.navigation__sites menu a.current {
  display: none;
}
.navigation__review {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  gap: 1rem;
  align-items: center;
  height: 2.4rem;
  font-size: 1.4rem;
}
@media (max-width: 1024px) {
  .navigation__review {
    justify-content: end;
    height: 4rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 1025px) {
  .navigation__review {
    order: -1;
    margin-right: 3rem;
  }
}
.navigation__controls {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .navigation__controls {
    display: none;
  }
}
.navigation__controls:first-child:last-child {
  flex: 1 0 100%;
}
.navigation__controls .login {
  width: auto;
  display: flex;
  padding-right: 0;
  font-size: 1.4rem;
  border-right: 1px solid rgba(20, 61, 89, 0.3);
}
.navigation__controls .login a {
  padding: 0.25rem 1.5rem 0.25rem 1.5rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.navigation__controls .login svg {
  width: 1.8rem;
  fill: #143D59;
}
.navigation__controls .login:hover svg {
  opacity: 0.8;
}
.navigation__controls .carttoggle {
  padding: 1rem 1.25rem 0.5rem 0.5rem;
  border-right: 1px solid rgba(20, 61, 89, 0.3);
  position: relative;
  height: 100%;
}
@media (max-width: 1024px) {
  .navigation__controls .carttoggle .twz-mini-cart {
    display: flex;
  }
}
.navigation__controls .carttoggle .cart__button {
  height: 3rem;
  width: 4rem;
  background: transparent;
}
.navigation__controls .carttoggle .cart__button .twz-mini-cart {
  display: inline-block;
  margin-top: 1rem;
}
.navigation__controls .carttoggle .cart__button .icon--cart[data-count="0"] {
  opacity: 0.25;
}
.navigation__controls .carttoggle .cart__button .icon--cart:before {
  height: 100%;
  width: 100%;
}
.navigation__usp {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .navigation__usp {
    min-height: 3.5rem;
  }
}
@media (max-width: 1024px) {
  .navigation__usp .twz-element-usps {
    width: 100%;
  }
}
.navigation__usp .list {
  margin: 0;
}
@media (max-width: 1024px) {
  .navigation__usp .list {
    width: 100%;
  }
  .navigation__usp .list::after {
    content: "flickity";
    display: none;
  }
  .navigation__usp .list li {
    width: 100%;
    position: absolute;
    transition: 0.4s ease-out;
    padding-left: 2em;
    left: 0;
    opacity: 0;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 100%;
  }
  .navigation__usp .list li::before {
    left: 0.5em;
    top: 0.35em;
    position: static;
    min-width: 0.75em;
  }
  .navigation__usp .list li.is-selected {
    opacity: 1;
    transform: translateX(-50%);
  }
  .navigation__usp .list li a {
    font-size: 1.2rem;
  }
}
.navigation__usp .list li {
  font-size: 1.4rem;
  margin: 0;
  padding-right: 2em;
  text-align: left;
}
@media (max-width: 1024px) {
  .navigation__usp .list li {
    font-size: 1.2rem;
  }
}
@media (min-width: 1025px) and (max-width: 1139px) {
  .navigation__usp .list li {
    padding-right: 1em;
  }
}
.navigation__usp .list li:last-of-type {
  padding-right: 0;
}
@media (min-width: 1025px) {
  .navigation__search {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    padding-left: 4rem;
    padding-right: 4rem;
    max-width: 80rem;
  }
}
@media (max-width: 1024px) {
  .navigation__search {
    padding: 0.75rem 0rem 1rem;
    max-width: calc(100% - var(--theme-window-spacing));
    margin-inline: auto;
    background: #ffffff;
  }
}
.navigation__search .twz-element-searchbar {
  width: 100%;
}
@media (min-width: 1025px) {
  .navigation__brandbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    max-width: 128rem;
    margin: 0 auto;
    padding: 1.5rem 0;
  }
}
@media (max-width: 1024px) {
  .navigation__brandbar {
    order: 3;
    position: relative;
  }
}
.navigation__bar {
  background-color: #143D59;
  position: relative;
}
@media (max-width: 1024px) {
  .navigation__bar {
    display: none;
  }
}
.navigation__bar-wrapper {
  width: 95%;
  max-width: 128rem;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .navigation__bar-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .navigation__bar-wrapper .navigation__lists--main {
    flex: 0 0 auto;
  }
  .navigation__bar-wrapper .navigation__lists--mainextra {
    flex: 0 0 auto;
  }
}
@media (max-width: 1024px) {
  .navigation__hoverblocker {
    display: none;
  }
}
@media (min-width: 1025px) {
  .navigation__hoverblocker {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 92.5%;
    max-width: 128rem;
    cursor: pointer;
  }
}
.navigation__logo {
  height: 6rem;
  position: relative;
  z-index: 100;
}
@media (max-width: 1024px) {
  .navigation__logo {
    position: absolute;
    top: 1.7rem;
    left: 50%;
    transform: translateY(-137%) translateX(-57%);
    height: 4.4rem;
    z-index: 100;
  }
}
.navigation__logo a {
  display: block;
  height: 100%;
  width: 100%;
}
.navigation__logo img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
  transform-origin: top;
  border-radius: 0;
}
.navigation__head::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 50%;
  translate: -50% 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='357.062' height='203.392'%3E%3Cg data-name='Group 176'%3E%3Cg data-name='Group 173'%3E%3Cg data-name='Layer 2'%3E%3Cg fill='%23fff' data-name='Layer 1'%3E%3Cpath d='M62.75 41.94H46.76L31.72 86.53 16.68 41.94H0l23.16 61.36h16.43Z' data-name='Path 118'/%3E%3Cpath d='M93.26 88.22a11.2 11.2 0 0 1-3.76 3.37 10.25 10.25 0 0 1-4.88 1.13 8.6 8.6 0 0 1-6.14-2.29 12.1 12.1 0 0 1-3.29-6.53H107v-3.07a30.2 30.2 0 0 0-1.64-10.2 22.9 22.9 0 0 0-4.67-7.86 20.5 20.5 0 0 0-7.26-5.06A24.2 24.2 0 0 0 84 55.94a23 23 0 0 0-9.16 1.81 22.3 22.3 0 0 0-7.39 5.1 23.9 23.9 0 0 0-4.93 7.69 25.5 25.5 0 0 0-1.77 9.6 27.3 27.3 0 0 0 1.73 9.85 22.5 22.5 0 0 0 4.93 7.78 21.9 21.9 0 0 0 7.52 5.06 24.8 24.8 0 0 0 9.5 1.77 26.6 26.6 0 0 0 9.25-1.6 23.3 23.3 0 0 0 7.56-4.5 18.74 18.74 0 0 0 4.89-6.87Zm-15-19.57A8 8 0 0 1 84 66.48a7.57 7.57 0 0 1 5.58 2.21 11.3 11.3 0 0 1 2.89 6.26H75.19a11.44 11.44 0 0 1 3.07-6.26Z' data-name='Path 119'/%3E%3Cpath d='M138.72 56.63a11.57 11.57 0 0 0-6.83 2.07 13.6 13.6 0 0 0-4.58 5.88l-.52-7.36h-13v46.07h14.09V81.43c0-3.45.8-6.09 2.42-7.9s4-2.73 7.26-2.73a17 17 0 0 1 2 .13 9.3 9.3 0 0 1 1.94.48l1.38-14a6.7 6.7 0 0 0-2-.61 15.5 15.5 0 0 0-2.16-.17' data-name='Path 120'/%3E%3Cpath d='M154.45 103.3h14.09V68.64h11.32V57.22h-11.32v-1.63a7.32 7.32 0 0 1 1.55-5 5.79 5.79 0 0 1 4.58-1.77 9.4 9.4 0 0 1 2.42.35 9.8 9.8 0 0 1 2.25.86l2.51-10.46a20 20 0 0 0-4.37-1.64 21 21 0 0 0-5.14-.6 20.1 20.1 0 0 0-7.26 1.25 15.94 15.94 0 0 0-9.33 9.12 18.6 18.6 0 0 0-1.3 7.08v2.44h-7.61v11.42h7.61Z' data-name='Path 121'/%3E%3Cpath d='M181 109.91a32.4 32.4 0 0 0-13.35-2.5h-20.73v61.36h14.78v-19.55a40.5 40.5 0 0 0 6.22.52 31.2 31.2 0 0 0 10-1.52 22.4 22.4 0 0 0 7.74-4.32 19.3 19.3 0 0 0 5-6.7 20.4 20.4 0 0 0 1.77-8.55 21.53 21.53 0 0 0-2.93-11.5 18.7 18.7 0 0 0-8.5-7.24m-6.3 25.11q-2.64 2.2-7.47 2.2a39 39 0 0 1-5.53-.43v-16.85h5.7q4.84 0 7.39 2.25a8.06 8.06 0 0 1 2.55 6.39 7.91 7.91 0 0 1-2.64 6.44' data-name='Path 122'/%3E%3Cpath d='M198.86 104.12h14.09v64.65h-14.09z' data-name='Rectangle 332'/%3E%3Cpath d='M256.16 126.9a19.2 19.2 0 0 0-6.52-4.07 23.4 23.4 0 0 0-8.34-1.42 24.2 24.2 0 0 0-7 1 22.3 22.3 0 0 0-6 2.81 17.5 17.5 0 0 0-4.54 4.32 15.1 15.1 0 0 0-2.51 5.53l12.61 2.15a6.26 6.26 0 0 1 2.77-3.15 8.5 8.5 0 0 1 4.41-1.17 6.9 6.9 0 0 1 5.22 2 7.5 7.5 0 0 1 2 5.41v2.33a25 25 0 0 0-4.58-1.38 26.5 26.5 0 0 0-5-.44 24.9 24.9 0 0 0-10 1.86 15.4 15.4 0 0 0-6.65 5.23 13.13 13.13 0 0 0-2.38 7.78 13.48 13.48 0 0 0 4.58 10.29 16.1 16.1 0 0 0 5.1 3 18.4 18.4 0 0 0 6.4 1.08 16.74 16.74 0 0 0 8-1.86 12.75 12.75 0 0 0 5.18-4.88l.35 5.44h12.62v-27.73a20.7 20.7 0 0 0-1.47-7.91 17.8 17.8 0 0 0-4.25-6.22m-8 24.76a7.63 7.63 0 0 1-1.12 4.06 8 8 0 0 1-3.07 2.85 9.34 9.34 0 0 1-4.45 1 6.94 6.94 0 0 1-4.45-1.34 4.16 4.16 0 0 1-1.69-3.41 4.27 4.27 0 0 1 2.07-3.72 10.24 10.24 0 0 1 5.71-1.38 17.2 17.2 0 0 1 3.63.39 16.6 16.6 0 0 1 3.37 1.08Z' data-name='Path 123'/%3E%3Cpath d='M309.4 157.45h-22.38l20.91-25.41v-9.34h-37.77v11.33h20.23l-20.92 25.41v9.33h39.93Z' data-name='Path 124'/%3E%3Cpath d='M351.41 126.9a19.2 19.2 0 0 0-6.53-4.07 23.4 23.4 0 0 0-8.34-1.42 24.1 24.1 0 0 0-7 1 22.5 22.5 0 0 0-6 2.81 17.7 17.7 0 0 0-4.54 4.32 15.1 15.1 0 0 0-2.5 5.53l12.61 2.15a6.28 6.28 0 0 1 2.76-3.15 8.56 8.56 0 0 1 4.41-1.17 6.92 6.92 0 0 1 5.23 2 7.5 7.5 0 0 1 1.94 5.41v2.33a24.6 24.6 0 0 0-4.58-1.38 26.5 26.5 0 0 0-5-.44 24.9 24.9 0 0 0-10 1.86 15.5 15.5 0 0 0-6.66 5.23 13.2 13.2 0 0 0-2.37 7.78 13.6 13.6 0 0 0 1.21 5.75 13.4 13.4 0 0 0 3.37 4.54 16.1 16.1 0 0 0 5.1 3 18.4 18.4 0 0 0 6.39 1.08 16.7 16.7 0 0 0 8-1.86 12.85 12.85 0 0 0 5.19-4.88l.34 5.44h12.62v-27.73a20.7 20.7 0 0 0-1.47-7.91 17.8 17.8 0 0 0-4.18-6.22m-8 24.76a7.54 7.54 0 0 1-1.12 4.06 7.9 7.9 0 0 1-3.07 2.85 9.3 9.3 0 0 1-4.45 1 7 7 0 0 1-4.45-1.34 4.18 4.18 0 0 1-1.69-3.41 4.27 4.27 0 0 1 2.08-3.72 10.2 10.2 0 0 1 5.7-1.38 17.2 17.2 0 0 1 3.63.39 16.4 16.4 0 0 1 3.37 1.08Z' data-name='Path 125'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%23f3b41a' data-name='Group 174'%3E%3Cpath d='M259.403 116.483 166.016 5h-137.1l21.99 27.6-3.91 3.116L18.539-.002h149.813l.749.895 94.136 112.378Z' data-name='Path 214'/%3E%3Cpath d='M338.64 203.392H187.793l-.751-.931-21.879-27.139 3.893-3.138 21.128 26.208h137.847l-19.023-23.048 3.855-3.183Z' data-name='Path 215'/%3E%3Cpath d='m137.521 142.271-25.7-30.911 3.846-3.2 25.7 30.911Z' data-name='Path 216'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 6rem;
  aspect-ratio: 1;
}
.navigation .colorpicker-toggle {
  border-color: #cecece;
  background-color: transparent;
  color: #143D59;
  padding-left: 3.5em;
}
@media (min-width: 1025px) {
  .navigation .colorpicker-toggle {
    margin-right: 0.5rem;
  }
}
@media (max-width: 1024px) {
  .navigation .colorpicker-toggle {
    --iconsize: 2.25rem;
    font-size: 0;
    color: transparent;
    border: none;
    padding: 0;
    height: 4rem;
    width: 4rem;
    position: absolute;
    right: 8rem;
    padding-left: 2em;
  }
}
@media (max-width: 549px) {
  .navigation .colorpicker-toggle {
    right: 8rem;
  }
}
.navigation .colorpicker-toggle:hover {
  border-color: #143D59;
}
.navigation .colorpicker-toggle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  display: inline-block;
  height: var(--iconsize, 2.5rem);
  width: var(--iconsize, 2.5rem);
  transition: 0.4s ease-in-out;
  border-radius: 50%;
  background: radial-gradient(circle, var(--radial-inside-bg, #ffffff) 40%, transparent 40%), conic-gradient(#66b3ff 0% 12.5%, #4d88ff 12.5% 25%, #7acc52 25% 37.5%, #ace65d 37.5% 50%, #ffea80 50% 62.5%, #ffcb66 62.5% 75%, #ff6667 75% 87.5%, #e64560 87.5% 100%);
}
@media (max-width: 1024px) {
  .navigation .colorpicker-toggle::before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1024px) {
  .navigation {
    display: flex;
    flex-direction: column;
  }
  .navigation .cart--mini {
    position: absolute;
    right: 0rem;
    background: transparent;
    border-color: transparent;
    height: 4rem;
    width: 4rem;
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .navigation .cart--mini__contents {
    display: none;
  }
  .navigation .cart--mini__totals {
    top: 0.65rem;
  }
  .navigation .cart--mini__totals::before {
    height: 2.25rem;
    width: 2.25rem;
    top: 0.25rem;
  }
  .navigation .cart--mini__totals::after {
    top: -1rem;
    right: -0.25rem;
  }
  .navigation .icon--cart[data-count="0"] {
    opacity: 0.25;
  }
}
.navigation__userprofile-mobile.btn--icon.btn--icon--user {
  display: none;
}
@media (max-width: 1024px) {
  .navigation__userprofile-mobile.btn--icon.btn--icon--user {
    position: relative;
    padding-left: 6rem;
    position: absolute;
    right: 4rem;
    display: inline-block;
    order: 2;
    height: 4rem;
    width: 4rem;
    padding: 0;
    display: inline-block;
    margin-left: 1rem;
    border-radius: 8px;
  }
  .navigation__userprofile-mobile.btn--icon.btn--icon--user:before {
    content: "";
    position: absolute;
    display: inline-block;
    transform: translateY(-50%) translateX(0) rotate(0);
    height: 2rem;
    width: 2rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transition: 0.4s ease-in-out;
    left: 2rem;
  }
  .navigation__userprofile-mobile.btn--icon.btn--icon--user:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='%23143D59' stroke='transparent'%3E%3Cpath d='M13.752 11.997A2.25 2.25 0 0 1 16 14.247v.575c0 .894-.32 1.759-.9 2.438-1.57 1.833-3.957 2.738-7.103 2.738s-5.532-.905-7.098-2.74a3.75 3.75 0 0 1-.898-2.434v-.578a2.25 2.25 0 0 1 2.249-2.249zm0 1.5H2.249a.747.747 0 0 0-.75.75v.577c0 .535.192 1.053.54 1.46 1.253 1.469 3.22 2.214 5.957 2.214 2.739 0 4.706-.745 5.963-2.213a2.25 2.25 0 0 0 .54-1.463v-.576a.75.75 0 0 0-.747-.749ZM7.997.002a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Z'/%3E%3C/svg%3E");
  }
  .navigation__userprofile-mobile.btn--icon.btn--icon--user:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='%23143D59' stroke='transparent'%3E%3Cpath d='M13.752 11.997A2.25 2.25 0 0 1 16 14.247v.575c0 .894-.32 1.759-.9 2.438-1.57 1.833-3.957 2.738-7.103 2.738s-5.532-.905-7.098-2.74a3.75 3.75 0 0 1-.898-2.434v-.578a2.25 2.25 0 0 1 2.249-2.249zm0 1.5H2.249a.747.747 0 0 0-.75.75v.577c0 .535.192 1.053.54 1.46 1.253 1.469 3.22 2.214 5.957 2.214 2.739 0 4.706-.745 5.963-2.213a2.25 2.25 0 0 0 .54-1.463v-.576a.75.75 0 0 0-.747-.749ZM7.997.002a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Z'/%3E%3C/svg%3E");
  }
  .navigation__userprofile-mobile.btn--icon.btn--icon--user::before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 549px) {
  .navigation__userprofile-mobile.btn--icon.btn--icon--user {
    right: 4rem;
  }
}
.navigation__mobilebar {
  display: none;
}
@media (max-width: 1024px) {
  .navigation__mobilebar {
    position: relative;
    width: 100%;
    max-width: calc(100% - var(--theme-window-spacing));
    margin-inline: auto;
    margin-top: 1rem;
    display: flex;
    order: 2;
  }
}
@media (min-width: 1025px) {
  .navigation > .cart__button {
    display: none;
  }
}
@media (min-width: 1025px) {
  .navigation > .navigation__carttoggle {
    display: none;
  }
}
.navigation > .navigation__carttoggle .cart--mini__contents {
  width: 100%;
}
@media (max-width: 1024px) {
  .cart-is--expanded .navigation > .navigation__carttoggle .cart--mini__contents {
    max-height: calc(70vh - 11rem);
    overflow-y: auto;
    transform: none;
    top: 5.3rem;
    border-radius: 0;
  }
}
.navigation__toggle {
  order: 1;
  cursor: pointer;
  -webkit-appearance: none;
  border: 0 none;
  display: none;
}
@media (max-width: 1024px) {
  .navigation__toggle {
    height: 4rem;
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
    background-color: transparent;
    margin-left: -0.5rem;
  }
}
.navigation__toggle:hover {
  outline: 0;
  background-color: transparent;
}
.navigation__toggle .hamburger {
  -webkit-appearance: none;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 1024px) {
  .navigation__toggle .hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 20px;
    height: 2px;
    padding: 0;
    color: #143D59;
    background: #143D59;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    transition: all 0ms 100ms;
  }
  .navigation__toggle .hamburger span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3rem;
    color: #143D59;
    font-size: 1.6rem;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .navigation__toggle .hamburger:hover {
    outline: none;
  }
  .navigation__toggle .hamburger:before, .navigation__toggle .hamburger:after {
    content: "";
    position: absolute;
    transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1);
    height: 2px;
    background: #143D59;
    border-radius: 1px;
  }
  .navigation__toggle .hamburger::before {
    bottom: 6px;
    left: 0;
    width: 20px;
    transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1), bottom 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .navigation__toggle .hamburger::after {
    top: 6px;
    right: 0;
    width: 12px;
    transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1), top 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu-expanded .navigation__toggle .hamburger {
    width: 20px;
    background: rgba(255, 255, 255, 0);
  }
  .menu-expanded .navigation__toggle .hamburger:before, .menu-expanded .navigation__toggle .hamburger:after {
    background: #143D59;
    width: 20px;
    transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu-expanded .navigation__toggle .hamburger::after {
    top: 0;
    transform: rotate(45deg);
  }
  .menu-expanded .navigation__toggle .hamburger::before {
    bottom: 0;
    transform: rotate(-45deg);
  }
}

/*# sourceMappingURL=navigation.css.map*/