:root{--ufd-nav-ink: #0b0b0c;--ufd-nav-ink-soft: #55565b;--ufd-nav-line: rgba(17, 17, 19, .09);--ufd-nav-line-strong: rgba(17, 17, 19, .22);--ufd-nav-pill-bg: #ffffff;--ufd-nav-shell-bg: rgba(255, 255, 255, .6);--ufd-nav-shell-bg-stuck: rgba(255, 255, 255, .82);--ufd-nav-radius: 999px;--ufd-nav-shadow: 0 1px 2px rgba(16, 18, 24, .04), 0 8px 24px rgba(16, 18, 24, .06);--ufd-nav-shadow-stuck: 0 2px 6px rgba(16, 18, 24, .06), 0 16px 40px rgba(16, 18, 24, .1);--ufd-nav-ease: cubic-bezier(.2, .8, .2, 1);--ufd-nav-accent: #d32f2f}.ufd-navbar{display:none}@media screen and (min-width:990px){.section-header{position:sticky;top:var(--ufd-sticky-top, 0px)!important;z-index:10}.header-wrapper,.header-wrapper.gradient{background:linear-gradient(to bottom,rgb(var(--color-background)) 0,rgb(var(--color-background)) var(--ufd-row1-h, 100%),transparent var(--ufd-row1-h, 100%))!important;background-attachment:scroll!important}.header-wrapper--border-bottom{border-bottom:0!important}.header-wrapper .header{padding-bottom:.6rem}.ufd-navbar{grid-area:navigation;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;align-items:center;gap:1.6rem;padding:.8rem 0 1.4rem;transition:padding .25s var(--ufd-nav-ease)}.ufd-navbar.is-stuck{padding:1rem 0 1.2rem}.ufd-navbar .header__inline-menu{grid-row:1 / 2;grid-column:2 / 3;justify-self:center;display:flex;align-items:center;margin:0;padding:.6rem!important;background:var(--ufd-nav-shell-bg);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--ufd-nav-line);border-radius:var(--ufd-nav-radius);box-shadow:var(--ufd-nav-shadow);transition:background .25s var(--ufd-nav-ease),box-shadow .25s var(--ufd-nav-ease)}.ufd-navbar.is-stuck .header__inline-menu{background:var(--ufd-nav-shell-bg-stuck);box-shadow:var(--ufd-nav-shadow-stuck)}.ufd-navbar .header__inline-menu:before{content:none!important;display:none!important}.ufd-navbar .header__inline-menu>.list-menu--inline{display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem;margin:0;padding:0}.ufd-navbar .header__inline-menu>.list-menu--inline>li{display:flex}.ufd-navbar .header__inline-menu .header__menu-item{display:inline-flex;align-items:center;gap:.6rem;padding:1.15rem 2rem;border:1px solid var(--ufd-nav-line);border-radius:var(--ufd-nav-radius);background:var(--ufd-nav-pill-bg);color:var(--ufd-nav-ink);font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;letter-spacing:-.01em;line-height:1;white-space:nowrap;text-decoration:none;transition:background .2s var(--ufd-nav-ease),color .2s var(--ufd-nav-ease),border-color .2s var(--ufd-nav-ease),transform .2s var(--ufd-nav-ease),box-shadow .2s var(--ufd-nav-ease)}.ufd-navbar .header__inline-menu summary.list-menu__item{padding-right:1.7rem}.ufd-navbar .header__inline-menu .header__menu-item span{color:inherit;opacity:1;text-decoration:none}.ufd-navbar .header__inline-menu .header__menu-item:hover{border-color:var(--ufd-nav-line-strong);transform:translateY(-1px);box-shadow:0 4px 12px #10121814}.ufd-navbar .header__inline-menu .header__menu-item:hover span{opacity:1;text-decoration:none}.ufd-navbar .header__inline-menu details[open]>.header__menu-item{background:var(--ufd-nav-ink);border-color:var(--ufd-nav-ink);color:#fff;transform:none}.ufd-navbar .header__inline-menu details[open]>.header__menu-item span{color:#fff}.ufd-navbar .header__inline-menu .header__active-menu-item{color:inherit;text-decoration:none}.ufd-navbar .header__inline-menu li:has(.header__active-menu-item)>.header__menu-item,.ufd-navbar .header__inline-menu li:has(.header__active-menu-item)>header-menu>details>.header__menu-item{border-color:var(--ufd-nav-line-strong);box-shadow:inset 0 0 0 1px var(--ufd-nav-line)}.ufd-navbar .header__inline-menu .header__menu-item .icon-caret{position:static;right:auto;top:auto;width:1rem;height:.6rem;flex-shrink:0;color:currentColor;transition:transform .2s var(--ufd-nav-ease)}.ufd-navbar .header__inline-menu details[open]>.header__menu-item .icon-caret{transform:rotate(180deg)}.ufd-navbar .header__menu-item:focus-visible{outline:2px solid var(--ufd-nav-ink);outline-offset:2px}.ufd-navbar .header__inline-menu .header__submenu{top:calc(100% + 1rem);left:0;width:26rem;padding:.8rem!important;background:#fff!important;border:1px solid var(--ufd-nav-line)!important;border-radius:1.6rem;box-shadow:0 24px 60px #10121824;z-index:5}.ufd-navbar .header__inline-menu .header__submenu .header__menu-item{display:flex;width:100%;justify-content:space-between;padding:1rem 1.2rem;border:0;border-radius:1rem;background:transparent;font-size:1.4rem;font-weight:500;color:var(--ufd-nav-ink-soft);white-space:normal;transform:none;box-shadow:none}.ufd-navbar .header__inline-menu .header__submenu .header__menu-item:hover{background:#1111130d;color:var(--ufd-nav-ink);text-decoration:none;transform:none;box-shadow:none}.ufd-navbar .header__inline-menu .header__submenu .icon-caret{position:static;width:1rem;height:.6rem}.ufd-navbar .header__inline-menu .header__submenu .header__submenu{position:static;width:auto;margin:.4rem 0 .4rem .8rem;padding:.2rem 0!important;border:0!important;border-left:1px solid var(--ufd-nav-line)!important;border-radius:0;background:transparent!important;box-shadow:none}.ufd-navbar .header__inline-menu>.list-menu--inline>li:nth-last-child(-n+2) .header__submenu{left:auto;right:0}.ufd-navbar__actions{grid-row:1 / 2;grid-column:3 / 4;justify-self:end;display:flex;align-items:center;gap:.8rem;flex-shrink:0}.ufd-navbar__utils{display:flex;align-items:center;gap:.8rem;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translate(.8rem);transition:max-width .3s var(--ufd-nav-ease),opacity .2s var(--ufd-nav-ease),transform .3s var(--ufd-nav-ease)}.ufd-navbar.is-stuck .ufd-navbar__utils{max-width:14rem;opacity:1;pointer-events:auto;transform:translate(0)}.ufd-navbar__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:4.4rem;height:4.4rem;border:1px solid var(--ufd-nav-line);border-radius:var(--ufd-nav-radius);background:var(--ufd-nav-pill-bg);color:var(--ufd-nav-ink);text-decoration:none;transition:border-color .2s var(--ufd-nav-ease),transform .2s var(--ufd-nav-ease)}.ufd-navbar__icon:hover{border-color:var(--ufd-nav-line-strong);transform:translateY(-1px)}.ufd-navbar__icon svg{width:1.9rem;height:1.9rem}.ufd-navbar__cart-count{position:absolute;top:-.4rem;right:-.4rem;min-width:1.9rem;height:1.9rem;padding:0 .5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--ufd-nav-accent);color:#fff;font-size:1.1rem;font-weight:600;line-height:1}.ufd-navbar__cart-count[hidden]{display:none}.ufd-cta{display:inline-flex;align-items:center;gap:1.2rem;padding:.6rem .6rem .6rem 2.2rem;border:1px solid var(--ufd-nav-accent);border-radius:var(--ufd-nav-radius);background:var(--ufd-nav-accent);color:#fff;font-family:var(--font-body-family);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap;text-decoration:none;box-shadow:0 6px 18px #0000001f;transition:filter .2s var(--ufd-nav-ease),transform .2s var(--ufd-nav-ease),box-shadow .2s var(--ufd-nav-ease)}.ufd-cta:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 26px #0000002e;text-decoration:none;color:#fff}.ufd-cta:focus-visible{outline:2px solid var(--ufd-nav-ink);outline-offset:3px}.ufd-cta__arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:3.2rem;height:3.2rem;border-radius:999px;background:#ffffff42;transition:transform .25s var(--ufd-nav-ease)}.ufd-cta:hover .ufd-cta__arrow{transform:translate(2px)}.ufd-cta__arrow svg{width:1.6rem;height:1.6rem}@media screen and (max-width:1320px){.ufd-navbar .header__inline-menu .header__menu-item{padding:1.05rem 1.4rem;font-size:1.4rem}.ufd-navbar .header__inline-menu>.list-menu--inline{gap:.4rem}.ufd-cta{padding-left:1.6rem;font-size:1.4rem}}@media screen and (max-width:1120px){.ufd-navbar{gap:1rem}.ufd-navbar .header__inline-menu .header__menu-item{padding:1rem 1.1rem;font-size:1.3rem}}}@media(prefers-reduced-motion:reduce){.ufd-navbar,.ufd-navbar *,.ufd-cta,.ufd-cta *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/ufd-pill-nav.css.map */