@layer code-sections{.main-search{max-width:27rem}.main-search .field{margin-bottom:0}.main-search__form{position:relative}.main-search__input{padding:1.875rem 2.5rem}.main-search__input,.main-search__input:active,.main-search__input:focus,.main-search__input:hover{background-color:var(--color-white)}.main-search__button,.main-search__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.main-search__button{display:block;left:0}.main-search__close{right:0}.search-result--page{background:var(--color-accent);padding:var(--element-spacing)}}