.header.gn-compact-header{padding-top:.8rem;padding-bottom:.8rem}.gn-compact-header .header__heading,.gn-compact-header>.header__heading-link{justify-self:start;text-align:left}.gn-compact-header .header__heading-link{margin:0;padding:.6rem 0}.gn-compact-header .header__heading-logo-wrapper{width:17rem}.gn-compact-header .header__icons{padding-right:0}.gn-mobile-search{display:none}.gn-header-search{grid-area:search;position:relative;width:100%;min-width:0}.gn-header-search predictive-search,.gn-header-search search-form{display:block;width:100%}.gn-header-search__form{position:relative;display:flex;align-items:center;height:4rem;border:.1rem solid transparent;border-radius:999px;background:rgba(var(--color-foreground),.045)}.gn-header-search__form:hover{border-color:rgba(var(--color-foreground),.16)}.gn-header-search__form:focus-within{border-color:rgba(var(--color-foreground),.55);background:rgb(var(--color-background));box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.07)}.gn-header-search__input:focus,.gn-header-search__input:focus-visible{outline:none;box-shadow:none}.gn-header-search__input::placeholder{color:rgba(var(--color-foreground),.6);opacity:1}.gn-header-search__input{width:100%;height:100%;border:0;border-radius:inherit;padding:0 4.4rem 0 4.2rem;color:rgb(var(--color-foreground));background:transparent;font:inherit;font-size:1.6rem;outline:none;-webkit-appearance:none;appearance:none}.gn-header-search__input::-webkit-search-cancel-button{display:none}.gn-header-search__submit,.gn-header-search__reset{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.6rem;border:0;border-radius:.6rem;color:rgb(var(--color-foreground));background:transparent;cursor:pointer}.gn-header-search__submit{left:.3rem;opacity:.65}.gn-header-search__reset{right:.4rem;width:3.2rem;height:3.2rem;opacity:.6}.gn-header-search__reset:hover,.gn-header-search__submit:hover{opacity:1;background:rgba(var(--color-foreground),.05);border-radius:50%}.gn-header-search__reset svg{width:1.4rem;height:1.4rem}.gn-header-search .predictive-search{z-index:30;top:calc(100% + .8rem);left:0;right:0;width:100%;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.2rem;box-shadow:0 1.2rem 3.2rem #0000001f;overflow-y:auto;max-height:65dvh}@media screen and (max-width:989px){.header.gn-compact-header{grid-template-areas:"left-icons heading icons";grid-template-columns:3.6rem minmax(0,1fr) auto;gap:.8rem 1rem;padding-left:1.6rem;padding-right:1.6rem}.gn-compact-header header-drawer{grid-area:left-icons}.gn-compact-header .header__heading-logo-wrapper{width:min(15rem,100%)}.gn-compact-header .header__icon--account{display:flex}.gn-header-search{display:none}.gn-mobile-search{display:flex}.gn-header-search__form{height:4rem}.gn-header-search__submit,.gn-header-search__reset{height:3.8rem}}@media screen and (min-width:990px){.header.gn-compact-header{grid-template-areas:"heading search icons" "navigation navigation navigation";grid-template-columns:18rem minmax(24rem,1fr) auto;column-gap:3rem;row-gap:.4rem}.gn-header-search{grid-column:1 / -1;grid-row:1;width:min(54rem,calc(100% - 42rem));max-width:none;justify-self:center}.gn-header-search__input{font-size:1.4rem}.gn-compact-header .header__inline-menu{margin:0;width:100%;text-align:left}.gn-compact-header .header__inline-menu>.list-menu--inline{flex-wrap:nowrap;margin-left:-1rem}.gn-compact-header .header__menu-item{padding:1rem;font-size:1.3rem}.gn-compact-header summary.header__menu-item{padding-right:2.6rem}.gn-compact-header .gn-desktop-shortcuts .gn-menu-shortcuts{margin-top:.4rem}}@media screen and (min-width:1200px){.gn-compact-header .header__inline-menu{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.gn-compact-header .gn-desktop-shortcuts{flex-shrink:0}.gn-compact-header .gn-desktop-shortcuts .gn-menu-shortcuts{margin:0}}.mega-menu__link.gn-mega-category{display:flex;align-items:center;gap:1rem;min-height:5.2rem}.gn-mega-category .gn-drawer-group__thumbnail{flex-shrink:0}.gn-compact-header .mega-menu__list{grid-template-columns:repeat(var(--gn-mega-columns, 4),minmax(0,1fr))}@media screen and (min-width:990px)and (not (min-width:1200px)){.gn-compact-header .header__inline-menu{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;min-width:0}.gn-compact-header .header__inline-menu>.list-menu--inline{display:flex;justify-content:space-between;width:calc(100% + 2rem);margin:0 -1rem;gap:.4rem}.gn-compact-header .header__inline-menu>.list-menu--inline>li{flex:0 0 auto}.gn-compact-header .header__menu-item{white-space:nowrap}.gn-compact-header .gn-desktop-shortcuts{min-width:0}.gn-compact-header .gn-desktop-shortcuts .gn-menu-shortcuts{justify-content:center;margin:0;padding:.4rem 0 .2rem;overflow-x:auto;scrollbar-width:none}.gn-compact-header .mega-menu__list{grid-template-columns:repeat(min(var(--gn-mega-columns, 4),3),minmax(0,1fr));column-gap:2.4rem}}@media screen and (min-width:990px){.gn-compact-header .mega-menu__content{--gn-panel-columns: var(--gn-mega-columns, 4);width:min(calc(var(--gn-panel-columns) * 22rem + (var(--gn-panel-columns) - 1) * 3.2rem + 5.6rem),calc(100% - 4rem));margin-inline:auto;padding:2rem 0 2.4rem;border:.1rem solid rgba(var(--color-foreground),.09);border-radius:0 0 1.2rem 1.2rem;box-shadow:0 1.2rem 2.8rem #00000017}.gn-compact-header .mega-menu__list{grid-template-columns:repeat(var(--gn-panel-columns, 4),minmax(0,1fr));gap:2.4rem 3.2rem;max-width:none;margin:0;padding-inline:2.8rem}.gn-compact-header .mega-menu__list>li{min-width:0}.gn-compact-header .mega-menu__link.gn-mega-category{min-height:4.4rem;gap:.8rem;padding:0 0 1rem;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.4}.gn-mega-category .gn-drawer-group__thumbnail{width:4.4rem;height:4.4rem}.gn-compact-header .mega-menu__link{padding-block:.5rem;font-size:1.4rem;line-height:1.5}.gn-compact-header .mega-menu__link:hover{color:rgb(var(--color-foreground))}}@media screen and (min-width:990px)and (not (min-width:1200px)){.gn-compact-header .mega-menu__content{--gn-panel-columns: min(var(--gn-mega-columns, 4), 3)}}@media screen and (min-width:990px){.section-header:has(.gn-compact-header .mega-menu[open]){z-index:1000;transform:translateY(0)}.gn-compact-header .mega-menu__content{z-index:60}}@media screen and (min-width:990px){.gn-compact-header .header__inline-menu{position:relative;z-index:10}.gn-compact-header .header__inline-menu header-menu,.gn-compact-header .mega-menu{position:static}.gn-compact-header .mega-menu__content{top:calc(100% + .8rem);left:0;right:auto;width:min(calc(var(--gn-panel-columns) * 22rem + (var(--gn-panel-columns) - 1) * 3.2rem + 5.6rem),100%);margin-inline:0;border-radius:1.2rem;box-shadow:0 1.6rem 4rem #0000002e,0 .3rem 1rem #0000000f}}.gn-mega-view-all{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:1.6rem 2.8rem -.4rem;padding-top:1.4rem;border-top:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:600;text-decoration:none}.gn-mega-view-all:hover{text-decoration:underline}.gn-mega-view-all .icon{width:1.8rem;flex-shrink:0}.gn-category-landing{padding-block:3.2rem 5.6rem}.gn-category-landing>h1{margin:0 0 2.8rem}.gn-category-landing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:2.4rem}.gn-category-landing__group{padding:2.4rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.2rem}.gn-category-landing__heading{display:flex;gap:1.2rem;align-items:center;margin-bottom:1.6rem}.gn-category-landing__heading h2{margin:0;font-size:1.8rem}.gn-category-landing__group a{color:rgb(var(--color-foreground));text-underline-offset:.3rem}.gn-category-landing__group li+li{margin-top:1.2rem}.gn-nav-count{font-size:.75em;font-weight:400;opacity:.65;white-space:nowrap}.gn-compact-header .header__inline-menu>.list-menu>li>header-menu>details>summary .gn-nav-count,.gn-compact-header .header__inline-menu>.list-menu>li>a .gn-nav-count{display:block;font-size:1rem;line-height:1.3}.gn-compact-header .header__inline-menu>.list-menu>li>header-menu>details>summary>span{white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/119/assets/gn-compact-header.css.map */