#shopify-section-header{z-index:999}.shopify-section-header-sticky{position:sticky;top:0}.shopify-section-header-hidden{transform:translateY(-100%)}#shopify-section-header.animate{transition:transform .15s ease-out}.header-wrapper{background-color:transparent;display:block;position:relative}.shopify-section-header-sticky sticky-header.header-wrapper{left:0;position:fixed;top:0;width:100%}.template--index .header-wrapper,.template--cart .header-wrapper,.template--login .header-wrapper,.template--account .header-wrapper,.template--addresses .header-wrapper,.template--orders .header-wrapper,.template--404 .header-wrapper,.template--search .header-wrapper,.template--page .header-wrapper,.template--article .header-wrapper,.template--blog .header-wrapper{background-color:var(--primary-purple)}.page--why-bugs .header-wrapper{background-color:var(--primary-red)}.template--product .header-wrapper{background-color:var(--primary-pink)}.template--index .button--transparent.header__shop-btn:hover,.template--page .button--transparent.header__shop-btn:hover,.template--account .button--transparent.header__shop-btn:hover,.template--blog .button--transparent.header__shop-btn:hover{color:var(--primary-purple)}.header-wrapper--border-bottom{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.header{align-items:center;display:grid;grid-template-areas:"left-icon heading icons";grid-template-columns:1fr 125px 1fr;margin:0 auto;padding:1.5rem 2.2rem}.template--cart .header--wrapper{background-color:var(--primary-purple)}.template--cart .button--transparent.header__shop-btn:hover{color:var(--primary-purple)}.template--product .header--wrapper{background-color:var(--primary-pink)}.template--product .button--transparent.header__shop-btn:hover{color:var(--primary-pink)}@media screen and (min-width:768px){.template--index .header-wrapper{background-color:var(--primary-teal)}.template--index .button--transparent.header__shop-btn:hover{color:var(--primary-teal)}}@media screen and (min-width:990px){.header{grid-template-columns:1fr 220px 1fr;max-width:1680px;padding:2rem 5.6rem}.header--has-menu:not(.header--middle-left){padding-bottom:0}.header--top-left,.header--middle-left:not(.header--has-menu){grid-template-areas:"heading icons" "navigation navigation";grid-template-columns:1fr auto}.header--middle-left{column-gap:2rem;grid-template-areas:"navigation heading icons"}.header--top-center{grid-template-areas:"left-icon heading icons" "navigation navigation navigation"}.header:not(.header--middle-left) .header__inline-menu{margin-top:1.05rem}}.header *[tabindex="-1"]:focus{outline:none}.header__heading{line-height:0;margin:0}.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{color:rgba(var(--color-foreground),.75);line-height:1}.header__heading-link{line-height:unset}.header__heading-logo{height:auto;width:100%}@media screen and (max-width:989px){.header__heading,.header__heading-link{text-align:center}}@media screen and (min-width:990px){.header--top-center .header__heading-link,.header--top-center .header__heading{justify-self:center;text-align:center}}@media screen and (max-width:767px){.header__shop-btn{display:none}}.header__icons{align-items:center;display:flex;grid-area:icons;justify-self:end}.header__shop-btn{display:none;letter-spacing:.01px}@media screen and (min-width:990px){.header__shop-btn{display:block}}.header__icon:not(.header__icon--summary),.header__icon span{align-items:center;display:flex;justify-content:center}.header__icon{color:var(--white)}@media screen and (min-width:768px){.header__icon{margin-left:16px}}.header__icon span{font-family:var(--font-header);height:100%;padding-top:3px}.header__icon:after{content:none}.header__icon:hover .icon,.modal__close-button:hover .icon{transform:scale(1.07)}.header__icon .icon{fill:none;height:2rem;vertical-align:middle;width:2rem}.header__icon .icon-search{height:4.5rem;width:4.5rem}.header__icon,.header__icon--cart .icon{height:4.4rem;width:4.4rem}.header__icon--cart{margin-right:-1.2rem;position:relative}.header__icon--account{width:2rem}@media screen and (max-width:989px){menu-drawer~.header__icons .header__icon--account{display:none}}menu-drawer+.header__search{display:none}.header>.header__search{grid-area:left-icon;justify-self:start}.header:not(.header--has-menu) *>.header__search{display:none}.header__search{display:inline-flex;line-height:0}.header--top-center>.header__search{display:none}.header--top-center *>.header__search{display:inline-flex}@media screen and (min-width:990px){.header:not(.header--top-center) *>.header__search,.header--top-center>.header__search{display:inline-flex}.header:not(.header--top-center)>.header__search,.header--top-center *>.header__search{display:none}}.no-js .predictive-search{display:none}details[open]>.search-modal{animation:animateMenuOpen var(--duration-default) ease;opacity:1}details[open] .modal-overlay{display:block}details[open] .modal-overlay:after{background-color:rgb(var(--color-foreground),.5);content:"";height:100vh;left:0;position:absolute;right:0;top:100%}details[open] .search-modal .modal-overlay:after{background-color:transparent}.no-js details[open]>.header__icon--search{right:.5rem;top:1rem}.search-modal{border-bottom:.1rem solid rgba(var(--color-foreground),.08);height:100%;opacity:0}.search-modal__content{align-items:center;display:flex;height:100%;justify-content:center;line-height:calc(1 + .8 / var(--font-body-scale));padding:0 5rem 0 1rem;width:100%}.search-modal__form{width:100%}.search-modal__close-button{position:absolute;right:.3rem}@media screen and (max-width:767px){.modal__close-button.link.search-modal__close-button{justify-content:flex-end;right:1em}}@media screen and (min-width:768px){.search-modal__close-button{right:1rem}.search-modal__content{padding:0 6rem}}@media screen and (min-width:990px){.search-modal__form{max-width:47.8rem}.search-modal__close-button{margin-left:.5rem;position:initial}}.header__icon--menu .icon{display:block;opacity:1;position:absolute;transform:scale(1);transition:transform .15s ease,opacity .15s ease}details:not([open])>.header__icon--menu .icon-close,details[open]>.header__icon--menu .icon-hamburger{opacity:0;transform:scale(.8);visibility:hidden}.js details[open]:not(.menu-opening)>.header__icon--menu .icon-close{visibility:hidden}.js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger{opacity:1;transform:scale(1.07);visibility:visible}.header__inline-menu details[open]>.header__submenu{animation:animateMenuOpen var(--duration-default) ease;opacity:1;transform:translateY(0);z-index:1}.header__inline-menu{display:none;grid-area:navigation;margin-left:-1.2rem}.header--top-center .header__inline-menu,.header--top-center .header__heading-link{margin-left:0}@media screen and (min-width:990px){.header__inline-menu{display:block}.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{color:var(--white);padding-right:2rem;text-decoration:none}.header__menu-item:hover{color:rgb(var(--color-foreground))}.header__menu-item span{font-size:18px;font-weight:900;letter-spacing:.01px;line-height:26px}.header__submenu{transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}.header__submenu.list-menu{padding:2rem 0}.header__submenu .header__submenu{background-color:rgba(var(--color-foreground),.03);margin:.5rem 0;padding:.5rem 0}.header__submenu .header__menu-item:after{right:2rem}.header__submenu .header__menu-item{padding:.95rem 3.5rem .95rem 2rem}.header__submenu .header__submenu .header__menu-item{padding-left:3rem}.header__menu-item .icon-caret{right:.8rem}.header__submenu .icon-caret{right:2rem}details-disclosure>details{position:relative}@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-header.css.map */