tl-header{display:block;position:relative;width:100%;font-family:var(--font-body--family);color:var(--color-foreground);background:var(--color-background);z-index:var(--layer-sticky);transition:transform var(--animation-speed-slow) var(--ease-out-cubic)}#header-group:has(.tl-header-section>tl-header[data-sticky=true]){display:contents}.tl-header-section:has(>tl-header[data-sticky=true]){display:block;position:relative;height:var(--header-sticky-height,var(--custom-header-initial-height,8.5rem))}.tl-header-section>tl-header[data-sticky=true]{position:fixed;top:0;left:0;right:0;width:100%;will-change:transform;transition:transform var(--drawer-animation-speed) var(--ease-out-cubic)}tl-header.is-ready{transition:box-shadow var(--animation-speed-slow) var(--ease-out-cubic),transform var(--animation-speed-slow) var(--ease-out-cubic)}.tl-header-section>tl-header[data-sticky=true].is-ready{transition:box-shadow var(--animation-speed-slow) var(--ease-out-cubic),transform var(--drawer-animation-speed) var(--ease-out-cubic)}tl-header.is-scrolled{box-shadow:var(--shadow-popover)}tl-header.is-sticky-hidden{transform:translateY(-100%)}tl-header .inner{width:min(var(--narrow-page-width),calc(100% - 2rem));max-width:var(--narrow-page-width);margin-inline:auto;padding-inline:0;display:flex;align-items:center;gap:var(--gap-xl)}tl-header .announcement{background:var(--color-background);color:var(--color-foreground);font-size:var(--font-size--sm);font-weight:var(--font-subheading--weight);text-align:center;position:relative}tl-header .announcement__inner{justify-content:center;padding-block:var(--padding-xs);min-height:var(--gap-2xl);gap:var(--gap-sm)}tl-header .announcement__link{color:inherit;text-decoration:underline;text-underline-offset:var(--padding-2xs);letter-spacing:var(--letter-spacing--body-normal)}tl-header .announcement__close{position:absolute;inset-inline-end:var(--gap-lg);top:50%;transform:translateY(-50%);width:var(--minimum-touch-target);height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);padding:0;background:transparent;color:var(--color-foreground);transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-header .announcement__close:hover,tl-header .announcement__close:focus-visible{background:transparent;color:var(--color-primary)}tl-header .announcement__close svg{width:var(--icon-size-md);height:var(--icon-size-md)}tl-header .announcement[data-dismissed=true]{display:none}tl-header .top-nav{background:var(--color-background);color:var(--color-foreground);font-size:var(--font-size--xs);letter-spacing:var(--letter-spacing--body-normal)}tl-header .top-nav__inner{justify-content:flex-end;padding-block:var(--padding-xs);min-height:var(--gap-2xl)}tl-header .top-nav__list{display:flex;gap:var(--gap-xl);list-style:none;padding:0;margin:0}tl-header .top-nav__link{color:inherit;transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-header .top-nav__link:hover{color:var(--color-primary)}tl-header .main{background:var(--color-background);padding-block:var(--padding-lg);position:relative}tl-header .logo{display:flex;align-items:center;flex-shrink:0;color:inherit;text-decoration:none}tl-header .logo__img{width:var(--logo-width,10rem);height:auto;display:block}tl-header .logo__h1{font-family:var(--font-heading--family);font-size:var(--font-size--xl);font-weight:var(--font-heading--weight);margin:0}tl-header .logo__text{font-family:var(--font-heading--family);font-size:var(--font-size--xl);font-weight:var(--font-heading--weight);letter-spacing:var(--letter-spacing--body-normal);color:var(--color-foreground-heading)}tl-header .search{flex:1 1 auto;display:flex;align-items:center;background:var(--color-input-hover-background);border:var(--style-border-width-inputs) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);padding-inline-end:var(--padding-xs);max-width:var(--search-max-width,45rem);margin-inline:auto;transition:border-color var(--animation-speed-medium) var(--ease-out-cubic),background-color var(--animation-speed-medium) var(--ease-out-cubic)}tl-header .search:focus-within{background:var(--color-background);border-color:var(--color-primary);box-shadow:0 0 0 calc(var(--focus-outline-width) + var(--style-border-width-inputs)) rgb(var(--color-primary-rgb) / var(--opacity-30))}tl-header .search__field{position:relative;flex:1;display:flex;align-items:center;min-width:0}tl-header .search__label{position:absolute;inset-inline-start:var(--gap-xl);top:50%;transform:translateY(-50%);color:var(--color-foreground);display:flex;pointer-events:none}tl-header .search__label svg{width:var(--icon-size-md);height:var(--icon-size-md)}tl-header .search__input{width:100%;border:0;background:transparent;font-family:inherit;font-size:var(--font-size--md);color:var(--color-foreground);outline:0;padding-block:var(--padding-md);padding-inline:calc(var(--gap-xl) + var(--icon-size-md) + var(--padding-md)) var(--padding-md)}tl-header .search__input::placeholder{color:rgb(var(--color-foreground-rgb) / var(--opacity-50))}tl-header .search__voice{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);padding:0;background:transparent;color:var(--color-foreground);transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-header .search__voice:hover,tl-header .search__voice:focus-visible{background:transparent;color:var(--color-primary)}tl-header .search__voice svg{width:var(--icon-size-md);height:var(--icon-size-md)}tl-header .actions{display:flex;align-items:center;gap:var(--gap-xl);flex-shrink:0}tl-header .action{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-xs);min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);color:var(--color-foreground);text-decoration:none;position:relative;transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-header .action:hover{color:var(--color-primary)}tl-header .action svg{width:calc(var(--icon-size-lg) + var(--style-border-width));height:calc(var(--icon-size-lg) + var(--style-border-width))}tl-header .action__label{font-size:var(--font-size--sm);font-weight:var(--font-accent--weight)}tl-header .cart-count{position:absolute;top:calc(((var(--minimum-touch-target) - (var(--icon-size-lg) + var(--style-border-width))) / 2) - (var(--font-size--lg) / 2));inset-inline-end:calc((var(--minimum-touch-target) - (var(--icon-size-lg) + var(--style-border-width))) / 2);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:var(--font-size--lg);height:var(--font-size--lg);padding:0 var(--padding-2xs);border-radius:var(--style-border-radius-50);background:var(--color-primary);box-shadow:0 0 0 var(--style-border-width) var(--color-background);color:var(--color-primary-button-text);font-size:var(--font-size--3xs);font-weight:var(--font-heading--weight);line-height:1;text-align:center;z-index:var(--layer-flat)}tl-header .cart-count.is-empty{display:none}tl-header .menu__toggle{display:none;order:-1;width:var(--minimum-touch-target);height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);padding:0;margin:0;flex-shrink:0;align-items:center;justify-content:center;background:transparent;color:var(--color-foreground);transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-header .menu__toggle:hover,tl-header .menu__toggle:focus-visible{background:transparent;color:var(--color-primary)}tl-header .menu__toggle svg{width:calc(var(--icon-size-lg) + var(--style-border-width));height:calc(var(--icon-size-lg) + var(--style-border-width))}tl-header .nav-bar{background:var(--color-background);position:relative}tl-header .nav-bar>.inner{align-items:stretch;justify-content:space-between}tl-header .menu{display:flex;width:100%}tl-header .menu__list{display:flex;list-style:none;padding:0;margin:0;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:space-between;align-items:center}tl-header .menu__list::-webkit-scrollbar{display:none}tl-header .menu__item{position:static;--link-color: var(--color-foreground);--link-border: transparent}tl-header .menu__link{display:inline-flex;align-items:center;padding-block:var(--padding-xl);padding-inline:clamp(0px,.42vw,var(--gap-xs));font-family:var(--font-heading--family);font-size:calc((var(--font-size--sm) + var(--font-size--md)) / 2);font-weight:var(--font-subheading--weight);color:var(--link-color);text-decoration:none;position:relative;white-space:nowrap;transition:color var(--animation-speed-medium) var(--ease-out-cubic);line-height:var(--line-height--body-tight)}tl-header .menu__link:after{content:"";position:absolute;left:clamp(0px,.42vw,var(--gap-xs));right:clamp(0px,.42vw,var(--gap-xs));bottom:0;height:var(--border-width-md);background:var(--color-primary);transform:scaleX(0);transform-origin:center;transition:transform var(--animation-speed-slow) var(--ease-out-cubic)}tl-header .menu__item.is-active .menu__link:after,tl-header .menu__item:hover .menu__link:after{transform:scaleX(1)}tl-header .menu__item.is-deals .menu__link{margin:var(--margin-xs) var(--padding-2xs);padding:calc(var(--gap-xs) + var(--style-border-width)) var(--padding-md);border:var(--style-border-width) solid var(--link-border);border-radius:var(--style-border-radius-pills)}tl-header .menu__item.is-deals .menu__link:after{display:none}tl-header .menu__item.is-deals:hover .menu__link{background:var(--link-color);color:var(--color-primary-button-text)}tl-header .mega{position:absolute;top:100%;left:0;right:0;margin-inline:auto;width:auto;max-width:var(--narrow-page-width);background:var(--color-background);border-top:var(--style-border-width) solid var(--color-border);box-shadow:var(--shadow-popover);padding-block:var(--padding-4xl);padding-inline:var(--padding-2xl);opacity:0;pointer-events:none;visibility:hidden;transform:translateY(var(--gap-xs));transition:opacity var(--animation-speed-slow) var(--ease-out-cubic),transform var(--animation-speed-slow) var(--ease-out-cubic),visibility var(--animation-speed-slow) var(--ease-out-cubic);z-index:var(--layer-header-menu)}tl-header .menu__item.has-mega:hover>.mega,tl-header .menu__item.has-mega:focus-within>.mega,tl-header .menu__item.has-mega[data-mega-open=true]>.mega{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}tl-header .mega__inner{display:flex;flex-wrap:nowrap;justify-content:start;gap:calc(var(--gap-xl) * 2);align-items:start;max-width:100%;margin:0}tl-header .mega__column{display:flex;flex:1 1 var(--mega-col-min,11.25rem);max-width:var(--mega-col-max,calc(var(--mega-col-min,11.25rem) + var(--gap-3xl)));flex-direction:column;gap:var(--gap-2xs);min-width:0}tl-header .mega__heading{font-family:var(--font-heading--family);font-size:var(--font-size--md);font-weight:var(--font-accent--weight);color:var(--color-foreground-heading);letter-spacing:var(--letter-spacing--body-normal);text-decoration:none;padding-bottom:0;border-bottom:0;align-self:flex-start;transition:color var(--animation-speed-medium) var(--ease-out-cubic)}tl-header .mega__heading:hover{color:var(--color-primary)}tl-header .mega__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-2xs)}tl-header .mega__link{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));text-decoration:none;transition:color var(--animation-speed-medium) var(--ease-out-cubic),padding-inline-start var(--animation-speed-medium) var(--ease-out-cubic);line-height:var(--line-height--body-tight)}tl-header .mega__link:hover{color:var(--color-primary);padding-inline-start:var(--padding-2xs)}tl-header .nav-bar--empty .nav-empty{margin:0;padding-block:var(--padding-md);font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));text-align:center;font-style:italic}@media(min-width:990px)and (max-width:1399px){tl-header .menu__link{font-size:var(--font-size--sm);padding-inline:0}tl-header .menu__link:after{left:0;right:0}tl-header .menu__item.is-deals .menu__link{padding-inline:var(--padding-sm)}}@media(max-width:989px){tl-header .nav-bar{display:none}tl-header .menu__toggle{display:inline-flex}tl-header .main>.inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:var(--gap-sm);column-gap:var(--gap-sm)}tl-header .menu__toggle{grid-column:1;justify-self:start;margin-inline-start:calc((var(--minimum-touch-target) - (var(--icon-size-lg) + var(--style-border-width))) / -2)}tl-header .logo{grid-column:2;justify-self:center;margin-inline:0;min-width:0}tl-header .actions{grid-column:3;justify-self:end;min-width:0;margin-inline-end:calc((var(--minimum-touch-target) - (var(--icon-size-lg) + var(--style-border-width))) / -2)}tl-header tl-predictive-search{grid-column:1 / -1;order:10;flex:1 0 100%;max-width:none;margin-inline:0;width:100%}tl-header tl-predictive-search .search{flex:1 1 auto;max-width:none;margin-inline:0}}@media(min-width:750px){tl-header .inner{width:min(var(--narrow-page-width),calc(100% - 5rem))}}@media(max-width:749px){tl-header .inner{gap:var(--gap-sm)}tl-header .main{padding-block:var(--padding-md)}tl-header .action__label,tl-header .top-nav{display:none}tl-header tl-predictive-search .search{font-size:var(--font-size--sm)}tl-header .logo__img{width:calc(var(--logo-width,10rem) * var(--logo-scale-mobile,.7))}tl-header .actions{gap:var(--gap-sm)}}tl-header.is-scrolled[data-sticky-collapse-top=true] .announcement,tl-header.is-scrolled[data-sticky-collapse-top=true] .top-nav{display:none}@media(hover:none){tl-header .menu__item:not(.is-active):hover .menu__link:after{transform:scaleX(0)}tl-header .menu__item.is-deals:hover .menu__link{background:transparent;color:var(--link-color)}tl-header .mega__link:hover{padding-inline-start:0}}@media(prefers-reduced-motion:reduce){tl-header,tl-header .mega,tl-header .menu__link:after,tl-header .mega__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/tl-header.css.map */