.section-flow-header{position:relative;z-index:50}flow-header.fh{--fh-bg: rgb(var(--color-background));--fh-on-ink: rgb(var(--color-background));--fh-on-ink-muted: rgba(var(--color-background), .6);--fh-hl: var(--fh-accent);--fh-on-hl: var(--fh-ink);--fh-gutter: 16px;--fh-top: 20px;--fh-h: 48px;--fh-chip: 40px;--fh-fs: 13px;--fh-shadow: 0 10px 28px rgba(20, 17, 16, .14);--fh-ease: cubic-bezier(.65, 0, .35, 1);--fh-out: cubic-bezier(.2, .7, .2, 1);--fh-reserve: calc(var(--fh-logo-d, 150px) + var(--fh-gutter) + 24px);--fh-height: calc(var(--fh-top) * 2 + var(--fh-h));display:block;position:relative;background:transparent;color:var(--fh-ink);font-family:var(--font-body-family);font-style:var(--font-body-style)}flow-header.fh--overlay{margin-bottom:calc(var(--fh-height) * -1)}.fh--overlay .fh__container{pointer-events:none}.fh--overlay .fh__logo,.fh--overlay .fh__actions{pointer-events:auto}.fh *,.fh *:before,.fh *:after{box-sizing:border-box}.fh__container{position:relative;height:var(--fh-height);padding:var(--fh-top) var(--fh-gutter) 0}.fh__logo{position:relative;z-index:1;display:inline-flex;align-items:center;height:var(--fh-h);color:inherit;text-decoration:none}.fh__logo-img{display:block;width:var(--fh-logo-m);height:auto}.fh__logo-text{font-size:16px;letter-spacing:.04em;text-transform:uppercase}.fh-nav__toggle,.fh-nav__link,.fh__menu-btn{font-family:inherit;font-size:var(--fh-fs);font-weight:400;line-height:1;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.fh-ico{display:block;flex:0 0 auto}.fh__actions{position:absolute;top:var(--fh-top);right:var(--fh-gutter);z-index:2;display:flex;align-items:center;gap:8px;height:var(--fh-h)}.fh__icons{display:flex;align-items:center;gap:16px;height:var(--fh-h);padding:0 16px;background:var(--fh-pill);border-radius:calc(var(--fh-h) / 2);transition:background-color .2s,box-shadow .2s}.fh__icon{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:var(--fh-h);padding:0;border:0;background:none;color:var(--fh-ink);cursor:pointer;text-decoration:none}.fh__icon .fh-ico{width:20px;height:20px;transition:transform .25s var(--fh-out)}.fh-cart-count{position:absolute;top:7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--fh-accent);color:var(--fh-ink);font-size:10px;line-height:17px;letter-spacing:0;text-align:center}.fh__menu-btn{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:var(--fh-h);padding:0;border:0;border-radius:calc(var(--fh-h) / 2);overflow:hidden;background:var(--fh-pill);color:var(--fh-ink);cursor:pointer;transition:width .4s var(--fh-ease),box-shadow .2s}.fh__menu-label{transition:opacity .15s}.fh__menu-close{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:rotate(-90deg);transition:opacity .2s,transform .4s var(--fh-ease)}.fh__menu-btn[aria-expanded=true]{width:var(--fh-h)}.fh__menu-btn[aria-expanded=true] .fh__menu-label{opacity:0}.fh__menu-btn[aria-expanded=true] .fh__menu-close{opacity:1;transform:none}.fh-nav{position:absolute;top:var(--fh-top);left:var(--fh-gutter);right:calc(var(--fh-gutter) + var(--fh-h) + 8px);z-index:1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,visibility 0s .2s}.fh-nav__bar{position:relative;display:flex;align-items:center;height:var(--fh-h);padding:0 4px;background:var(--fh-pill);border-radius:calc(var(--fh-h) / 2);transition:box-shadow .2s}.fh-nav__bar:before,.fh-nav__bar:after{content:"";position:absolute;top:4px;bottom:4px;z-index:2;width:28px;pointer-events:none;opacity:0;transition:opacity .2s}.fh-nav__bar:before{left:4px;border-radius:20px 0 0 20px;background:linear-gradient(90deg,var(--fh-fade, var(--fh-pill)),transparent)}.fh-nav__bar:after{right:4px;border-radius:0 20px 20px 0;background:linear-gradient(270deg,var(--fh-fade, var(--fh-pill)),transparent)}.fh-nav.is-fade-l .fh-nav__bar:before,.fh-nav.is-fade-r .fh-nav__bar:after{opacity:1}.fh-nav__list{display:flex;align-items:center;gap:0;width:100%;height:100%;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.fh-nav__list::-webkit-scrollbar{display:none}.fh-nav__item{display:flex;flex:0 0 auto;align-items:center;margin:0;padding:0}.fh-nav__toggle,.fh-nav__link{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;height:var(--fh-chip);padding:0 14px;border:0;border-radius:calc(var(--fh-chip) / 2);background:none;color:var(--fh-ink);cursor:pointer;text-decoration:none;transition:color .2s}.fh-nav__toggle:before,.fh-nav__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--fh-hl);opacity:0;transform:scaleX(.6);transition:opacity .2s,transform .3s var(--fh-out)}.fh-nav__link.is-active,.fh-nav__group.is-open>.fh-nav__toggle{color:var(--fh-on-hl)}.fh-nav__link.is-active:before,.fh-nav__group.is-open>.fh-nav__toggle:before{opacity:1;transform:none}.fh-nav.has-open-group .fh-nav__link.is-active{color:var(--fh-ink)}.fh-nav.has-open-group .fh-nav__link.is-active:before{opacity:0}.fh-nav.has-open-group .fh-nav__link.is-active:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--fh-accent)}.fh-ico--plus{transition:transform .4s var(--fh-ease)}.fh-nav__group.is-open>.fh-nav__toggle .fh-ico--plus{transform:rotate(45deg)}.fh-nav__item--more{display:none}.fh-nav__panel{position:absolute;top:calc(var(--fh-h) + 32px);left:calc(var(--fh-gutter) * -1);right:calc((var(--fh-gutter) + var(--fh-h) + 8px) * -1);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s,visibility 0s .3s}.fh-nav__group.is-open>.fh-nav__panel{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .3s}.fh-nav__panel-close{display:none}.fh-nav__sub{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;padding:0 var(--fh-gutter);list-style:none}.fh-nav__sub>li,.fh-nav__more>li{margin:0;padding:0;opacity:0;transform:translateY(12px);transition:opacity .35s var(--fh-out),transform .45s var(--fh-out);transition-delay:calc(var(--i, 0) * 50ms)}.fh-nav__group.is-open .fh-nav__sub>li,.fh-nav__group.is-open .fh-nav__more>li{opacity:1;transform:none}.fh-nav__sublink{display:inline-flex;align-items:flex-start;gap:6px;padding:18px 30px;border-radius:999px;background:var(--fh-pill);color:var(--fh-ink);font-family:inherit;font-size:clamp(26px,7.6vw,46px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,transform .2s var(--fh-out)}.fh-nav__sublink:active,.fh-nav__morelink:active{transform:scale(.97)}.fh-nav__sublink.is-active{background:var(--fh-hl);color:var(--fh-on-hl)}.fh-nav__count{position:static;font-size:11px;line-height:1;letter-spacing:.04em;opacity:.55;vertical-align:baseline}.fh-nav__more{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0 var(--fh-gutter);list-style:none}.fh-nav__morelink{display:inline-flex;align-items:center;gap:8px;height:var(--fh-h);padding:0 22px;border-radius:calc(var(--fh-h) / 2);background:var(--fh-pill);color:var(--fh-ink);font-family:inherit;font-size:14px;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,transform .2s var(--fh-out)}.fh-nav__morelink.is-active{background:var(--fh-hl);color:var(--fh-on-hl)}.fh__note{margin:0;padding:28px var(--fh-gutter) 48px;color:var(--fh-ink);font-size:11px;line-height:1.4;letter-spacing:.04em;text-align:center;text-transform:uppercase;opacity:.75}.fh__note:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--fh-accent);vertical-align:1px}@media screen and (max-width:1279px){html.fh-lock,html.fh-lock body{overflow:hidden}body.fh-open .section-flow-header{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;overscroll-behavior:contain}body.fh-open flow-header.fh{min-height:100%;margin-bottom:0;background:var(--fh-bg)}body.fh-open .fh-nav{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s}body.fh-open .fh__logo,body.fh-open .fh__icons{visibility:hidden;opacity:0}}.fh.is-condensed .fh__actions{position:fixed}.fh.is-condensed .fh__icons,.fh.is-condensed .fh__menu-btn{box-shadow:var(--fh-shadow)}.fh-search{display:flex;align-items:center;height:var(--fh-h)}.fh-search__form{display:none;flex:1 1 auto;align-items:center;min-width:0;height:100%;margin:0}.fh .fh-search__input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--fh-ink);font-family:inherit;font-size:16px;letter-spacing:.03em;text-transform:uppercase;outline:0;-webkit-appearance:none;appearance:none}.fh .fh-search__input::placeholder{color:var(--fh-ink);opacity:.5}.fh .fh-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.fh-search__close{display:flex;flex:0 0 44px;align-items:center;justify-content:center;height:100%;padding:0;border:0;background:none;color:var(--fh-ink);cursor:pointer}.fh.is-search-open .fh__logo{visibility:hidden}.fh.is-search-open .fh__actions{left:var(--fh-gutter)}.fh.is-search-open .fh__icons{flex:1 1 auto;min-width:0;padding-right:0}.fh.is-search-open .fh-search{flex:1 1 auto;min-width:0}.fh.is-search-open .fh-search__toggle,.fh.is-search-open .fh__icons>.fh__icon{display:none}.fh.is-search-open .fh-search__form{display:flex}.section-flow-header .cart-notification-wrapper{position:fixed;top:0;right:0;left:0;z-index:60;height:0;max-width:none;margin:0;padding:0}.section-flow-header .cart-notification{display:block;position:absolute;top:84px;right:16px;left:16px;z-index:auto;width:auto;max-width:none;padding:24px;border:0;border-radius:24px;box-shadow:0 18px 40px #1411102e;opacity:0;transform:translateY(-12px);visibility:hidden;transition:transform .25s ease,opacity .2s ease,visibility 0s .25s}.section-flow-header .cart-notification.active{opacity:1;transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s ease,visibility 0s}.section-flow-header .cart-notification__close{margin-top:-12px;margin-right:-12px}@media screen and (min-width:750px){.section-flow-header .cart-notification{left:auto;right:24px;width:380px}}.fh :focus-visible{outline:2px solid var(--fh-accent);outline-offset:2px;box-shadow:none}.fh .fh-search__input:focus-visible{outline:0}.fh.is-search-open .fh__icons:focus-within{box-shadow:0 0 0 2px var(--fh-ink)}@media(hover:hover){.fh__icon:hover .fh-ico{transform:translateY(-2px)}.fh-nav__link:hover,.fh-nav__toggle:hover{color:var(--fh-on-hl)}.fh-nav__link:hover:before,.fh-nav__toggle:hover:before{opacity:1;transform:none}.fh-nav__toggle:hover .fh-ico--plus{transform:rotate(90deg)}.fh-nav__sublink:hover,.fh-nav__morelink:hover{background:var(--fh-hl);color:var(--fh-on-hl)}}@media screen and (min-width:1280px){flow-header.fh{--fh-gutter: 28px;--fh-top: 24px}.fh__logo-img{width:var(--fh-logo-d)}.fh__menu-btn{display:none}.fh__icons{gap:22px;padding:0 20px}.fh-nav{left:0;right:0;width:max-content;max-width:calc(100% - 2 * var(--fh-reserve));margin-inline:auto;visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s}.fh-nav__bar:before,.fh-nav__bar:after{display:none}.fh-nav__list{overflow:visible}.fh-nav__item--more{display:flex}.fh-nav__panel{position:relative;top:auto;right:auto;left:auto;display:flex;align-items:center;width:auto;max-width:0;height:var(--fh-chip);margin-left:0;overflow:hidden;background:var(--fh-ink);border-radius:calc(var(--fh-chip) / 2);opacity:1;visibility:hidden;pointer-events:none;transition:max-width .45s var(--fh-ease),margin-left .45s var(--fh-ease),visibility 0s .45s}.fh-nav__group.is-open>.fh-nav__panel{max-width:var(--fh-panel-w, 640px);margin-left:4px;visibility:visible;pointer-events:auto;transition:max-width .45s var(--fh-ease),margin-left .45s var(--fh-ease),visibility 0s}.fh-nav__panel-close{display:flex;flex:0 0 40px;align-items:center;justify-content:center;height:100%;padding:0;border:0;background:none;color:var(--fh-on-ink);cursor:pointer}.fh-nav__sub{flex-direction:row;gap:2px;padding:0 4px 0 0;white-space:nowrap}.fh-nav__sub>li{opacity:1;transform:none;transition:none}.fh-nav__sublink{display:flex;align-items:center;height:calc(var(--fh-chip) - 8px);padding:0 14px;border-radius:calc((var(--fh-chip) - 8px) / 2);background:transparent;color:var(--fh-on-ink-muted);font-size:var(--fh-fs);letter-spacing:.03em;line-height:1;transition:background-color .2s,color .2s}.fh-nav__sublink:focus-visible{color:var(--fh-on-ink)}.fh-nav__sublink.is-active{background:var(--fh-hl);color:var(--fh-on-hl)}.fh-nav__sublink:active{transform:none}.fh-nav__count,.fh-nav__more,.fh__note{display:none}.fh-nav__group.is-open>.fh-nav__toggle{color:var(--fh-ink)}.fh-nav__group.is-open>.fh-nav__toggle:before{opacity:0}.fh-nav__group.is-open>.fh-nav__toggle .fh-ico--plus{display:none}.fh-nav.has-open-group .fh-nav__link.is-active{color:var(--fh-on-hl)}.fh-nav.has-open-group .fh-nav__link.is-active:before{opacity:1}.fh-nav.has-open-group .fh-nav__link.is-active:after{content:none}.fh.is-condensed .fh-nav{position:fixed}.fh.is-condensed .fh-nav__bar{box-shadow:var(--fh-shadow)}.fh.is-search-open .fh__logo{visibility:visible}.fh.is-search-open .fh__actions{left:auto}.fh.is-search-open .fh__icons{flex:0 0 auto;padding:0 20px}.fh.is-search-open .fh-search{flex:0 0 260px;width:260px}.fh.is-search-open .fh__icons>.fh__icon{display:flex}.fh .fh-search__input{font-size:var(--fh-fs)}@media(hover:hover){.fh-nav__sublink:hover{background:var(--fh-hl);color:var(--fh-on-hl)}}}@media screen and (min-width:1280px)and (max-width:1439px){.fh.is-search-open .fh-nav{visibility:hidden;opacity:0;pointer-events:none}}@media screen and (min-width:1440px){flow-header.fh{--fh-gutter: 32px;--fh-fs: 14px}.fh-nav__bar{padding:0 6px}.fh-nav__toggle,.fh-nav__link{padding:0 18px}.fh-nav__sub{gap:4px;padding-right:4px}.fh-nav__sublink{padding:0 16px}}.fh--instant *,.fh--instant *:before,.fh--instant *:after{transition:none!important}@media(prefers-reduced-motion:reduce){.fh *,.fh *:before,.fh *:after{transition-duration:.01ms!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/header-flow.css.map */