.tonis-header{--tonis-header-pill-size-mobile: 4.6rem;--tonis-header-pill-size: 5.7rem;--tonis-header-icon-size: 3.2rem;--tonis-header-caret-size: 1.6rem;--tonis-header-badge-size: 1.6rem;--tonis-header-badge-size-mobile: 1.2rem;--tonis-header-badge-offset-top: .94rem;--tonis-header-badge-offset-end: .61rem;--tonis-header-badge-offset-top-mobile: .75rem;--tonis-header-badge-offset-end-mobile: .95rem;--tonis-header-divider-height: 2.8rem;--tonis-header-badge-padding-x: .2rem;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--tonis-space-6);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.tonis-header__nav{display:none}.tonis-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--tonis-space-6)}@media screen and (min-width:990px){.tonis-header__nav{display:flex;flex:1 0 0;min-width:0;align-items:center;gap:var(--tonis-space-6)}.tonis-header__actions{flex:1 0 0;min-width:0}}.tonis-header__logo{flex:0 0 auto;margin:0;font-size:inherit;line-height:0}.tonis-header__logo-link{display:block;color:var(--tonis-color-brand)}.tonis-header__logo-link:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.tonis-header__logo-image{display:block;width:var(--tonis-header-logo-width-mobile);height:auto}@media screen and (min-width:990px){.tonis-header__logo-image{width:var(--tonis-header-logo-width)}}.tonis-header__pill,.tonis-header__link{font-family:var(--tonis-font-body);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-medium);line-height:var(--tonis-leading-snug);letter-spacing:var(--tonis-tracking-wide);text-transform:uppercase;text-decoration:none;color:var(--tonis-color-text)}.tonis-header__pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--tonis-space-2);padding:var(--tonis-space-2) var(--tonis-space-3) var(--tonis-space-2) var(--tonis-space-4);border:var(--tonis-border-hairline) solid var(--tonis-color-border);border-radius:var(--tonis-radius-full);background:transparent;cursor:pointer;list-style:none}.tonis-header__pill::-webkit-details-marker{display:none}.tonis-header__pill-label{margin-inline-end:calc(-1 * var(--tonis-tracking-wide))}.tonis-header__link{display:inline-flex;align-items:center;padding:var(--tonis-space-2) 0;background:transparent;border:0;cursor:pointer}.tonis-header__pill:focus-visible,.tonis-header__link:focus-visible,.tonis-header__cart:focus-visible,.tonis-header__drawer-toggle:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.tonis-header__links{display:flex;align-items:center;gap:var(--tonis-space-3);margin:0;padding:0;list-style:none}.tonis-header__links>li{display:flex;align-items:center;gap:var(--tonis-space-3)}.tonis-header__links>li+li:before{content:"";display:block;width:0;height:var(--tonis-header-divider-height);border-left:var(--tonis-border-hairline) solid var(--tonis-color-border-subtle)}.tonis-header__caret{flex:0 0 auto;width:var(--tonis-header-caret-size);height:var(--tonis-header-caret-size)}.tonis-header__cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tonis-header-pill-size-mobile);height:var(--tonis-header-pill-size-mobile);border:var(--tonis-border-hairline) solid var(--tonis-color-border);border-radius:var(--tonis-radius-full);color:var(--tonis-color-text)}@media screen and (min-width:990px){.tonis-header__cart{width:var(--tonis-header-pill-size);height:var(--tonis-header-pill-size)}}.tonis-header__cart .tonis-icon,.tonis-header__drawer-toggle .tonis-icon{display:block;width:var(--tonis-header-icon-size);height:var(--tonis-header-icon-size)}.tonis-header__cart-count{position:absolute;top:var(--tonis-header-badge-offset-top-mobile);right:var(--tonis-header-badge-offset-end-mobile);display:flex;align-items:center;justify-content:center;min-width:var(--tonis-header-badge-size-mobile);height:var(--tonis-header-badge-size-mobile);padding:0 var(--tonis-header-badge-padding-x);border-radius:var(--tonis-radius-8);background:var(--tonis-color-accent);color:var(--tonis-color-on-accent);font-size:var(--tonis-text-10);font-weight:var(--tonis-weight-bold);line-height:1}@media screen and (min-width:990px){.tonis-header__cart-count{top:var(--tonis-header-badge-offset-top);right:var(--tonis-header-badge-offset-end);min-width:var(--tonis-header-badge-size);height:var(--tonis-header-badge-size)}}.tonis-header__drawer-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--tonis-color-text);cursor:pointer;list-style:none}.tonis-header__drawer-toggle::-webkit-details-marker{display:none}.tonis-header__shop{position:static}.tonis-header__mega{position:absolute;top:100%;left:0;right:0;z-index:2;background:rgb(var(--color-background));border-top:var(--tonis-border-hairline) solid var(--tonis-color-border-subtle);box-shadow:0 var(--tonis-space-4) var(--tonis-space-8) rgba(var(--tonis-color-brand-rgb),.08)}.tonis-header__mega:focus{outline:none}.tonis-header__shop[open]>.tonis-header__pill .tonis-header__caret{transform:rotate(180deg)}@media(prefers-reduced-motion:no-preference){.tonis-header__caret{transition:transform var(--tonis-duration-fast) var(--tonis-ease-out)}.tonis-header__shop[open]>.tonis-header__mega{animation:tonis-header-mega-in var(--tonis-duration-base) var(--tonis-ease-out)}@keyframes tonis-header-mega-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}}.tonis-mega-menu{padding:var(--tonis-space-6)}@media screen and (min-width:990px){.tonis-mega-menu{padding:var(--tonis-space-10) var(--tonis-space-16)}}.tonis-mega-menu__carousel{--swiper-navigation-size: var(--tonis-space-6);--swiper-navigation-color: var(--tonis-color-accent);--swiper-navigation-sides-offset: 0px;position:relative}.tonis-mega-menu__slide{height:auto}.tonis-mega-menu__arrow{width:var(--tonis-space-10);height:var(--tonis-space-10);border:var(--tonis-border-hairline) solid var(--tonis-color-accent);border-radius:var(--tonis-radius-full);background:var(--tonis-color-surface);color:var(--tonis-color-accent);cursor:pointer}.tonis-mega-menu__arrow .tonis-icon{display:block;width:100%;height:100%}.tonis-mega-menu__arrow--prev .tonis-icon{transform:rotate(180deg)}.tonis-mega-menu__arrow:focus-visible{outline:.2rem solid var(--tonis-color-accent);outline-offset:.3rem}.tonis-mega-menu__arrow.swiper-button-disabled{opacity:.35}@media screen and (min-width:990px){.tonis-nav{display:none}}.tonis-nav__panel,.tonis-nav__subpanel{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--tonis-space-6);padding-block:var(--tonis-space-6) var(--tonis-space-10);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background-color:var(--tonis-color-surface);min-height:100dvh;color:var(--tonis-color-text);font-family:var(--tonis-font-body);letter-spacing:var(--tonis-tracking-normal)}@media(prefers-reduced-motion:no-preference){.tonis-nav__panel,.tonis-nav__subpanel{animation:tonis-nav-in var(--tonis-duration-base) var(--tonis-ease-out)}}@keyframes tonis-nav-in{0%{opacity:0;transform:translateY(-1.2rem)}}.tonis-nav__head{display:flex;align-items:center;justify-content:space-between;gap:var(--tonis-space-3);padding-inline:var(--tonis-space-6);padding-bottom:var(--tonis-space-3);border-bottom:var(--tonis-border-thin) solid var(--tonis-color-divider-wash)}.tonis-nav__head--end{justify-content:flex-end}.tonis-nav__close{display:flex;width:2.9rem;height:2.9rem;flex:0 0 auto;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--tonis-radius-8);background-color:var(--tonis-color-accent);color:var(--tonis-color-on-accent);cursor:pointer}.tonis-nav__close svg{width:1.5rem;height:1.5rem}.tonis-nav__back{display:flex;align-items:center;gap:1rem;padding:0;border:0;background:none;color:var(--tonis-color-text-strong);cursor:pointer;font-family:inherit;letter-spacing:inherit}.tonis-nav__back-caret{display:flex;width:2.4rem;height:2.4rem;transform:rotate(90deg)}.tonis-nav__back-caret svg,.tonis-nav__row-caret svg{width:100%;height:100%}.tonis-nav__back-label{font-size:var(--tonis-text-24);font-weight:var(--tonis-weight-semibold);line-height:var(--tonis-leading-loosest)}.tonis-nav__rows{padding-inline:var(--tonis-space-6)}.tonis-nav__row-list{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--tonis-space-6);list-style:none}.tonis-nav__row{display:flex;height:5.6rem;align-items:center;justify-content:space-between;color:var(--tonis-color-text-strong);cursor:pointer;list-style:none;text-decoration:none}.tonis-nav__row::-webkit-details-marker{display:none}.tonis-nav__row-label{font-size:var(--tonis-text-24);font-weight:var(--tonis-weight-semibold);line-height:var(--tonis-leading-loosest)}.tonis-nav__row-caret{display:flex;width:2.4rem;height:2.4rem;flex:0 0 auto;transform:rotate(-90deg)}.tonis-nav__grid{display:grid;margin:0;padding-inline:var(--tonis-space-6);grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tonis-space-6);list-style:none}.tonis-nav__card{display:flex;flex-direction:column;min-width:0;gap:var(--tonis-space-6);color:var(--tonis-color-text-strong);text-decoration:none}.tonis-nav__card-media{display:flex;align-items:center;justify-content:center;min-width:0;padding:var(--tonis-space-6);border-radius:var(--tonis-radius-24);background-color:var(--tonis-color-surface-muted);aspect-ratio:163.5 / 198}.tonis-nav__card-image{min-width:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.tonis-nav__card-placeholder{width:100%;height:100%;fill:rgba(var(--tonis-color-brand-rgb),.24);background:none}.tonis-nav__card-foot{display:flex;align-items:flex-start;min-width:0;gap:var(--tonis-space-1)}.tonis-nav__card-title{display:flex;min-width:0;min-height:2.4rem;align-items:center;overflow-wrap:anywhere;font-size:var(--tonis-text-16);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-snug);text-decoration:underline;text-transform:uppercase}.tonis-nav__grid--preview .tonis-nav__card-title{font-size:var(--tonis-text-20)}.tonis-nav__card-foot .tonis-icon{display:block;width:2.4rem;height:2.4rem;flex:0 0 auto;color:var(--tonis-color-accent)}.tonis-nav__row:focus-visible,.tonis-nav__card:focus-visible,.tonis-nav__back:focus-visible,.tonis-nav__close:focus-visible{outline:.2rem solid var(--tonis-color-accent);outline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-tonis-header.css.map */