.button--search{background:var(--c-bright-blue) url("../images/icons/search-white.svg") 50% 50% no-repeat;background-size:1.8rem auto;border-radius:0;box-shadow:none;height:3.8rem;padding:0;width:3.8rem}.button--search .icon{color:var(--c-wht);fill:#fff;height:1.8rem;width:1.8rem}.button--search[aria-expanded="true"] ~ .search-form{bottom:0;top:0;opacity:1}.button--close-search{background-image:url("../images/icons/close.svg");background-repeat:no-repeat;background-size:1.6rem auto;background-position:50% 50%;box-shadow:none;border:0;padding:1.2rem;width:4rem;height:4rem}.button--close-search .icon{fill:var(--c-blackest);height:1.6rem;width:1.6rem}.button--close-search:hover,.button--close-search:focus{background-image:url("../images/icons/close-white.svg")}.button--close-search:hover .icon,.button--close-search:focus .icon{fill:var(--c-text-inverse)}.search-form{display:flex}.demo .search-form{position:relative;display:flex;top:0;width:100%}.search-form .search-form__inner{max-width:calc(0 - 2rem);width:100%}@media (min-width: 480px){.search-form .search-form__inner{max-width:calc(480px - 2rem)}}@media (min-width: 540px){.search-form .search-form__inner{max-width:calc(540px - 2rem)}}@media (min-width: 640px){.search-form .search-form__inner{max-width:calc(640px - 2rem)}}@media (min-width: 767px){.search-form .search-form__inner{max-width:calc(767px - 2rem)}}@media (min-width: 980px){.search-form .search-form__inner{max-width:calc(980px - 2rem)}}@media (min-width: 1216px){.search-form .search-form__inner{max-width:calc(1216px - 2rem)}}@media (min-width: 1400px){.search-form .search-form__inner{max-width:calc(1400px - 2rem)}}.search-form .search-form-wrapper{display:flex}.search-form .form-item{margin:0;width:100%}.search-form .form-item .form-item__textfield{border-radius:0;max-width:none}.search-form .form-item .form-item__textfield:focus{border:none}.search-form .form-submit{background:var(--c-bright-blue) url(../images/icons/search-white.svg) 50% 50% no-repeat;background-size:2rem auto;border-radius:0;box-shadow:none;height:4rem;width:4rem;text-indent:100%;font-size:0;transition:0.2s;padding:0}.search-form .form-submit:hover,.search-form .form-submit:focus{box-shadow:0 0.2rem 0.5rem rgba(18,41,64,0.2);background-color:var(--c-rich-blue)}