.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)}}