#header-component{--page-content-width: 80rem;--page-width: calc(var(--page-content-width) + var(--page-margin) * 2);--youmi-menu-accent: #e76f5b}#header-component .header-search-bar__button{letter-spacing:normal;text-transform:none;color:#231914}#header-component .header-search-bar__input::placeholder{color:#625b57}#header-component .header-search-bar__form:focus-within{outline:2px solid #231914;outline-offset:3px}@media(min-width:1000px){#header-component .header__row:has(.header-search-bar) .header-search-bar{width:min(42vw,620px)}}@media(min-width:750px)and (max-width:999px){#header-component .header__row:has(.header-search-bar) .header-search-bar{width:38vw;min-width:0}}#header-component .header__row--bottom{--header-padding: 0px}#header-component .header-menu .menu-list__link{min-height:56px;padding:0;border:0;border-radius:0;background:transparent;font-size:16px;font-weight:600;letter-spacing:0}#header-component .menu-list__link-title{position:relative;padding-inline:22px}#header-component .menu-list__link-title:before{content:"";position:absolute;inset:auto 22px -17px;height:2px;background:var(--youmi-menu-accent);transform:scaleX(0);transition:transform .16s ease}#header-component .menu-list__link:is(:hover,[aria-expanded=true],[aria-current=page]) .menu-list__link-title:before{transform:scaleX(1)}#header-component .menu-list__link[aria-haspopup=true] .menu-list__link-title:after{content:"";width:6px;height:6px;margin:0 0 3px 10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;opacity:.65;transform:rotate(45deg)}#header-component .menu-list__link[aria-expanded=true] .menu-list__link-title:after{transform:translateY(3px) rotate(225deg)}#header-component .menu-list__submenu{--submenu-padding-block-start: 32px;--submenu-padding-block-end: 36px;background:transparent}#header-component .menu-list__submenu-inner{padding-block:32px 36px;background:var(--color-background);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);box-shadow:0 18px 24px #23191414}#header-component .youmi-mega-menu{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,3fr);gap:48px;width:100%;white-space:normal}.youmi-mega-menu__intro{padding:12px 32px 12px 0;border-right:1px solid var(--color-border, #ece7e3)}.youmi-mega-menu__title{margin:0;font-family:var(--font-heading--family);font-size:26px;font-weight:700;line-height:1.2}.youmi-mega-menu__all{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:inherit;font-size:14px;text-underline-offset:5px}.youmi-mega-menu__links,.youmi-mega-menu__children{margin:0;padding:0;list-style:none}.youmi-mega-menu__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px 28px}.youmi-mega-menu__link{display:flex;align-items:center;min-height:44px;padding:8px 0;color:inherit;font-family:var(--font-body--family);font-size:15px;font-weight:400;line-height:1.45;text-decoration:none;overflow-wrap:anywhere}.youmi-mega-menu__link--heading{font-weight:700}.youmi-mega-menu__link:is(:hover,[aria-current=page]){text-decoration:underline;text-underline-offset:5px}#header-component :is(.menu-list__link,.youmi-mega-menu__link,.youmi-mega-menu__all):focus-visible{outline:2px solid currentColor;outline-offset:3px}#header-component .menu-drawer{--menu-top-level-font-size: 19px;--menu-parent-font-size: 16px;--menu-child-font-size: 15px;--menu-top-level-font-line-height: 1.4;--menu-parent-font-line-height: 1.45;--menu-child-font-line-height: 1.45}#header-component .menu-drawer__menu-item{min-height:48px;font-size:16px;line-height:1.45}#header-component .menu-drawer__menu-item--mainlist{font-size:19px;font-weight:600}#header-component .menu-drawer__menu-item--child{font-size:15px;font-weight:400}@media(min-width:750px)and (max-width:989px){#header-component .menu-list__link-title{padding-inline:14px}#header-component .menu-list__link-title:before{inset-inline:14px}#header-component .youmi-mega-menu{gap:28px;grid-template-columns:minmax(140px,.8fr) minmax(0,3fr)}.youmi-mega-menu__links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}#header-component [slot=overflow] .youmi-mega-menu{grid-template-columns:minmax(0,1fr);gap:16px}#header-component [slot=overflow] .youmi-mega-menu__intro{padding:0;border:0}@media(prefers-reduced-motion:reduce){#header-component .menu-list__link-title:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/youmi-navigation.css.map */