.header-wrapper{display:block;position:relative;background-color:#fff;border-bottom:1px solid #e5e5e5}.header{display:grid;grid-template-areas:"location location location" "heading icons menu-icons";grid-template-columns:1fr auto auto;align-items:center;padding:0 1rem 1rem 2rem;gap:1rem 0}@media screen and (min-width: 48em){.header{grid-template-areas:"location location location" "heading icons menu-icons"}}@media screen and (min-width: 52em){.header{gap:0;padding-top:1rem;grid-template-areas:"heading icons menu-icons"}}@media screen and (min-width: 72em){.header{grid-template-areas:"heading search icons" "navigation navigation navigation";grid-template-columns:auto 1fr auto;grid-column-gap:3rem;grid-row-gap:5rem;padding:4rem 0 1.8rem}.header:before{content:"";background-color:#e5e5e5;position:absolute;top:12rem;height:1px;width:100%;left:0}}@media screen and (min-width: 80em){.header{grid-column-gap:5rem}}.header *[tabindex="-1"]:focus{outline:none}.header__logo{display:flex;align-items:center;gap:2.5rem;grid-area:heading}.header__heading{margin:0;line-height:0}.header__logo svg{width:15rem}@media screen and (min-width: 24em){.header__logo svg{width:20rem}}@media screen and (min-width: 48em){.header__logo svg{width:24rem}}@media screen and (min-width: 72em){.header__logo svg{width:28rem}}#quarks-header-svg-logo .qlogo-cls-1{fill:#5d704a}#quarks-header-svg-logo .qlogo-cls-2{fill:#1d1b1c}.header>.header__heading-link{line-height:0}.header__heading,.header__heading-link{grid-area:heading;justify-self:center}.header__heading-link{display:inline-block;text-decoration:none;word-break:break-word}.header__heading-link:hover .h2{color:rgb(var(--color-foreground))}.header__heading-link .h2{line-height:1;color:rgba(var(--color-foreground),.75)}.header__heading-logo{height:auto;max-width:100%}.header__heading-logo-wrapper{width:100%;display:flex;transition:width .3s cubic-bezier(.52,0,.61,.99)}@media screen and (min-width: 72em){.header--middle-left .header__heading-link,.header--top-left .header__heading-link{margin-left:-.75rem}.header__heading,.header__heading-link{justify-self:start}.header--middle-center .header__heading-link,.header--middle-center .header__heading,.header--top-center .header__heading-link,.header--top-center .header__heading{justify-self:center;text-align:center}}.header__since{display:none;font-style:italic;font-size:1.4rem;position:relative;padding-right:3.5rem;line-height:1}@media screen and (min-width: 48em){.header__since{display:block;padding-right:4rem}}.header__since svg{width:3.2rem;position:absolute;right:0;top:50%;margin-top:-1.7rem;height:3.2rem}.header__icons{display:flex;grid-area:icons;align-items:center;justify-self:end;padding-inline:0 .4rem}@media screen and (min-width: 72em){.header__icons{gap:1rem}}@media screen and (min-width: 80em){.header__icons{gap:2rem}}.header__icons .shopify-app-block{max-width:4.4rem;max-height:4.4rem;overflow:hidden}.header__icon:not(.header__icon--summary),.header__icon span{display:flex;align-items:center;justify-content:center}.header__icon{color:rgb(var(--color-foreground))}.header__icon span{height:100%}.header__icon:after{content:none}.modal__close-button:hover .icon{transform:scale(1.07)}.header__icon .icon{height:2.5rem;width:2.5rem;fill:none;vertical-align:middle}.header__icon{height:4.4rem;width:4.4rem;padding:0}.header__locations,.header__account,.header__cart{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-base-text));text-decoration:none;font-size:1.8rem;font-weight:400;line-height:1;position:relative;margin-left:.4rem;width:4.2rem;height:4.2rem}.header__locations svg,.header__account svg,.header__cart svg{width:4.2rem;height:4.2rem}@media screen and (min-width: 72em){.header__locations svg{scale:1.1}}.header__cart svg{height:3.4rem;width:3.4rem}@media screen and (min-width: 72em){.header__cart svg{height:4.2rem;width:4.2rem}}.header__locations path,.header__account path,.header__cart path{transition:fill .15s ease}.header__locations path,.header__account path{fill:var(--color-graphics-orange)}.header__cart path{fill:#fff;stroke:rgb(var(--color-foreground));stroke-width:.4rem}@media screen and (min-width: 72em){.header__cart path{stroke:none;fill:var(--color-graphics-orange)}.header__locations:hover path,.header__account:hover path,.header__cart:hover path{fill:var(--color-graphics-orange-darkened)}}.header__locations,.header__account{display:none}@media screen and (min-width: 72em){.header__locations,.header__account{display:block}}.header__cart .cart-count-bubble span{display:block}.header__icon--menu[aria-expanded=true]:before{content:"";top:100%;left:0;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));width:100%;display:block;position:absolute;background:rgba(var(--color-foreground),.5)}menu-drawer+.header__search{display:none}.header>.header__search{grid-area:left-icons;justify-self:start}.header--top-center.drawer-menu>.header__search{margin-left:3.2rem}.header--top-center header-drawer{grid-area:left-icons}.header:not(.header--has-menu) *>.header__search{display:none}.header__search{display:inline-flex;line-height:0}@media screen and (min-width: 72em){.header__search{display:none}}.header__search-desktop{display:none}@media screen and (min-width: 72em){.header__search-desktop{display:block}.header__search-desktop .predictive-search{width:65rem;box-shadow:0 3px 12px #0003,0 12px 60px #0003}.header__search-desktop .predictive-search__loading-state{display:none}.header__search-desktop .predictive-search{position:absolute}}@media screen and (min-width: 80em){.header__search-desktop .predictive-search{width:75rem}}@media screen and (min-width: 90em){.header__search-desktop .predictive-search{width:90rem}}.header--top-center>.header__search{display:none}.header--top-center *>.header__search{display:inline-flex}.no-js .predictive-search{display:none}details[open]>.search-modal{opacity:1;animation:animateMenuOpen var(--duration-default) ease}details[open] .modal-overlay{display:block}details[open] .modal-overlay:after{position:absolute;content:"";background-color:rgb(var(--color-foreground),.5);top:100%;left:0;right:0;height:100vh}.no-js details[open]>.header__icon--search{top:1rem;right:.5rem}.search-modal{opacity:0;border-bottom:.1rem solid rgba(var(--color-foreground),.08);min-height:calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));height:100%}.search-modal__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 5rem 0 1rem;line-height:calc(1 + .8 / var(--font-body-scale));position:relative}.search-modal__content-bottom{bottom:calc((var(--inputs-margin-offset) / 2))}.search-modal__content-top{top:calc((var(--inputs-margin-offset) / 2))}.search-modal__form{width:100%}.search-modal__close-button{position:absolute;right:.3rem}@media screen and (min-width: 48em){.search-modal__close-button{right:1rem}.search-modal__content{padding:0 6rem}}@media screen and (min-width: 72em){.search-modal__form{max-width:74.2rem}.search-modal__close-button{position:initial;margin-left:.5rem}}.header__icon--menu .icon{display:block;position:absolute;opacity:1;transform:scale(1.4);transition:transform .15s ease,opacity .15s ease}.header__icon--menu .icon path{fill:rgb(var(--color-foreground))}details:not([open])>.header__icon--menu .icon-close,details[open]>.header__icon--menu .icon-hamburger{visibility:hidden;opacity:0;transform:scale(.8)}.js details[open]:not(.menu-opening)>.header__icon--menu .icon-close{visibility:hidden}.js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger{visibility:visible;opacity:1}.js details>.header__submenu{opacity:0;transform:translateY(-1.5rem)}details[open]>.header__submenu{animation:animateMenuOpen var(--duration-default) ease;animation-fill-mode:forwards;z-index:1}@media (prefers-reduced-motion){details[open]>.header__submenu{opacity:1;transform:translateY(0)}}.header__inline-menu{display:none;margin-left:-1.2rem}.header--top-center .header__inline-menu,.header--top-center .header__heading-link{margin-left:0}@media screen and (min-width: 72em){.header__menu-wrapper{grid-area:navigation}.header__inline-menu{display:flex}.header--top-center .header__inline-menu{justify-self:center}.header--top-center .header__inline-menu>.list-menu--inline{justify-content:center}.header--middle-left .header__inline-menu{margin-left:0}}.header__menu{padding:0 1rem}.header__menu-item{padding:1.2rem;text-decoration:none;color:rgba(var(--color-foreground),1);font-size:2.1rem;font-weight:600}.header__menu-item:hover{color:rgb(var(--color-foreground))}.header__menu-item span{transition:text-decoration var(--duration-short) ease}.header__menu-item:hover span{text-decoration:underline;text-underline-offset:.3rem}details[open]:hover>.header__menu-item{text-decoration-thickness:.2rem}details[open]>.header__menu-item span{color:var(--color-base-orange)}details[open]>.header__menu-item .icon-caret{transform:rotate(180deg)}.header__active-menu-item{transition:text-decoration-thickness var(--duration-short) ease;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.header__menu-item:hover .header__active-menu-item{text-decoration-thickness:.2rem}.header__submenu{transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}.global-settings-popup,.header__submenu.global-settings-popup{border-radius:var(--popup-corner-radius);border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.header__submenu.list-menu{padding:2.4rem 0}.header__submenu .header__submenu{background-color:rgba(var(--color-foreground),.03);padding:.5rem 0;margin:.5rem 0}.header__submenu .header__menu-item:after{right:2rem}.header__submenu .header__menu-item{justify-content:space-between;padding:.8rem 2.4rem}.header__submenu .header__submenu .header__menu-item{padding-left:3.4rem}.header__menu-item .icon-caret{right:.8rem}.header__submenu .icon-caret{flex-shrink:0;margin-left:1rem;position:static}header-menu>details,details-disclosure>details{position:relative}@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}.header__extra-menu{margin-left:auto;display:flex;align-items:center;align-self:center;gap:2.5rem}.header__call{font-size:1.8rem;line-height:1;position:relative;padding-left:4.6rem}.header__call a{color:rgba(var(--color-foreground),1);font-weight:400;text-decoration:none}.header__call a:hover{text-decoration:underline}.header__call svg,.header__help-icon{width:4.2rem;position:absolute;left:0;top:50%;margin-top:-2.1rem;height:4.2rem}.header__call path,.header__help-icon path{fill:var(--color-graphics-green)}.header__help{font-size:1.8rem;padding-left:4.6rem;padding-right:3rem}.header__help:hover span{text-decoration:underline;text-underline-offset:.3rem}.header__help button{padding:0;font-size:1.8rem;background:none;border:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-header.css.map */