.c-grains-article-archive{padding-bottom:var(--spacing-base)}.c-grains-article-archive__wrapper{padding-right:var(--wrapper-padding);padding-left:var(--wrapper-padding);max-width:var(--wrapper-width);margin-right:auto;margin-left:auto}.c-grains-article-archive__wrapper *{--wrapper-padding:0}.c-grains-article-archive__overline{text-transform:uppercase;font-size:var(--font-size-l);margin-bottom:var(--spacing-small)}.c-grains-article-archive__headline{font-size:var(--headline-font-size-xl)}.c-grains-article-archive__articles{display:grid}.c-grains-article-archive__load-more{all:unset;text-transform:uppercase;cursor:pointer;box-sizing:border-box;line-height:1;text-align:center;transition:all var(--transition-base);font-size:var(--font-size-s);padding:calc(var(--spacing-tiny) + 2px) var(--spacing-base) var(--spacing-tiny);background-color:var(--color-yellow);color:var(--font-color-dark);outline:0 solid var(--color-yellow);border:1px solid transparent;margin:0 auto;display:block;width:-moz-fit-content;width:fit-content}.c-grains-article-archive__load-more[disabled]{pointer-events:none}.c-grains-article-archive__load-more:active,.c-grains-article-archive__load-more:focus{background-color:var(--color-yellow-light);color:var(--font-color-dark);transform:scale(1.1)}@media(hover){.c-grains-article-archive__load-more:hover{background-color:var(--color-yellow-light);color:var(--font-color-dark);transform:scale(1.1)}}.c-grains-article-archive__filter{display:flex;gap:var(--spacing-small);align-items:center}@media(max-width:37.5em){.c-grains-article-archive__filter{align-items:flex-start;flex-direction:column;flex-wrap:nowrap;align-content:flex-start}}@media(max-width:42.49em){.c-grains-article-archive__filter{flex-wrap:wrap}.c-grains-article-archive__articles{grid-template-columns:1fr;row-gap:var(--spacing-base);margin:var(--spacing-base) 0}}@media(min-width:42.5em)and (max-width:61.24em){.c-grains-article-archive__articles{grid-template-columns:1fr 1fr;row-gap:var(--spacing-large);column-gap:var(--spacing-base);margin:var(--spacing-base) 0}}@media(min-width:61.25em){.c-grains-article-archive__articles{grid-template-columns:1fr 1fr 1fr;row-gap:var(--spacing-large-base);column-gap:var(--spacing-base-small);margin:var(--spacing-large-base) 0}}.c-grains-article-archive-filter{display:inline-block}.c-grains-article-archive-filter__filter{color:var(--background-color-light);border:1px solid var(--background-color-dark)}.c-grains-article-archive-filter__filter .filter__menu{max-width:90vw}.c-grains-article-archive-filter__filter .filter__menu .filter__menu-list{width:-moz-fit-content;width:fit-content;max-width:inherit}.c-grains-article-archive-filter__filter .filter__control--is-focused .filter__placeholder{opacity:.5;transition:opacity .2s}.c-grains-article-archive-filter__filter .filter__control--is-focused .filter__placeholder:after{content:"..."}.c-grains-article-archive-filter__filter .filter__value-container{margin-right:var(--spacing-tiny)}.c-grains-article-archive-filter__filter .filter__input-container{max-width:200px}.c-grains-article-archive-filter__filter .filter__option{padding:var(--spacing-tiny) var(--spacing-base);min-width:var(--spacing-giant);background-color:var(--background-color-light);color:var(--background-color-dark);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:400px;width:100%}.c-grains-article-archive-filter__filter .filter__option--is-focused,.c-grains-article-archive-filter__filter .filter__option:hover{color:var(--background-color-dark);background-color:var(--color-yellow);cursor:pointer}.c-grains-article-archive-filter__filter .filter__option:not(:last-child){border-bottom:1px solid var(--background-color-dark)}.c-grains-article-archive-filter__filter .filter__menu-notice--no-options{padding:var(--spacing-tiny) var(--spacing-base);min-width:var(--spacing-giant);background-color:var(--background-color-light);color:var(--background-color-dark)}@media(max-width:37.5em){.c-grains-article-archive-filter__filter .filter__menu-list{width:100%}.c-grains-article-archive-filter__filter .filter__option{font-size:var(--font-size-s)}}.c-lib-common-component-not-found{padding-right:var(--wrapper-padding);padding-left:var(--wrapper-padding);max-width:var(--wrapper-width);margin-right:auto;margin-left:auto;margin-top:var(--spacing-tiny);margin-bottom:var(--spacing-tiny)}.c-lib-common-component-not-found *{--wrapper-padding:0}.c-lib-common-component-not-found__message{padding:var(--spacing-small);background-color:hsla(0,100%,76%,.5)}