.mtd-header{position:relative;z-index:50;background:var(--mtd-bg);color:var(--mtd-ink)}.mtd-header--sticky{position:sticky;top:0}.mtd-header--bordered .mtd-header__bar{border-bottom:1px solid var(--mtd-line)}.mtd-header.is-stuck .mtd-header__bar{box-shadow:var(--mtd-shadow-sm)}.mtd-header__bar{transition:box-shadow .2s ease;background:inherit}.mtd-header__announce{padding:.5rem var(--mtd-gutter);background:var(--mtd-ink);color:var(--mtd-bg);text-align:center;font-size:calc(var(--mtd-step-xs) * var(--mtd-body-scale, 1));font-weight:600;letter-spacing:.02em}.mtd-header__announce a{color:inherit;text-decoration:underline;text-underline-offset:2px}.mtd-header__inner{display:flex;align-items:center;gap:var(--mtd-space-md);min-height:4.25rem}.mtd-header__logo{display:flex;align-items:center;text-decoration:none;color:inherit;flex:none}.mtd-header__logo img{display:block;height:auto;max-width:100%}.mtd-header__wordmark{font-family:var(--mtd-font-heading, var(--mtd-font));font-size:calc(var(--mtd-step-title) * var(--mtd-heading-scale, 1));font-weight:var(--mtd-weight-heading);letter-spacing:var(--mtd-tracking-heading);line-height:1}.mtd-header__nav>ul{display:flex;align-items:center;gap:var(--mtd-space-xs);list-style:none;margin:0;padding:0}.mtd-header__item>a,.mtd-header__item summary{display:flex;align-items:center;gap:.3rem;padding:.5rem .7rem;border-radius:calc(var(--mtd-radius) * .6);color:inherit;text-decoration:none;font-size:calc(var(--mtd-step-md) * var(--mtd-body-scale, 1));font-weight:500;white-space:nowrap;cursor:pointer;list-style:none;transition:background .15s ease}.mtd-header__item>a:hover,.mtd-header__item summary:hover{background:color-mix(in srgb,currentColor 7%,transparent)}.mtd-header__item>a[aria-current=page]{font-weight:700}.mtd-header__item summary::-webkit-details-marker{display:none}.mtd-header__item summary svg{transform:rotate(90deg);transition:transform .2s ease;opacity:.6}.mtd-header__item details[open] summary svg{transform:rotate(-90deg)}.mtd-header__item--has-sub{position:relative}.mtd-header__sub{position:absolute;top:calc(100% + .5rem);left:0;min-width:12rem;display:grid;gap:.125rem;padding:.5rem;list-style:none;margin:0;background:var(--mtd-bg);border:1px solid var(--mtd-line);border-radius:var(--mtd-radius);box-shadow:var(--mtd-shadow)}.mtd-header__sub a{display:block;padding:.5rem .7rem;border-radius:calc(var(--mtd-radius) * .5);color:inherit;text-decoration:none;font-size:calc(var(--mtd-step-sm) * var(--mtd-body-scale, 1));white-space:nowrap}.mtd-header__sub a:hover{background:var(--mtd-surface)}.mtd-header--left .mtd-header__actions{margin-left:auto}.mtd-header--center .mtd-header__nav{margin-inline:auto}.mtd-header--center .mtd-header__actions{margin-left:0}.mtd-header--stacked .mtd-header__inner{flex-wrap:wrap;justify-content:center}.mtd-header--stacked .mtd-header__logo{margin-inline:auto;order:1}.mtd-header--stacked .mtd-header__actions{order:2;margin-left:auto}.mtd-header--stacked .mtd-header__nav{order:3;width:100%;border-top:1px solid var(--mtd-line);padding-block:.35rem}.mtd-header--stacked .mtd-header__nav>ul{justify-content:center}.mtd-header__actions{display:flex;align-items:center;gap:var(--mtd-space-2xs);flex:none}.mtd-header__icon{position:relative;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:inherit;text-decoration:none;transition:background .15s ease}.mtd-header__icon:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.mtd-header__count{position:absolute;top:.1rem;right:.05rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--mtd-ink);color:var(--mtd-bg);font-size:.6875rem;font-weight:700;line-height:1.1rem;text-align:center}.mtd-header__locale select{-webkit-appearance:none;appearance:none;padding:.45rem .7rem;border:1px solid var(--mtd-line);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:calc(var(--mtd-step-xs) * var(--mtd-body-scale, 1));cursor:pointer}.mtd-header__locale select option{color:#111}.mtd-header__burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:2.5rem;height:2.5rem;padding:0 .55rem;border:0;background:transparent;cursor:pointer}.mtd-header__burger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mtd-header__burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mtd-header__burger[aria-expanded=true] span:nth-child(2){opacity:0}.mtd-header__burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mtd-header__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.mtd-header__drawer[hidden]{display:none}.mtd-header__scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#0006;cursor:pointer}.mtd-header__drawer-panel{position:relative;z-index:1;width:min(21rem,86vw);height:100%;padding:var(--mtd-space-md);background:var(--mtd-bg);color:var(--mtd-ink);overflow-y:auto;box-shadow:var(--mtd-shadow);transform:translate(-100%);transition:transform .25s ease}.mtd-header__drawer.is-open .mtd-header__drawer-panel{transform:translate(0)}.mtd-header__close{border:0;background:transparent;color:inherit;font-size:2rem;line-height:1;cursor:pointer;margin-bottom:var(--mtd-space-sm)}.mtd-header__drawer-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:.125rem}.mtd-header__drawer-panel a,.mtd-header__drawer-panel summary{display:flex;align-items:center;justify-content:space-between;padding:.75rem .5rem;border-radius:calc(var(--mtd-radius) * .5);color:inherit;text-decoration:none;font-size:calc(var(--mtd-step-lg) * var(--mtd-body-scale, 1));cursor:pointer;list-style:none}.mtd-header__drawer-panel summary::-webkit-details-marker{display:none}.mtd-header__drawer-panel details[open] summary svg{transform:rotate(45deg)}.mtd-header__drawer-panel details ul{padding-left:.75rem}.mtd-header__drawer-panel details ul a{font-size:calc(var(--mtd-step-md) * var(--mtd-body-scale, 1));opacity:.85}@media(max-width:899px){.mtd-header__burger{display:flex}.mtd-header__nav{display:none}.mtd-header__logo{margin-inline:auto}.mtd-header--stacked .mtd-header__actions,.mtd-header--left .mtd-header__actions,.mtd-header--center .mtd-header__actions{margin-left:0}.mtd-header__locale{display:none}}@media(min-width:900px){.mtd-header__drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mtd-header.css.map */