.ux-header{--ux-header-green: #2f4a3c;--ux-header-cream: #FFF2EB;--ux-header-white: #ffffff;--ux-header-ink: #2a2a2a;--ux-header-clay: #B76E4B;--ux-header-bar-height: 64px;--ux-header-pill-radius: 999px;position:relative;z-index:30}.ux-header__inner{position:relative;width:calc(var(--page-width) + var(--screen-spacing) * 2 + 120px)}.ux-header__bar{align-items:center;border-radius:var(--ux-header-pill-radius);display:flex;gap:16px;justify-content:space-between;min-height:var(--ux-header-bar-height);padding:8px 8px 8px 60px;position:relative;transition:background-color .24s ease,color .24s ease}.ux-header--light .ux-header__bar{background:#fff;color:var(--ux-header-green);margin-top:22px}.ux-header--dark .ux-header__bar{background:var(--ux-header-green);color:var(--ux-header-cream)}.ux-header__logo-heading{display:flex;align-items:center}.ux-header__logo-link{align-items:center;color:inherit;display:inline-flex;flex:0 0 auto;text-decoration:none}.ux-header__logo-link svg,.ux-header__logo{display:block;height:auto;max-width:100%;width:var(--ux-header-logo-width-mobile)}.ux-header__logo-link svg{color:inherit}.ux-header__nav{display:none}.ux-header__nav-list,.ux-header__dropdown-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.ux-header__nav-item{align-items:center;display:flex;position:relative}.ux-header__nav-item+.ux-header__nav-item:before{content:"/";font-size:24px;line-height:1;opacity:.2;padding:0 24px;pointer-events:none;font-weight:100}.ux-header__nav-link{align-items:center;color:inherit;display:inline-flex;font-family:var(--font-heading-family);font-size:20px;font-weight:600;gap:6px;letter-spacing:0;line-height:1.2;padding:10px 0;position:relative;text-decoration:none;transition:opacity .18s ease;white-space:nowrap}.ux-header__nav-link:after{background:currentColor;bottom:4px;content:"";height:1.5px;inset-inline:0;opacity:0;position:absolute;transition:.3s;width:0;left:50%;transform:translate(-50%)}.ux-header__nav-link:hover:after,.ux-header__nav-link:focus-visible:after,.ux-header__nav-item.is-active>.ux-header__nav-link:after,.ux-header__nav-item:hover>.ux-header__nav-link:after,.ux-header__nav-item:focus-within>.ux-header__nav-link:after{opacity:1;width:100%}.ux-header__nav-caret{flex:0 0 auto;height:8px;transition:transform .2s ease;width:8px}.ux-header__nav-item:hover>.ux-header__nav-link .ux-header__nav-caret,.ux-header__nav-item:focus-within>.ux-header__nav-link .ux-header__nav-caret{transform:rotate(180deg)}.ux-header__dropdown{background:var(--ux-header-cream);border-radius:16px;box-shadow:0 18px 40px #2a2a2a24;left:50%;min-width:220px;opacity:0;padding:14px;pointer-events:none;position:absolute;top:calc(100% + 14px);transform:translate(-50%,8px);transition:opacity .18s ease,transform .22s ease,visibility .18s ease;visibility:hidden;z-index:5}.ux-header__nav-item:hover>.ux-header__dropdown,.ux-header__nav-item:focus-within>.ux-header__dropdown{opacity:1;pointer-events:auto;transform:translate(-50%);visibility:visible}.ux-header__dropdown-list{align-items:stretch;flex-direction:column;gap:2px}.ux-header__dropdown-link{border-radius:8px;color:var(--ux-header-green);display:block;font-size:15px;line-height:22px;padding:8px 12px;text-decoration:none;transition:background-color .16s ease;white-space:nowrap}.ux-header__dropdown-link:hover,.ux-header__dropdown-link:focus-visible{background:#2f4a3c14;color:var(--ux-header-green)}.ux-header__actions{align-items:center;display:flex;flex:0 0 auto;gap:12px;margin-left:auto}.ux-header__cart{align-items:center;border-radius:50%;color:inherit;display:inline-flex;flex:0 0 auto;height:48px;justify-content:center;position:relative;text-decoration:none;transition:background-color .18s ease,color .18s ease;width:48px}.ux-header--light .ux-header__cart{color:var(--ux-header-green);border-radius:100px;background:#2a2a2a0d}.ux-header--dark .ux-header__cart{background:var(--ux-header-white);color:var(--ux-header-green)}.ux-header__cart:hover,.ux-header__cart:focus-visible{background:#fff}.ux-header__cart-icon{display:block;height:24px;width:24px}.ux-header__cart-count{align-items:center;background:var(--ux-header-clay);border-radius:999px;color:#fff;display:flex;font-family:var(--font-heading-family);font-size:14px;font-weight:600;height:24px;justify-content:center;line-height:1;width:24px;padding:0 5px;position:absolute;right:-6px;top:-6px}.ux-header__cta{flex:0 0 auto;font-size:15px;min-height:52px;white-space:nowrap}.ux-header__cta.has-circle-arrow{padding-right:62px}.ux-header__cta .circle-arrow{width:44px}.ux-header--dark .ux-header__cta.button--tertiary{--color-button-bg: var(--ux-header-white);--color-button-text: var(--ux-header-green);--color-button-bg-hover: #ffffff;border-color:var(--ux-header-white)}.ux-header--dark .ux-header__cta.button--tertiary .circle-arrow{background:var(--ux-header-green);color:var(--ux-header-cream)}.ux-header__menu-toggle{align-items:center;background:var(--ux-header-cream);border:0;border-radius:50%;color:var(--ux-header-ink);cursor:pointer;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;padding:0;transition:background-color .18s ease;width:44px}.ux-header__menu-toggle:hover,.ux-header__menu-toggle:focus-visible{background:#fff}.ux-header__menu-toggle svg{height:18px;width:18px}.ux-header__drawer{background:var(--ux-header-green);bottom:0;color:var(--ux-header-cream);display:flex;flex-direction:column;left:auto;max-width:400px;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .32s ease,visibility .32s ease;visibility:hidden;width:86vw;z-index:60}.ux-header__drawer .button{background-color:#fff;--color-button-bg: #fff;--color-button-text: var(--color-base-green);--color-button-bg-hover: #fff;border-color:#fff}.ux-header__drawer .button .circle-arrow{background-color:var(--color-base-green);color:#fff}.ux-header__drawer.is-open{transform:translate(0);visibility:visible}.ux-header__drawer-overlay{background:#2a2a2a73;top:0;right:0;bottom:0;left:0;opacity:0;position:fixed;transition:opacity .32s ease,visibility .32s ease;visibility:hidden;z-index:59}.ux-header__drawer-overlay.is-open{opacity:1;visibility:visible}.ux-header__drawer-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;min-height:48px}.ux-header__drawer-close{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;width:44px}.ux-header__drawer-close svg{height:24px;width:24px}.ux-header__drawer-list,.ux-header__drawer-sublist{list-style:none;margin:0;padding:0}.ux-header__drawer-item{border-bottom:1px solid rgba(253,252,240,.16)}.ux-header__drawer-link,.ux-header__drawer-summary{align-items:center;color:inherit;cursor:pointer;display:flex;font-family:var(--font-heading-family);font-size:20px;font-weight:600;justify-content:space-between;line-height:1.3;padding:16px 0;text-decoration:none}.ux-header__drawer-summary{list-style:none}.ux-header__drawer-summary::-webkit-details-marker{display:none}.ux-header__drawer-summary svg{flex:0 0 auto;height:10px;transition:transform .2s ease;width:10px}.ux-header__drawer-details[open]>.ux-header__drawer-summary svg{transform:rotate(180deg)}.ux-header__drawer-sublist{padding:0 0 12px 12px}.ux-header__drawer-sublist .ux-header__drawer-link{font-family:var(--font-body-family);font-size:16px;font-weight:400;padding:10px 0}.ux-header__drawer-cta{margin-top:28px;max-width:100%;width:100%}body.ux-header-drawer-open{overflow:hidden}.ux-header--sticky{position:sticky;top:0}@media screen and (max-width:989px){.ux-header__bar{gap:12px;padding:8px 16px;margin-top:0!important}.ux-header__cta{display:none}.ux-header__actions{gap:16px}.ux-header__cart{height:44px;width:44px}.ux-header__cart-icon{height:22px;width:22px}.section-hero-banner.section-hero-banner{margin-top:var(--ux-header-hero-gap, 0px);height:calc(100dvh - 88px);z-index:20}}@media screen and (min-width:990px){.ux-header__logo-link svg,.ux-header__logo{width:var(--ux-header-logo-width)}.ux-header__nav{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ux-header__menu-toggle,.ux-header__drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ux-header.css.map */
