@media(prefers-reduced-motion:no-preference){html:active-view-transition-type(page-navigation) #header-component{view-transition-name:nudient-header}}html #header-component{--nudient-header-border: var(--color-border);--nudient-header-foreground: var(--color-foreground-heading);--nudient-header-background: var(--color-background);--nudient-header-muted: var(--color-foreground);color:var(--color-foreground-heading)}html #header-component[data-menu-style] .header__row.header__row--top{border-block-end:var(--nudient-control-border-width) solid transparent}html #header-component[data-menu-style][data-sticky-state=active] .header__row.header__row--top{border-block-end-color:var(--nudient-header-border)}html #header-component .header-logo{padding:0}html #header-component .header-logo__image{width:auto;height:16px}html #header-component :is(.menu-list__link,.nudient-account-link,.dropdown-localization__button){color:var(--color-foreground-heading);font-family:var(--nudient-font-family);font-size:var(--nudient-type-label-large-size);line-height:var(--nudient-type-label-large-line-height);letter-spacing:var(--nudient-type-label-large-letter-spacing);font-weight:var(--nudient-type-label-large-weight);text-transform:uppercase}html #header-component .nudient-account-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--nudient-touch-target);min-height:var(--nudient-touch-target);text-decoration:none}html #header-component .dropdown-localization__button{display:inline-flex;align-items:center;gap:var(--nudient-spacing-4);min-height:var(--nudient-touch-target);margin-inline:0;padding:0}html #header-component .search-action{margin-inline:0}html #header-component .dropdown-localization__button .currency-code{order:3}html #header-component .dropdown-localization__button>.visually-hidden+span{order:2}html #header-component .dropdown-localization__button>.visually-hidden+span+span{order:1}html #header-component .dropdown-localization__button .icon-caret{display:none}html #header-component :is(.search-action .svg-wrapper,cart-icon .svg-wrapper,.header-drawer-icon--open,shopify-account>span:not(.account-button__text)){display:inline-flex;align-items:center;justify-content:center}html #header-component :is(.search-action .svg-wrapper,cart-icon .svg-wrapper,.header-drawer-icon--open,shopify-account>span:not(.account-button__text))>svg{display:none}html #header-component :is(.search-action .svg-wrapper,cart-icon .svg-wrapper,.header-drawer-icon--open,shopify-account>span:not(.account-button__text)):before{content:"";width:24px;height:24px;background-color:var(--color-foreground-heading);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px 24px;mask-size:24px 24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}html #header-component .search-action .svg-wrapper:before{-webkit-mask-image:url(nudient-icon-search-24.svg);mask-image:url(nudient-icon-search-24.svg)}html #header-component shopify-account>span:not(.account-button__text):before{-webkit-mask-image:url(nudient-icon-profile-24.svg);mask-image:url(nudient-icon-profile-24.svg)}html #header-component cart-icon .svg-wrapper:before{-webkit-mask-image:url(nudient-icon-cart-24.svg);mask-image:url(nudient-icon-cart-24.svg)}html #header-component .header-actions__cart-icon--has-cart .svg-wrapper:before{-webkit-mask-image:url(nudient-icon-cart-filled-24.svg);mask-image:url(nudient-icon-cart-filled-24.svg)}html #header-component .cart-bubble{display:none}html #header-component .header-drawer-icon--open{width:24px;height:24px}html #header-component .header-drawer-icon--open:before{-webkit-mask-image:url(nudient-icon-list-24.svg);mask-image:url(nudient-icon-list-24.svg)}html #header-component .header__icon--summary{display:flex;align-items:center;justify-content:center;padding:0}html #header-component :is(.search-action>button,.account-button,.header-actions__action:has(cart-icon),.header__icon--summary){width:var(--nudient-touch-target);height:var(--nudient-touch-target);margin-inline:calc((24px - var(--nudient-touch-target)) / 2)}html #header-component[data-menu-style] .header__drawer{display:flex;align-items:center;min-height:0}@media(min-width:768px){html #header-component[data-menu-style=menu] .header__columns{--header-left: 1fr;--header-center: auto;--header-right: 1fr;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left center right";align-items:center;column-gap:var(--nudient-spacing-24);min-height:calc(56px - var(--nudient-control-border-width));padding-block:0;padding-inline:var(--nudient-spacing-24)}html #header-component[data-menu-style=menu] .header__column--left{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;column-gap:var(--nudient-spacing-24);row-gap:0;min-width:0;height:calc(56px - var(--nudient-control-border-width));overflow:clip}html #header-component[data-menu-style=menu] .header__column--left>*{flex:none;height:calc(56px - var(--nudient-control-border-width))}html #header-component[data-menu-style=menu] .header__column--left .menu-list__link:focus-visible{outline-offset:calc(var(--focus-outline-width) * -1)}html #header-component[data-menu-style=menu] .header__column--left .header__icon--summary:focus-visible{outline-offset:calc((var(--nudient-touch-target) - 24px) / -2 - var(--focus-outline-width))}html #header-component[data-menu-style=menu] .header__column--left header-menu{width:max-content}html #header-component[data-menu-style=menu] .overflow-menu::part(list){column-gap:var(--nudient-spacing-24)}html #header-component[data-menu-style=menu] :is(.menu-list__link,.menu-list__link-title){padding-inline:0}html #header-component[data-menu-style=menu] .menu-list__disclosure:not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html #header-component[data-menu-style=menu] .header__column--right{display:flex;align-items:center;justify-content:flex-end;gap:var(--nudient-spacing-16)}html #header-component[data-menu-style=menu] .header__column--right header-actions{display:contents}html #header-component[data-menu-style=menu] .header__column--right .dropdown-localization{order:0}html #header-component[data-menu-style=menu] .header__column--right .search-action{order:1}html #header-component[data-menu-style=menu] .header__column--right .account-button{order:2}html #header-component[data-menu-style=menu] .header__column--right .header-actions__action:has(cart-icon){order:3}}@media(max-width:767px){html #header-component[data-menu-style] .header__columns{display:flex;align-items:center;gap:var(--nudient-spacing-16);min-height:calc(48px - var(--nudient-control-border-width));padding-block:0;padding-inline:var(--nudient-spacing-16)}html #header-component[data-menu-style] :is(.header__column,header-actions){display:contents}html #header-component[data-menu-style] .header-logo{order:0;margin-inline-end:auto}html #header-component[data-menu-style] .search-action{order:1}html #header-component[data-menu-style] .account-button{position:relative;order:2}html #header-component[data-menu-style] .header-actions__action:has(cart-icon){order:3}html #header-component[data-menu-style] .header__drawer{order:4}html #header-component[data-menu-style] :is(header-menu,.dropdown-localization,.nudient-account-link){display:none}html #header-component[data-menu-style]:has([data-nudient-account-name][data-nudient-signed-in]) .account-button:after{content:"";position:absolute;inset-block-start:calc((var(--nudient-touch-target) - 24px) / 2);inset-inline-end:calc((var(--nudient-touch-target) - 24px) / 2);width:6px;height:6px;border-radius:50%;background-color:var(--color-foreground-heading)}}html #header-component[data-menu-style=drawer] .header__columns{display:flex;align-items:center;gap:var(--nudient-spacing-16);min-height:calc(48px - var(--nudient-control-border-width));padding-block:0;padding-inline:var(--nudient-spacing-16)}html #header-component[data-menu-style=drawer] :is(.header__column,header-actions){display:contents}html #header-component[data-menu-style=drawer] .header-logo{order:0;margin-inline-end:auto}html #header-component[data-menu-style=drawer] .search-action{order:1}html #header-component[data-menu-style=drawer] .account-button{position:relative;order:2}html #header-component[data-menu-style=drawer] .header-actions__action:has(cart-icon){order:3}html #header-component[data-menu-style=drawer] .header__drawer{order:4}html #header-component[data-menu-style=drawer] :is(header-menu,.dropdown-localization,.nudient-account-link){display:none}html #header-component[data-menu-style=drawer]:has([data-nudient-account-name][data-nudient-signed-in]) .account-button:after{content:"";position:absolute;inset-block-start:calc((var(--nudient-touch-target) - 24px) / 2);inset-inline-end:calc((var(--nudient-touch-target) - 24px) / 2);width:6px;height:6px;border-radius:50%;background-color:var(--color-foreground-heading)}html #header-component [data-nudient-quiet-focus]:focus-visible{outline:none}html #header-component[data-menu-style] .header__icon--summary .header-drawer-icon--close,html #header-component[data-menu-style] .menu-drawer .menu-drawer__close-button{display:none}html #header-component[data-menu-style] #Details-menu-drawer-container.menu-open>.header__icon--summary .header-drawer-icon--open{display:inline-flex}html #header-component[data-menu-style] #Details-menu-drawer-container.menu-open>.header__icon--summary .header-drawer-icon--open:before{content:"X";width:auto;height:auto;background-color:transparent;-webkit-mask-image:none;mask-image:none;color:var(--nudient-header-foreground);font-family:var(--nudient-font-family);font-size:var(--nudient-type-label-large-size);line-height:var(--nudient-type-label-large-line-height);letter-spacing:var(--nudient-type-label-large-letter-spacing);font-weight:var(--nudient-type-label-large-weight)}html #header-component[data-menu-style]:has(#Details-menu-drawer-container.menu-open) .header__row.header__row--top{border-block-end-color:var(--nudient-header-border)}html #header-component[data-menu-style] .menu-drawer__backdrop{top:var(--nudient-drawer-top, 0);height:calc(100dvh - var(--nudient-drawer-top, 0));backdrop-filter:none;-webkit-backdrop-filter:none}html #header-component[data-menu-style] .menu-drawer{display:grid;grid-template-rows:minmax(0,1fr) auto;top:var(--nudient-drawer-top, 0);height:calc(100dvh - var(--nudient-drawer-top, 0));max-width:none;padding-block-start:0;border-inline-end:0;overflow:hidden;background-color:var(--nudient-header-background)}@media(max-width:767px){html #header-component[data-menu-style] .menu-drawer{width:100%}}@media(min-width:768px){html #header-component[data-menu-style] .menu-drawer{width:390px}}html #header-component[data-menu-style] .menu-drawer__navigation{position:relative;min-height:0;margin:0;padding:0;overflow-y:auto}html #header-component[data-menu-style] .menu-drawer--has-submenu-opened .menu-drawer__navigation{overflow:hidden}html #header-component[data-menu-style] .menu-drawer :is(.menu-drawer__menu,.menu-drawer__list-item,.menu-drawer__utility-links,.menu-drawer__localization){margin:0;padding:0}html #header-component[data-menu-style] .menu-drawer :is(.menu-drawer__menu,.menu-drawer__list-item){display:block;width:100%}html #header-component[data-menu-style] .menu-drawer :is(.menu-drawer__menu-item,.menu-drawer__navigation .menu-drawer__nav-buttons,.drawer-localization__button,.nudient-account-link){display:flex;align-items:center;justify-content:space-between;gap:var(--nudient-spacing-8);box-sizing:border-box;min-height:50px;margin:0;padding-block:0;padding-inline:var(--nudient-spacing-16);border:0;border-block-end:var(--nudient-control-border-width) solid var(--nudient-header-border);border-radius:0;background-color:var(--nudient-header-background);color:var(--nudient-header-foreground);text-decoration:none;opacity:1}html #header-component[data-menu-style] .menu-drawer :is(.menu-drawer__menu-item,.menu-drawer__menu-item-text,.menu-drawer__title,.drawer-localization__button,.nudient-account-link,.nudient-drawer-country){color:var(--nudient-header-foreground);font-family:var(--nudient-font-family);font-size:var(--nudient-type-label-large-size);line-height:var(--nudient-type-label-large-line-height);letter-spacing:var(--nudient-type-label-large-letter-spacing);font-weight:var(--nudient-type-label-large-weight);text-transform:uppercase}html #header-component[data-menu-style] .menu-drawer .nudient-drawer-group-heading{display:block;margin:0;padding-block:var(--nudient-spacing-24) var(--nudient-spacing-8);padding-inline:var(--nudient-spacing-16);border:0;background-color:var(--nudient-header-background);color:var(--nudient-header-muted);font-family:var(--nudient-font-family);font-size:var(--nudient-type-label-small-size);line-height:var(--nudient-type-label-small-line-height);letter-spacing:var(--nudient-type-label-small-letter-spacing);font-weight:var(--nudient-type-label-small-weight);text-transform:uppercase;cursor:default}html #header-component[data-menu-style] .menu-drawer :is(.icon-caret--forward,.icon-caret--backward){display:block;flex:none;box-sizing:content-box;width:12px;height:12px;min-width:0;min-height:0;margin:0;padding:0;transform:none;rotate:none}html #header-component[data-menu-style] .menu-drawer :is(.icon-caret--forward,.icon-caret--backward)>svg{display:none}html #header-component[data-menu-style] .menu-drawer :is(.icon-caret--forward,.icon-caret--backward):before{content:"";display:block;width:12px;height:12px;background-color:var(--nudient-header-foreground);-webkit-mask-image:url(nudient-icon-chevron-right-12.svg);mask-image:url(nudient-icon-chevron-right-12.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:12px 12px;mask-size:12px 12px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}html #header-component[data-menu-style] .menu-drawer .icon-caret--backward:before{-webkit-mask-image:url(nudient-icon-chevron-left-12.svg);mask-image:url(nudient-icon-chevron-left-12.svg)}html #header-component[data-menu-style] .menu-drawer__navigation .menu-drawer__submenu{top:0;right:0;bottom:0;left:0;width:100%;height:auto;padding:0;background-color:var(--nudient-header-background)}html #header-component[data-menu-style] .menu-drawer__navigation .menu-drawer__inner-submenu{height:100%;margin:0;overflow-y:auto}html #header-component[data-menu-style] .menu-drawer__navigation .menu-drawer__nav-buttons{position:relative;justify-content:flex-start}html #header-component[data-menu-style] .menu-drawer__navigation .menu-drawer__back-button{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;width:auto;height:auto;min-width:0;min-height:0;margin:0;padding-block:0;padding-inline:var(--nudient-spacing-16);border:0;border-radius:0;background:none;box-shadow:none;color:var(--nudient-header-foreground)}html #header-component[data-menu-style] .menu-drawer__navigation .menu-drawer__title{flex:none;margin:0;margin-inline-start:calc(12px + var(--nudient-spacing-8));padding:0;text-align:start;text-decoration:none;pointer-events:none}html #header-component[data-menu-style] .menu-drawer .menu-drawer__utility-links{display:flex;flex-direction:column;background-color:var(--nudient-header-background)}html #header-component[data-menu-style] .menu-drawer .nudient-account-link{justify-content:flex-start}html #header-component[data-menu-style] .menu-drawer .drawer-localization__button--label{display:none}html #header-component[data-menu-style] .menu-drawer__utility-links .menu-drawer__submenu{height:100%}@media(min-width:768px){html #header-component[data-menu-style=menu]{--submenu-animation-speed: .2s}html #header-component[data-menu-style=menu] :is(.menu-list__submenu,.header__underlay-open,.header__underlay-open:after){transition-timing-function:ease-out}html #header-component[data-menu-style=menu]{--color-submenu: var(--nudient-header-background)}html #header-component[data-menu-style=menu] .header__underlay-open:after{box-shadow:none;border-block-end:var(--nudient-control-border-width) solid var(--nudient-header-border)}html #header-component[data-menu-style=menu] .menu-list__submenu{padding-inline:0}html #header-component[data-menu-style=menu] .menu-list__submenu-inner{display:block;padding-block:var(--nudient-spacing-48);padding-inline:var(--nudient-spacing-24)}html #header-component[data-menu-style=menu] .menu-list__submenu .mega-menu{display:block;width:auto;max-width:none;margin:0;padding:0}html #header-component[data-menu-style=menu] .menu-list__submenu .mega-menu__grid{display:block;padding:0}html #header-component[data-menu-style=menu] .menu-list__submenu .mega-menu__list{display:flex;flex-wrap:wrap;gap:var(--nudient-spacing-48) var(--nudient-spacing-24);margin:0;padding:0}html #header-component[data-menu-style=menu] .menu-list__submenu .mega-menu__column{display:contents}html #header-component[data-menu-style=menu] .menu-list__submenu .mega-menu__column>div{display:flex;flex:none;flex-direction:column;gap:var(--nudient-spacing-16);width:330px}html #header-component[data-menu-style=menu] .menu-list__submenu .mega-menu__column>div>ul{display:flex;flex-direction:column;gap:var(--nudient-spacing-8);margin:0;padding:0}html #header-component[data-menu-style=menu] .menu-list__submenu .mega-menu__link{display:block;min-height:0;margin:0;padding:0;color:var(--nudient-header-foreground);font-family:var(--nudient-font-family);font-size:var(--nudient-type-label-large-size);line-height:var(--nudient-type-label-large-line-height);letter-spacing:var(--nudient-type-label-large-letter-spacing);font-weight:var(--nudient-type-label-large-weight);text-transform:uppercase;text-decoration:none}html #header-component[data-menu-style=menu] .menu-list__submenu .mega-menu__link:hover{text-decoration:underline}html #header-component[data-menu-style=menu] .menu-list__submenu .nudient-mega-menu-heading{color:var(--nudient-header-muted);font-size:var(--nudient-type-label-small-size);line-height:var(--nudient-type-label-small-line-height);letter-spacing:var(--nudient-type-label-small-letter-spacing);font-weight:var(--nudient-type-label-small-weight);cursor:default}html #header-component[data-menu-style=menu] .menu-list__submenu .nudient-mega-menu-heading:hover{text-decoration:none}html #header-component[data-menu-style=menu] .nudient-mega-menu-model-row{margin-block-start:var(--nudient-spacing-48);padding-inline:0;padding-block-start:var(--nudient-spacing-48);border-block-start:var(--nudient-control-border-width) solid var(--nudient-header-border)}html #header-component[data-menu-style=menu] .nudient-mega-menu-model-row nudient-model-picker{width:280px}html #header-component[data-menu-style=menu] .nudient-mega-menu-model-row .nudient-cases-cta .nudient-button{display:flex;box-sizing:border-box;width:280px;margin-block-start:var(--nudient-spacing-16)}html #header-component[data-menu-style=menu] .menu-list__submenu:not([data-nudient-panel-scrolls]):has(.nudient-model-picker__field[aria-expanded=true]){clip-path:none}html #header-component[data-menu-style=menu] .menu-list__submenu:not([data-nudient-panel-scrolls]):has(.nudient-model-picker__field[aria-expanded=true]) .menu-list__submenu-inner{max-height:none;overflow:visible}html #header-component[data-menu-style=menu] .menu-list__disclosure:focus-visible{display:inline-flex;align-items:center;justify-content:center;min-width:var(--nudient-touch-target);min-height:var(--nudient-touch-target)}}:target{scroll-margin-top:var(--header-height, 0px)}#MainContent:focus{outline:none}
/*# sourceMappingURL=/cdn/shop/t/73/assets/nudient-header.css.map */
