.header-expand{--header-expand-radius: 1.2rem;--header-expand-gap: 1.2rem;--header-expand-label-inset: 2.4rem;display:none}@media screen and (min-width:1200px){.header-expand{position:absolute;top:100%;right:0;left:0;z-index:4;display:grid;grid-template-rows:0fr;background-color:rgb(var(--color-background));transition:grid-template-rows var(--duration-300) var(--ease-attract-enter)}}.header-wrapper--floating .header-expand{border-radius:0 0 var(--header-expand-radius) var(--header-expand-radius);box-shadow:0 .6rem 2rem -.6rem rgba(var(--color-shadow),.15)}.header-wrapper--floating:has(.header-expand--open){border-bottom-right-radius:0;border-bottom-left-radius:0;transition-property:transform,background-color,color}.header-expand--open{grid-template-rows:1fr}.header-expand__clip{min-height:0;overflow:hidden}.header-expand__inner{padding:var(--header-expand-gap);opacity:0;transition:opacity var(--duration-200) var(--ease-attract-enter)}.header-expand--open .header-expand__inner{opacity:1}.header-expand__grid{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--header-expand-gap);margin:0;padding:0;list-style:none}.header-expand__tile{position:relative;display:block;border-radius:var(--header-expand-radius);color:rgb(var(--color-foreground));text-decoration:none}.header-expand__tile:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.header-expand__thumb{position:relative;display:block;overflow:hidden;aspect-ratio:9 / 8;border-radius:var(--header-expand-radius);background-color:rgb(var(--color-background-secondary))}.header-expand__thumb-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-300) var(--ease-attract-enter)}@media screen and (hover:hover){.header-expand__tile:hover .header-expand__thumb-image{transform:scale(1.03)}}.header-expand__tile .header-expand__tile-label{--header-expand-label-line: 3.2rem;--header-expand-scrim-below: 4rem;--header-expand-scrim: rgba( var(--color-background), var(--header-expand-scrim-opacity, .3) );position:absolute;inset:0 0 auto 0;z-index:1;padding:var(--header-expand-label-inset) var(--header-expand-label-inset) var(--header-expand-scrim-below);border-radius:var(--header-expand-radius) var(--header-expand-radius) 0 0;background:linear-gradient(to bottom,var(--header-expand-scrim) 25%,rgba(var(--color-background),0));color:rgb(var(--color-foreground));font-family:var(--font-header-menu-family);font-size:2.8rem;font-weight:600;line-height:var(--header-expand-label-line)}.list-menu-item--expand{position:relative;display:flex;align-items:center}.header-expand-toggle{--header-expand-toggle-size: 2.4rem;display:inline-flex;align-items:center;justify-content:center;width:var(--header-expand-toggle-size);height:var(--header-expand-toggle-size);padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.header-expand-toggle:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.1rem}.header-expand-toggle__icon{display:inline-flex;transition:transform var(--duration-200) var(--ease-attract-enter)}.header-expand-toggle[aria-expanded=true] .header-expand-toggle__icon{transform:rotate(180deg)}@media screen and (hover:hover){.header-expand-toggle{--header-expand-toggle-size: 1.6rem;position:absolute;top:50%;left:100%;z-index:5;transform:translate(-50%,-50%)}.header-expand-toggle:not(:focus-visible){width:.1rem;height:.1rem;overflow:hidden;clip-path:inset(50%)}}@media screen and (prefers-reduced-motion:reduce){.header-expand,.header-expand__inner,.header-expand__thumb-image,.header-expand-toggle__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-header-expanding-menu.css.map */