.c-grains-site-header{--background-color:initial;--height-value:1;--height-unit:1px;--background-color:var(--color-yellow);--link-font-color:var(--font-color-dark);font-family:var(--font-family);color:var(--font-color);font-size:var(--font-size);font-weight:var(--font-weight);font-style:var(--font-style);background-color:var(--background-color);position:relative;z-index:20;transition:background var(--transition-base)}.c-grains-site-header--is-sticky{position:sticky;top:0}.c-grains-site-header--is-transparent{background-color:rgba(0,0,0,0);position:fixed;top:0;width:100%}.c-grains-site-header__search-overlay{position:fixed;top:70px;left:0;right:0;height:0;overflow:hidden;background:var(--background-color-dark);transition:height var(--transition-base)}.c-grains-site-header--is-search-open .c-grains-site-header__search-overlay{height:calc(100dvh - 70px)}.c-grains-site-header__wrapper{padding-right:var(--wrapper-padding);padding-left:var(--wrapper-padding);max-width:var(--wrapper-width-large);margin-right:auto;margin-left:auto}.c-grains-site-header__wrapper *{--wrapper-padding:0}.c-grains-site-header__wrapper{justify-content:space-between;padding-top:var(--spacing-small);padding-bottom:var(--spacing-small)}.c-grains-site-header__navigation,.c-grains-site-header__wrapper{display:flex;align-items:center}.c-grains-site-header__search-toggle{all:unset;position:relative;display:inline-block;height:var(--spacing-base-tiny);width:var(--spacing-base-tiny);cursor:pointer;margin-left:var(--spacing-small-tiny)}.c-grains-site-header__search-toggle:before{content:"";display:inline-block;width:10%;height:40%;background:var(--font-color-dark);position:absolute;left:75%;top:75%;transform:translate(-50%,-50%) rotate(-45deg);transition:all .3s}.c-grains-site-header__search-toggle:after{content:"";display:inline-block;position:absolute;width:45%;height:45%;border:3px solid var(--font-color-dark);border-radius:50%;top:40%;left:40%;transform:translate(-50%,-50%) rotate(0deg);transition:all .3s}.c-grains-site-header--is-search-open .c-grains-site-header__search-toggle:before{height:80%;left:50%;top:50%}.c-grains-site-header--is-search-open .c-grains-site-header__search-toggle:after{border-width:1.5px;border-radius:0;background:var(--font-color-dark);width:0;height:70%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .3s,background 0s .3s}.c-grains-site-header__social-icons{width:100%}.c-grains-site-header__account-link{all:unset;margin-left:var(--spacing-small-tiny);align-content:center;display:flex;cursor:pointer}.c-grains-site-header__icon{height:var(--spacing-base)}body:has(.c-grains-site-header--is-navigtaion-open),body:has(.c-grains-site-header--is-search-open){overflow:hidden!important}@media(max-width:61.24em){.c-grains-site-header__toggle{background-color:rgba(0,0,0,0);border:0;padding:0;position:relative;width:var(--spacing-base);height:calc(var(--spacing-small-tiny) + 3px);margin-left:auto;z-index:2}.c-grains-site-header__toggle:after,.c-grains-site-header__toggle:before{content:"";position:absolute;width:100%;height:3px;background-color:var(--background-color-dark);left:0;transition:all var(--transition-base)}.c-grains-site-header__toggle:before{top:var(--spacing-tiny)}.c-grains-site-header__toggle:after{bottom:var(--spacing-tiny)}.c-grains-site-header--is-navigation-open:not(.c-grains-site-header--is-sticky){position:fixed;top:0;width:100%}.c-grains-site-header--is-navigation-open .c-grains-site-header__toggle:before{top:50%;transform:rotate(45deg) translateY(-50%)}.c-grains-site-header--is-navigation-open .c-grains-site-header__toggle:after{bottom:50%;transform:rotate(-45deg) translateY(50%)}.c-grains-site-header__links{position:fixed;top:calc(var(--spacing-huge) - var(--spacing-small));left:0;right:0;height:0;z-index:1;transition:height var(--transition-base);background-color:var(--color-yellow);display:flex;flex-direction:column;justify-content:space-between;flex-wrap:nowrap;overflow:hidden}.c-grains-site-header--is-navigation-open .c-grains-site-header__links{height:calc(100dvh - var(--spacing-huge) + var(--spacing-small))}}@media(min-width:61.25em){.c-grains-site-header__social-icons,.c-grains-site-header__toggle{display:none}}