navigation-content-menu{display:block}.navigation-content-item{min-width:0}.navigation-content-menu__panel{display:block;opacity:1;mix-blend-mode:normal}.navigation-content-menu__layout{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(0,4fr);gap:clamp(1.25rem,3vw,3rem);width:100%}.navigation-content-menu__sidebar{border-inline-end:1px solid rgb(var(--header-text) / .12);padding-inline-end:clamp(.75rem,2vw,2rem)}.navigation-content-menu__tabs{display:grid;gap:.375rem}.navigation-content-menu__tab{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem .75rem;border-radius:.5rem;text-align:start;font-size:.875rem;overflow-wrap:anywhere}.navigation-content-menu__tab>span{flex:1;min-width:0}.navigation-content-menu__tab>svg{flex-shrink:0}.navigation-content-menu__tab[aria-selected=true]{background:rgb(var(--header-text) / .08);font-weight:600}.navigation-content-menu__tab:hover{background:rgb(var(--header-text) / .05)}.navigation-content-menu__tab:focus-visible,.navigation-content-menu__content a:focus-visible,.navigation-content-mobile__panel a:focus-visible,.navigation-content-mobile__panel summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}.navigation-content-menu__content,.navigation-content-menu__content [role=tabpanel],.navigation-content-menu__scene,.navigation-content-menu__solutions{min-width:0}.navigation-content-menu__content [hidden]{display:none!important}.navigation-content-menu__scenario{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(1rem,2vw,2rem);align-items:start}.navigation-content-menu__scene-image,.navigation-content-menu__card-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:.5rem}.navigation-content-menu__scene-link{display:block}.navigation-content-menu__solutions{display:grid;gap:1.5rem}.navigation-content-menu__product{display:block;min-width:0}.navigation-content-menu__product-media{position:relative;border-radius:.5rem;background:rgb(var(--header-text) / .04);aspect-ratio:1}.navigation-content-menu__product-media>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.navigation-content-menu__heading{margin:.75rem 0 0;font-size:1rem;line-height:1.4;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;max-height:8.4em}.navigation-content-menu__description{margin:.5rem 0 0;font-size:.875rem;line-height:1.6;opacity:.8;overflow-wrap:anywhere;white-space:normal;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden;max-height:19.2em}.navigation-content-menu__more{display:inline-flex;align-items:center;gap:10px;margin-block-start:1rem;font-size:14px;line-height:22px;font-weight:600;overflow-wrap:anywhere;text-decoration:none}.navigation-content-menu__more-arrow{display:block;flex:0 0 18px;width:18px;height:18px}.navigation-content-menu__more:hover>.navigation-content-menu__more-label{text-decoration:underline}.navigation-content-menu__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}.navigation-content-menu__card{min-width:0;display:block;background:rgb(var(--header-text) / .035);border-radius:.5rem;overflow:hidden}.navigation-content-menu__card-image{border-end-start-radius:0;border-end-end-radius:0}.navigation-content-menu__card-body{padding:1rem}.navigation-content-menu__card-body .navigation-content-menu__heading{margin-block-start:0}.navigation-content-menu__card-body .navigation-content-menu__heading>span{float:inline-end;margin-inline-start:.5rem}.navigation-content-menu__tag{margin-block-end:.5rem;font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere}.navigation-content-menu__footer{display:flex;justify-content:flex-end}.navigation-content-menu__notice{padding:1rem;font-size:.875rem;line-height:1.6}.navigation-content-mobile__panel{justify-content:flex-start}.navigation-content-mobile__back{margin-block-end:.5rem}.navigation-content-mobile__links{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;padding:0;font-size:1rem;font-weight:400}.navigation-content-mobile__links>li>a{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;overflow-wrap:anywhere}.navigation-content-mobile__links>li>a>span:first-of-type{flex:1}.navigation-content-mobile__category[open]>summary>svg{transform:rotate(180deg)}.navigation-content-mobile__category>summary{cursor:pointer;min-height:2.75rem;gap:.75rem;font-weight:600;overflow-wrap:anywhere}.navigation-content-mobile__category>summary>span{flex:1;min-width:0}.navigation-content-mobile__category>summary>svg{flex-shrink:0}.navigation-content-mobile__content{min-width:0;padding-block:.75rem 1rem;font-size:1rem;font-weight:400}.navigation-content-mobile__content .navigation-content-menu__scenario,.navigation-content-mobile__content .navigation-content-menu__cards{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:1rem}.navigation-content-mobile__content .navigation-content-menu__scenario>*,.navigation-content-mobile__content .navigation-content-menu__card{min-width:0}@media(max-width:699px){.navigation-content-mobile__panel--guide .navigation-content-menu__footer .navigation-content-menu__more{margin-block-start:27px}.navigation-content-menu__card--guide-mobile .navigation-content-menu__card-body{padding:16px}.navigation-content-menu__card--guide-mobile .navigation-content-menu__tag{margin:0 0 8px;font-size:14px;line-height:22px;font-weight:600;letter-spacing:normal}.navigation-content-menu__card--guide-mobile .navigation-content-menu__heading{margin:0;font-size:20px;line-height:28px;font-weight:700;-webkit-line-clamp:6;max-height:168px}.navigation-content-menu__card--guide-mobile .navigation-content-menu__description{margin:8px 0 0;font-size:14px;line-height:22px;font-weight:400;-webkit-line-clamp:12;max-height:264px}.navigation-content-mobile__panel--scenario{padding-inline:16px}.navigation-content-mobile__panel--scenario .navigation-content-mobile__content{margin-inline:0;padding:16px 0 24px;font-family:var(--navigation-scenario-font-family, var(--text-font-family));color:#0c0e12}.navigation-content-mobile__panel--scenario .navigation-content-menu__scenario{gap:24px}.navigation-content-mobile__panel--scenario .navigation-content-menu__scene-image{height:auto;aspect-ratio:358 / 188;object-fit:cover;border-radius:8px 8px 0 0}.navigation-content-mobile__panel--scenario .navigation-content-menu__scene .navigation-content-menu__heading{margin:12px 0 0;font-size:20px;line-height:28px;font-weight:700;max-height:168px}.navigation-content-mobile__panel--scenario .navigation-content-menu__scene .navigation-content-menu__description{margin:8px 0 0;font-size:14px;line-height:22px;font-weight:400;color:#455560;opacity:1;max-height:264px}.navigation-content-mobile__panel--scenario .navigation-content-menu__scene-more{margin-block-start:8px;font-size:14px;line-height:22px;font-weight:700}.navigation-content-mobile__panel--scenario :is(.navigation-content-menu__scene,.navigation-content-menu__product){border:1px solid #eee;border-radius:14px;background:#fff;overflow:hidden}.navigation-content-mobile__panel--scenario .navigation-content-menu__product{display:flex;flex-direction:column;gap:12px}.navigation-content-mobile__panel--scenario .navigation-content-menu__product-media{aspect-ratio:1;border-radius:0;background:#fff}.navigation-content-mobile__panel--scenario .navigation-content-menu__product-media>img{border-radius:0}.navigation-content-mobile__panel--scenario :is(.navigation-content-menu__scene-details,.navigation-content-menu__product-details){padding:0 16px 16px}.navigation-content-mobile__panel--scenario .navigation-content-menu__product-details .navigation-content-menu__heading{margin:0;font-size:20px;line-height:28px;font-weight:700;max-height:168px}.navigation-content-mobile__panel--scenario .price-list{margin-block-start:8px;gap:8px;flex-wrap:wrap}.navigation-content-mobile__panel--scenario sale-price{font-size:20px;line-height:28px;font-weight:400;color:#0c0e12}.navigation-content-mobile__panel--scenario sale-price.text-on-sale{color:#f83a3a}.navigation-content-mobile__panel--scenario compare-at-price{font-size:16px;line-height:26px;font-weight:400;color:#616161}}@media(min-width:700px)and (max-width:1149px){.header--content-menus .header__wrapper{grid-template:"logo secondary-nav" auto "main-nav main-nav" auto / minmax(0,1fr) auto}.header--content-menus .header__main-nav>.header__icon-list>.tap-area{display:none}.header--content-menus .header__link-list{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.header--content-menus .header__main-nav .header__link-list{width:100%;justify-content:flex-start}.header--content-menus .header__main-nav .header__icon-list{width:100%}.header--content-menus .header__main-nav navigation-drawer[mega-menu]{display:block}.header--content-menus .navigation-content-menu__panel{padding:1.5rem var(--container-gutter)}.header--content-menus .navigation-content-menu__layout{grid-template-columns:minmax(8rem,1fr) minmax(0,3fr);gap:1rem}.header--content-menus .navigation-content-menu__tab{padding:.75rem .5rem;gap:.5rem}}@media(min-width:700px){.navigation-content-menu--scenarios{--navigation-scenario-primary: #0c0e12;--navigation-scenario-secondary: #455560;--navigation-scenario-gutter: clamp(24px, 3.333333vw, 48px);--navigation-scenario-divider-gap: clamp(16px, 2.222222vw, 32px);--navigation-scenario-category-width: clamp(136px, 17.777778vw, 256px)}.header--content-menus .navigation-content-menu--scenarios .navigation-content-menu__panel{padding:32px var(--navigation-scenario-gutter);border-block-start:1px solid #e2e7e9;background:#f0f0f0;color:var(--navigation-scenario-primary);font-family:var(--navigation-scenario-font-family, var(--text-font-family));font-style:normal;letter-spacing:normal}.header--content-menus .navigation-content-menu--scenarios .navigation-content-menu__layout{grid-template-columns:calc(var(--navigation-scenario-category-width) + var(--navigation-scenario-divider-gap) + 1px) minmax(0,1fr);gap:var(--navigation-scenario-divider-gap);min-height:468px}.navigation-content-menu--scenarios .navigation-content-menu__sidebar{padding-inline-end:var(--navigation-scenario-divider-gap);border-inline-end-color:#0c0e1229}.navigation-content-menu--scenarios .navigation-content-menu__tabs{gap:4px}.header--content-menus .navigation-content-menu--scenarios .navigation-content-menu__tab{min-height:48px;padding:13px 14px;gap:12px;border-radius:8px;font-size:14px;line-height:22px;font-weight:600;color:var(--navigation-scenario-primary)}.header--content-menus .navigation-content-menu--scenarios .navigation-content-menu__tab[aria-selected=true]{background:var(--navigation-scenario-primary);color:#fff;font-weight:700}.navigation-content-menu--scenarios .navigation-content-menu__sidebar>.navigation-content-menu__more{margin:4px 0 0;min-height:44px;padding:12px 0 0 14px;gap:10px;font-size:14px;line-height:22px;font-weight:600}.navigation-content-menu--scenarios .navigation-content-menu__scenario{--navigation-scenario-product-width: clamp(180px, 26.388889vw, 380px);grid-template-columns:minmax(0,1fr) minmax(0,var(--navigation-scenario-product-width));grid-template-rows:auto;column-gap:24px;row-gap:0;align-items:stretch}.navigation-content-menu--scenarios .navigation-content-menu__scene{display:flex;flex-direction:column}.navigation-content-menu--scenarios .navigation-content-menu__scene-link{display:flex;flex-direction:column;flex:1}.navigation-content-menu--scenarios .navigation-content-menu__solutions{display:block}.navigation-content-menu--scenarios .navigation-content-menu__scene-image{height:var(--navigation-scenario-product-width);aspect-ratio:auto;flex-shrink:0;object-fit:cover;border-radius:8px 8px 0 0}.navigation-content-menu--scenarios .navigation-content-menu__scene .navigation-content-menu__heading{grid-row:2;display:block;margin:12px 0 0;font-size:24px;line-height:32px;font-weight:700;max-height:none}.navigation-content-menu--scenarios .navigation-content-menu__scenario-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.navigation-content-menu--scenarios .navigation-content-menu__scene .navigation-content-menu__scenario-title{max-height:192px}.navigation-content-menu--scenarios .navigation-content-menu__scene .navigation-content-menu__description{grid-row:3;margin:12px 0 0;font-size:14px;line-height:22px;font-weight:400;color:var(--navigation-scenario-secondary);opacity:1;max-height:264px}.navigation-content-menu--scenarios .navigation-content-menu__scene-more{align-self:start;margin:auto 0 24px;padding-block-start:8px;gap:10px;font-size:14px;line-height:22px;font-weight:600}.navigation-content-menu--scenarios .navigation-content-menu__product-more{align-self:start;margin:auto 24px 24px;font-size:14px;line-height:22px}.navigation-content-menu--scenarios .navigation-content-menu__product{min-height:0;display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.navigation-content-menu--scenarios .navigation-content-menu__product-media{width:100%;height:auto;aspect-ratio:1;flex-shrink:0;background:#fff;border-radius:0}.navigation-content-menu--scenarios .navigation-content-menu__product-media>img{border-radius:0}.navigation-content-menu--scenarios .navigation-content-menu__product-details{padding:0 24px 8px;min-width:0}.navigation-content-menu--scenarios .navigation-content-menu__product-details .navigation-content-menu__heading{grid-row:1;display:block;margin:12px 0 0;font-size:20px;line-height:28px;font-weight:700;max-height:none}.navigation-content-menu--scenarios .navigation-content-menu__product-details .navigation-content-menu__scenario-title{max-height:168px}.navigation-content-menu--scenarios .price-list{grid-row:2;align-self:start;margin-block-start:8px;gap:8px;flex-wrap:wrap}.navigation-content-menu--scenarios sale-price{font-size:20px;line-height:28px;font-weight:400;color:var(--navigation-scenario-primary)}.navigation-content-menu--scenarios sale-price.text-on-sale{color:#f83a3a}.navigation-content-menu--scenarios compare-at-price{font-size:16px;line-height:24px;font-weight:400;color:#616161}}@media(min-width:700px){.navigation-content-menu--guide{--navigation-guide-primary: #0c0e12;--navigation-guide-secondary: #455560;--navigation-guide-surface: #fff;--navigation-guide-radius: 8px;--navigation-guide-gutter: clamp(24px, 3.333333vw, 48px);--navigation-guide-divider-gap: clamp(16px, 2.222222vw, 32px);--navigation-guide-category-width: clamp(136px, 17.777778vw, 256px)}.header--content-menus .navigation-content-menu--guide .navigation-content-menu__panel{padding:32px var(--navigation-guide-gutter);border-block-start:0;background:#f0f0f0;color:var(--navigation-guide-primary);font-family:var(--navigation-guide-font-family, var(--text-font-family));font-style:normal;letter-spacing:normal}.header--content-menus .navigation-content-menu--guide .navigation-content-menu__layout{grid-template-columns:calc(var(--navigation-guide-category-width) + var(--navigation-guide-divider-gap) + 1px) minmax(0,1fr);gap:var(--navigation-guide-divider-gap);min-height:456px}.navigation-content-menu--guide .navigation-content-menu__sidebar{padding-inline-end:var(--navigation-guide-divider-gap);border-inline-end-color:#0c0e1229}.navigation-content-menu--guide .navigation-content-menu__tabs{gap:4px}.header--content-menus .navigation-content-menu--guide .navigation-content-menu__tab{min-height:48px;padding:13px 14px;gap:12px;border-radius:var(--navigation-guide-radius);font-size:14px;line-height:22px;font-weight:600;color:var(--navigation-guide-primary)}.header--content-menus .navigation-content-menu--guide .navigation-content-menu__tab[aria-selected=true]{background:var(--navigation-guide-primary);color:var(--navigation-guide-surface);font-weight:700}.navigation-content-menu--guide .navigation-content-menu__cards{grid-template-rows:auto auto auto auto;column-gap:24px;row-gap:0;align-items:stretch}.navigation-content-menu--guide .navigation-content-menu__cards:has(>.navigation-content-menu__card:only-child)+.navigation-content-menu__footer{width:calc((100% - 24px)/2)}.navigation-content-menu--guide .navigation-content-menu__card{display:grid;grid-row:span 4;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0;background:var(--navigation-guide-surface);border-radius:var(--navigation-guide-radius)}.navigation-content-menu--guide .navigation-content-menu__card-image{grid-row:1;height:auto;aspect-ratio:499.5 / 240;border-radius:var(--navigation-guide-radius) var(--navigation-guide-radius) 0 0}.navigation-content-menu--guide .navigation-content-menu__card-body{display:grid;grid-row:2 / span 3;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0;padding:24px}.navigation-content-menu--guide .navigation-content-menu__tag{grid-row:1;margin:0 0 8px;font-size:14px;line-height:22px;font-weight:600;letter-spacing:normal}.navigation-content-menu--guide .navigation-content-menu__heading{grid-row:2;margin:0;display:flex;align-items:flex-start;gap:16px;min-height:28px;max-height:none;font-size:20px;line-height:28px;font-weight:700}.navigation-content-menu--guide .navigation-content-menu__heading>span{float:none;margin:0}.navigation-content-menu--guide .navigation-content-menu__card-title{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;max-height:168px;overflow:hidden}.navigation-content-menu--guide .navigation-content-menu__heading>.navigation-content-menu__card-arrow{position:relative;flex:0 0 18px;height:18px;margin-block-start:5px}.navigation-content-menu--guide .navigation-content-menu__card-arrow>img{display:block;width:18px;height:18px}.navigation-content-menu--guide .navigation-content-menu__description{grid-row:3;align-self:start;margin:8px 0 0;font-size:14px;line-height:22px;font-weight:400;color:var(--navigation-guide-secondary);opacity:1;-webkit-line-clamp:12;max-height:264px}.navigation-content-menu--guide .navigation-content-menu__footer .navigation-content-menu__more{color:var(--navigation-guide-primary);font-size:14px;line-height:22px;font-weight:600;text-decoration:none}.header--content-menus :is(.navigation-content-menu--guide,.navigation-content-menu--scenarios) .navigation-content-menu__tabs{gap:0}.header--content-menus :is(.navigation-content-menu--guide,.navigation-content-menu--scenarios) .navigation-content-menu__tab{min-height:0;padding:14px 20px;margin-block-end:10px;border-radius:10px;background:transparent;color:#111;font-family:var(--text-font-family);font-size:15px;line-height:1.5;font-weight:400}.header--content-menus :is(.navigation-content-menu--guide,.navigation-content-menu--scenarios) .navigation-content-menu__tab:hover{background:#f5f5f5}.header--content-menus :is(.navigation-content-menu--guide,.navigation-content-menu--scenarios) .navigation-content-menu__tab[aria-selected=true]{background:#000;color:#fff;font-weight:400}}@media(min-width:1150px){.header--content-menus :is(.navigation-content-menu--guide,.navigation-content-menu--scenarios) .navigation-content-menu__panel{padding-inline:max(var(--container-gutter),50% - var(--container-max-width) / 2)}.header--content-menus :is(.navigation-content-menu--guide,.navigation-content-menu--scenarios) .navigation-content-menu__layout{width:100%;max-width:1400px;margin-inline:auto;padding-inline:20px;grid-template-columns:220px minmax(0,1fr);column-gap:40px}:is(.navigation-content-menu--guide,.navigation-content-menu--scenarios) .navigation-content-menu__sidebar{padding-inline-end:20px}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/navigation-content-menu.css.map */
