.header-wrapper .header{min-height:84px;column-gap:var(--yarn-space-5);padding:12px 32px}.header-wrapper .header__heading-link{padding:0;min-height:var(--yarn-touch)}.header__heading-link>.yarn-wordmark{display:block;width:190px;max-width:100%;aspect-ratio:3.797;transform:translateY(-14%);overflow:hidden}@media screen and (max-width:749px){.header-wrapper .header__heading-link>.yarn-wordmark{width:min(150px,calc(100vw - 232px))}}@media screen and (min-width:990px){.header__heading-link>.yarn-wordmark{width:230px}}.yarn-wordmark__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}.header-wrapper .header__inline-menu{margin-left:0;justify-self:center}.yarn-main-menu{flex-wrap:nowrap;align-items:center;gap:var(--yarn-space-1)}.yarn-main-menu .header__menu-item{white-space:nowrap;min-height:var(--yarn-touch);padding:10px 11px;font-size:1.4rem;letter-spacing:0;border-radius:var(--yarn-radius-pill)}.yarn-main-menu .yarn-menu-project{background:var(--yarn-action-subtle-bg);color:var(--yarn-action)}.header-wrapper .header__icons{align-items:center;gap:2px;padding-right:0}.header-wrapper .header__icon,.header-wrapper .header__search{width:var(--yarn-touch);height:var(--yarn-touch)}.header-wrapper .header__icon{display:flex;align-items:center;justify-content:center;color:var(--yarn-text-primary);border-radius:var(--yarn-radius-pill)}.header-wrapper .header__icon .svg-wrapper,.header-wrapper .header__icon>span:not(.visually-hidden){flex:0 0 24px;width:var(--yarn-icon);height:var(--yarn-icon);transform:none}.header-wrapper .header__icon svg{width:var(--yarn-icon);height:var(--yarn-icon)}.header-wrapper .header__icon--cart{margin-right:0}.header-wrapper .cart-count-bubble{bottom:auto;top:1px;left:auto;right:0;min-width:17px;height:17px;background:var(--yarn-action);font-size:1rem}.header-wrapper .desktop-localization-wrapper{margin-right:14px}.header-wrapper .localization-form:only-child{margin:0;padding:0}.header-wrapper .localization-form__select{min-height:var(--yarn-touch);margin:0;padding-left:8px;font-size:1.3rem}.header-wrapper .disclosure__list-wrapper{border:1px solid var(--yarn-border-subtle);border-radius:12px;background:var(--yarn-bg-surface)}.header-wrapper .menu-drawer{background:var(--yarn-bg-surface)}.header-wrapper .menu-drawer__navigation{padding:24px 20px}.header-wrapper .menu-drawer__menu-item{min-height:52px;padding:12px 16px;border-radius:var(--yarn-radius-pill);font-size:1.6rem}.header-wrapper .menu-drawer__menu li+li{margin-top:4px}.header-wrapper .menu-drawer__menu .yarn-menu-project{background:var(--yarn-action-subtle-bg);color:var(--yarn-action)}@media screen and (max-width:1339px){#YarnHeader{grid-template-areas:"left-icons search heading icons";grid-template-columns:44px 44px minmax(0,1fr) auto;column-gap:0;min-height:72px;padding:10px 24px}.header-wrapper header-drawer{display:block;margin-left:0}.header-wrapper .header__inline-menu,.header-wrapper .desktop-localization-wrapper{display:none}#YarnHeader>.header__search{display:inline-flex;grid-area:search;justify-self:start}.header-wrapper .header__icon--favorites{display:none}.header-wrapper .header__heading,.header-wrapper .header__heading-link{grid-area:heading;justify-self:center;min-width:0;margin:0;padding:0}.header-wrapper .header__icons{width:auto;gap:0}.header-wrapper .header__icon--account{display:none}#YarnHeader .header__icons>.header__search{display:none}.header-wrapper .header__heading-link>.yarn-wordmark{transform:translateY(-14%)}.header-wrapper .menu-drawer__localization .localization-form{display:block}}@media screen and (max-width:599px){#YarnHeader{min-height:68px;padding:8px 16px}}.header-wrapper .header{max-width:calc(var(--yarn-content-max) + 2 * var(--yarn-gutter));padding-inline:var(--yarn-gutter)}.yarn-main-menu .header__menu-item,.header-wrapper .menu-drawer__menu-item,.announcement-bar__message{font-family:var(--yarn-body);letter-spacing:0}.yarn-main-menu .header__menu-item{font-size:var(--yarn-type-control)}.yarn-main-menu .header__menu-item:hover,.header-wrapper .menu-drawer__menu-item:hover,.header-wrapper .menu-drawer__menu-item--active,.yarn-main-menu .header__menu-item[aria-current=page]{background:var(--yarn-action-subtle-bg);color:var(--yarn-action)}.yarn-main-menu .header__menu-item:is(:hover,:focus-visible) span{color:var(--yarn-action);text-decoration-color:currentColor}.header-wrapper .header__active-menu-item{text-decoration-color:var(--yarn-action)}.header-wrapper .header__icon:hover{background:var(--yarn-action-subtle-bg);color:var(--yarn-action)}.header-wrapper .header__submenu,.header-wrapper .search-modal,.header-wrapper .predictive-search,.header-wrapper .menu-drawer__submenu,.header-wrapper .menu-drawer__utility-links{background:var(--yarn-bg-surface);color:var(--yarn-text-primary)}.header-wrapper .header__submenu{border:1px solid var(--yarn-border-subtle);border-radius:var(--yarn-radius-panel)}.header-wrapper .menu-drawer__close-button{min-height:var(--yarn-touch);color:var(--yarn-action)}.header-wrapper .search-modal__close-button{min-width:var(--yarn-touch);min-height:var(--yarn-touch)}.yarn-project-nav-back,.yarn-project-nav-title{display:none}@media(max-width:989px){.yarn-project-page .announcement-bar-section{display:none}.header-wrapper .header.header--project{grid-template-columns:44px minmax(0,1fr) 132px;grid-template-areas:"left-icons heading icons";column-gap:0;padding:6px var(--yarn-gutter);min-height:56px}.header--project>:is(header-drawer,.header__heading-link){display:none}.header--project .yarn-project-nav-back{display:flex;grid-area:left-icons;align-items:center;justify-content:center;width:var(--yarn-touch);height:var(--yarn-touch);color:var(--yarn-text-primary);font-size:2.4rem;text-decoration:none}.header--project .yarn-project-nav-title{display:block;grid-area:heading;text-align:center;font-family:var(--yarn-display);font-size:1.6rem;color:var(--yarn-text-primary)}}.yarn-project-nav-back svg{width:24px;height:24px;transform:rotate(180deg)}.yarn-main-menu .yarn-menu-sale span,.menu-drawer .yarn-menu-sale span{display:inline-flex;align-items:center;padding:2px 14px;border-radius:var(--yarn-radius-pill);background:var(--yarn-tint-blush);color:var(--yarn-text-primary);font-weight:600}.header-wrapper .menu-drawer__navigation{padding:16px}.header-wrapper .yarn-drawer-row__total{color:var(--yarn-text-muted);font-family:var(--yarn-body);font-size:1.3rem}.header-wrapper .yarn-drawer-sub{display:flex;align-items:center;min-height:var(--yarn-touch);padding:0 16px 0 28px;color:var(--yarn-action);font-family:var(--yarn-body);font-size:1.4rem;font-weight:700;text-decoration:none}.header-wrapper .menu-drawer__menu-item>.yarn-drawer-row__arrow,.header-wrapper .yarn-drawer-language>.yarn-drawer-row__arrow{position:static;flex:0 0 20px;width:20px;height:20px;transform:none}.js .header-wrapper .menu-drawer__menu-item .yarn-drawer-row__arrow .icon-caret{display:block;width:14px;height:14px;margin:auto}.yarn-drawer-row__arrow svg{transform:rotate(-90deg)}.yarn-nav-tile{display:flex;flex-direction:column;gap:2px;height:100%;padding:8px 8px 12px;border-radius:var(--yarn-radius-panel);background:var(--yarn-bg-sunken);color:var(--yarn-text-heading);text-decoration:none}.yarn-mega__tiles>li:nth-child(1) .yarn-nav-tile{background:var(--yarn-tint-blush)}.yarn-mega__tiles>li:nth-child(2) .yarn-nav-tile{background:var(--yarn-tint-butter)}.yarn-mega__tiles>li:nth-child(3) .yarn-nav-tile{background:var(--yarn-tint-sage)}.yarn-mega__tiles>li:nth-child(5) .yarn-nav-tile{background:var(--yarn-bg-band)}.yarn-mega__tiles .yarn-nav-tile--all{background:var(--yarn-action-subtle-bg)}.yarn-nav-tile__photo{display:block;margin-bottom:8px;aspect-ratio:151 / 104;overflow:hidden;border-radius:var(--yarn-radius-media);background:var(--yarn-bg-surface)}.yarn-nav-tile__photo img{display:block;width:100%;height:100%;object-fit:cover}.yarn-nav-tile__photo--mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}.yarn-nav-tile__photo--mosaic img{min-height:0}.yarn-nav-tile__text{display:flex;flex-direction:column;gap:2px;padding-inline:4px}.yarn-nav-tile__name{font-family:var(--yarn-display);font-size:1.5rem;line-height:1.4}.yarn-nav-tile__count{color:var(--yarn-text-muted);font-size:1.2rem}.header-wrapper .yarn-drawer-row{display:flex;align-items:center;gap:var(--yarn-space-2);min-height:56px;padding:14px 0;border-top:1px solid var(--yarn-border-subtle);border-radius:0;font-size:1.7rem}.header-wrapper .yarn-drawer-row.menu-drawer__menu-item--active,.header-wrapper .yarn-drawer-row:hover{background:none;color:var(--yarn-action)}.header-wrapper .yarn-drawer-row>.yarn-drawer-row__arrow{margin-left:auto}.yarn-nav-badge{padding:2px 8px;border-radius:var(--yarn-radius-pill);background:var(--yarn-tint-butter);color:var(--yarn-text-warm);font-family:var(--yarn-body);font-size:1.1rem;font-weight:700;line-height:1.6}@media screen and (min-width:1340px){.yarn-main-menu{gap:var(--yarn-space-3)}.yarn-main-menu .header__menu-item,.yarn-main-menu .header__menu-item:hover,.yarn-main-menu .header__menu-item[aria-current=page]{gap:var(--yarn-space-2);padding-inline:8px;background:none;text-decoration:none}.yarn-main-menu .header__menu-item>span:first-child{position:relative;text-decoration:none}.yarn-nav-strand-defs{position:absolute;width:0;height:0}.yarn-nav-strand{position:absolute;left:-2px;right:-2px;bottom:-13px;height:14px;overflow:hidden;pointer-events:none}.yarn-nav-strand svg{display:block;width:160px;height:14px}.yarn-nav-strand path{stroke:url(#YarnNavPly) var(--yarn-home-logo);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.1;stroke-dashoffset:1.05;transition:stroke-dashoffset .2s cubic-bezier(.4,0,1,1)}.yarn-main-menu .header__menu-item:is(:hover,:focus-visible) .yarn-nav-strand path,.yarn-main-menu details[open]>.header__menu-item .yarn-nav-strand path,.yarn-main-menu:not(:has(.header__menu-item:is(:hover,:focus-visible),details[open])) :is(.header__active-menu-item,[aria-current=page]) .yarn-nav-strand path{stroke-dashoffset:0;transition:stroke-dashoffset .5s cubic-bezier(.33,.8,.3,1)}.yarn-main-menu .header__menu-item:hover,.yarn-main-menu details[open]>.header__menu-item{color:var(--yarn-action)}.yarn-main-menu details[open]>.header__menu-item,.yarn-main-menu details[open]:hover>.header__menu-item,.yarn-main-menu .header__menu-item:hover span{text-decoration:none}.yarn-main-menu summary.header__menu-item{display:inline-flex;align-items:center}.yarn-main-menu summary.header__menu-item .icon-caret{position:static;flex:0 0 10px;width:10px;height:6px;transition:transform .2s ease}.yarn-main-menu details[open]>.header__menu-item .icon-caret{transform:rotate(180deg)}.yarn-mega__content{padding:var(--yarn-space-6) var(--yarn-gutter) var(--yarn-space-7);border-top:1px solid var(--yarn-border-subtle);background:var(--yarn-bg-surface);box-shadow:0 12px 32px var(--yarn-shadow-soft)}.yarn-mega[open]:before{content:"";position:fixed;inset:var(--header-bottom-position-desktop, 0) 0 0;z-index:-1;background:var(--yarn-overlay);pointer-events:none}.yarn-mega__inner{max-width:var(--yarn-content-max);margin:0 auto}.yarn-mega__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--yarn-space-4);margin-bottom:var(--yarn-space-5)}.yarn-mega__eyebrow{margin:0 0 4px;color:var(--yarn-action);font-size:var(--yarn-type-meta);font-weight:700}.yarn-mega__title{margin:0;color:var(--yarn-text-heading);font-family:var(--yarn-display);font-size:2.2rem;line-height:1.4}.yarn-mega__all{color:var(--yarn-action);font-size:1.5rem;text-decoration:none;white-space:nowrap}.yarn-mega__all:hover{text-decoration:underline}.yarn-mega__links{display:flex;align-items:center;gap:var(--yarn-space-5)}.yarn-mega__first{padding:6px 14px;border-radius:var(--yarn-radius-pill);background:var(--yarn-tint-sage);color:var(--yarn-text-primary);font-size:1.5rem;font-weight:700;text-decoration:none;white-space:nowrap}.yarn-mega__first:hover{text-decoration:underline}.yarn-mega__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;margin:0;padding:0}.yarn-mega .yarn-nav-tile{flex-direction:row;align-items:center;gap:20px;min-height:128px;padding:16px}.yarn-mega .yarn-nav-tile:hover{box-shadow:inset 0 0 0 1px var(--yarn-border-card)}.yarn-mega .yarn-nav-tile__photo{flex:0 0 96px;width:96px;margin:0;aspect-ratio:1}.yarn-mega .yarn-nav-tile__text{gap:4px;padding:0}.yarn-mega .yarn-nav-tile__name{font-size:2rem}.yarn-mega .yarn-nav-tile__count{font-size:1.3rem}}@media screen and (min-width:1340px){.yarn-main-menu details[open]>:is(.yarn-mega__content,.header__submenu){animation:yarn-menu-unroll .42s cubic-bezier(.16,1,.3,1) both,yarn-menu-fade .16s linear both}.yarn-mega[open] :is(.yarn-mega__head,.yarn-mega__tiles>li){animation:yarn-menu-settle .4s cubic-bezier(.16,1,.3,1) both;animation-delay:.08s}.yarn-mega[open] .yarn-mega__tiles>li:nth-child(n+4){animation-delay:.14s}.yarn-mega[open]:before{animation:yarn-menu-fade .35s ease both}}@keyframes yarn-menu-unroll{0%{transform:translateY(-12px);clip-path:inset(0 -40px 100% -40px)}to{transform:none;clip-path:inset(0 -40px -40px -40px)}}@keyframes yarn-menu-settle{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes yarn-menu-fade{0%{opacity:0}to{opacity:1}}@media screen and (min-width:1340px){.section-header .header-wrapper,.section-header #YarnHeader,.section-header .header__heading-link>.yarn-wordmark{transition:background-color .45s ease,box-shadow .45s ease,min-height .45s cubic-bezier(.22,1,.36,1),padding .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.section-header .header__heading-link>.yarn-wordmark{transform-origin:left center;transform:translateY(-20%)}.section-header.yarn-header-docked{position:sticky;top:0}.section-header.yarn-header-docked .header-wrapper{background:color-mix(in srgb,var(--yarn-bg-surface) 86%,transparent);border-bottom-color:transparent;box-shadow:0 10px 28px var(--yarn-shadow-soft);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);animation:yarn-header-drop .62s cubic-bezier(.18,1.25,.4,1) both}.section-header.yarn-header-docked #YarnHeader{min-height:64px;padding-block:4px}.section-header.yarn-header-docked .header__heading-link>.yarn-wordmark{transform:translateY(-20%) scale(.8)}}@keyframes yarn-header-drop{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.section-header .header-wrapper,.section-header #YarnHeader,.section-header .header__heading-link>.yarn-wordmark{transition:none}.section-header.yarn-header-docked .header-wrapper{animation:none}.yarn-nav-strand path{transition:none!important}.yarn-main-menu details[open]>:is(.yarn-mega__content,.header__submenu){animation:yarn-menu-fade .15s ease both}.yarn-mega[open] :is(.yarn-mega__head,.yarn-mega__tiles>li){animation:none}}.yarn-lang{position:relative;margin:0 2px}.yarn-lang__button{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 10px;border:1px solid var(--yarn-border-subtle);border-radius:var(--yarn-radius-pill);background:var(--yarn-bg-surface);color:var(--yarn-text-primary);font-family:var(--yarn-body);font-size:1.4rem;font-weight:500;line-height:1;white-space:nowrap;list-style:none;cursor:pointer;position:relative}.yarn-lang__button::-webkit-details-marker{display:none}.yarn-lang__button:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.yarn-lang__button:hover,.yarn-lang[open] .yarn-lang__button{border-color:var(--yarn-action);color:var(--yarn-action)}.yarn-lang__globe{flex:none}.yarn-lang__name,.yarn-lang__scrim{display:none}.yarn-lang__panel{display:none;z-index:30;background:var(--yarn-bg-surface);color:var(--yarn-text-primary);font-family:var(--yarn-body)}.yarn-lang[open] .yarn-lang__panel{display:block}.section-header:has(.yarn-lang[open]){z-index:40}.yarn-lang__grab{display:none}.yarn-lang__title{margin:0 8px 6px;color:var(--yarn-text-muted);font-size:1.3rem;line-height:1.5}.yarn-lang__list{margin:0;padding:0}.yarn-lang__option{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 16px;border-radius:14px;color:var(--yarn-text-primary);font-size:1.6rem;font-weight:500;text-decoration:none}.yarn-lang__option small{color:var(--yarn-text-muted);font-size:1.2rem;font-weight:400}@media(hover:hover){.yarn-lang__option:not([aria-current=true]):hover{background:var(--yarn-bg-band)}}.yarn-lang__option[aria-current=true]{background:var(--yarn-action-subtle-bg);color:var(--yarn-action)}.yarn-lang__check{margin-left:auto}@media screen and (max-width:749px){.yarn-lang[open] .yarn-lang__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:var(--yarn-overlay)}.yarn-lang__panel{position:fixed;right:0;bottom:0;left:0;padding:10px 16px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;box-shadow:0 -8px 24px var(--yarn-shadow-soft)}.yarn-lang__grab{display:block;width:36px;height:4px;margin:0 auto 14px;border-radius:2px;background:var(--yarn-border-card)}}@media screen and (min-width:750px){.yarn-lang__panel{position:absolute;top:calc(100% + 8px);right:0;width:240px;padding:8px;border:1px solid var(--yarn-border-subtle);border-radius:16px;box-shadow:0 12px 32px var(--yarn-shadow-soft)}.yarn-lang__option{min-height:48px;font-size:1.5rem}}@media screen and (min-width:1340px){.yarn-lang{margin-right:12px}.yarn-lang__button{height:38px;padding:0 14px}.yarn-lang__name{display:inline}}.yarn-drawer-account{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border:1px solid var(--yarn-cta-border);border-radius:var(--yarn-radius-panel);background:var(--yarn-action-subtle-bg);color:var(--yarn-text-primary);text-decoration:none}.yarn-drawer-account__head{display:flex;flex:1;align-items:center;gap:12px;color:inherit;text-decoration:none}.yarn-drawer-account__avatar{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--yarn-bg-surface);color:var(--yarn-action)}.yarn-drawer-account__avatar svg{width:22px;height:22px}.yarn-drawer-account__text{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}.yarn-drawer-account__text b{color:var(--yarn-text-heading);font-size:1.6rem;font-weight:600}.yarn-drawer-account__text small{color:var(--yarn-text-muted);font-size:1.2rem;line-height:1.5}.yarn-drawer-account__cta{flex:none;padding:9px 16px;border-radius:var(--yarn-radius-pill);background:var(--yarn-cta-bg);color:var(--yarn-text-on-cta);font-size:1.4rem;font-weight:700}.yarn-drawer-account__links{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.yarn-drawer-account__links a{display:flex;align-items:center;justify-content:center;min-height:var(--yarn-touch);border:1px solid var(--yarn-border-subtle);border-radius:12px;background:var(--yarn-bg-surface);color:var(--yarn-text-primary);font-size:1.4rem;text-decoration:none}.yarn-drawer-quick{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin:12px 0 4px;padding:0}.yarn-drawer-quick a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0;color:var(--yarn-text-secondary);font-size:1.2rem;line-height:1.3;text-align:center;text-decoration:none}.yarn-drawer-quick__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--yarn-border-subtle);border-radius:50%;background:var(--yarn-bg-surface);color:var(--yarn-text-primary)}.yarn-drawer-quick__icon svg{width:22px;height:22px}.yarn-drawer-quick a:hover .yarn-drawer-quick__icon{border-color:var(--yarn-action);color:var(--yarn-action)}.yarn-drawer-heading{margin:16px 4px 4px;color:var(--yarn-text-muted);font-size:1.2rem;font-weight:700;letter-spacing:.04em}.header-wrapper .yarn-drawer-language{display:flex;align-items:center;gap:10px;width:calc(100% - 32px);min-height:48px;margin:8px 16px 24px;padding:0 14px;border:1px solid var(--yarn-border-subtle);border-radius:var(--yarn-radius-pill);background:var(--yarn-bg-surface);color:var(--yarn-text-primary);font-family:var(--yarn-body);font-size:1.45rem;cursor:pointer}.header-wrapper .yarn-drawer-language b{font-weight:600}.header-wrapper .yarn-drawer-language>.yarn-drawer-row__arrow{margin-left:auto}.js .header-wrapper .yarn-drawer-language .icon-caret{display:block;width:14px;height:14px;margin:auto}
/*# sourceMappingURL=/cdn/shop/t/137/assets/yarn-header.css.map */