:root{--search-margin:1rem;--search-padding:1rem;--search-gap:1rem}html body .search{transition:var(--transition)}html body .search-wrapper{position:relative;max-width:100%;width:100%}@media (min-width:768px){html body .search-wrapper{width:50%}}html body .search__form{position:relative;z-index:50;background-color:transparent;border-bottom:1px solid var(--color-purple-900);border-radius:0}html body .search__form input{background-color:transparent;color:var(--color-purple-900);max-width:100%;width:100%;padding:1rem 4rem 1rem 0;padding:var(--search-padding) calc(var(--search-padding)*4) var(--search-padding) 0}html body .search__form input:focus{outline:0;border-bottom-color:var(--color-purple-700)}html body .search__form input::-moz-placeholder{color:var(--color-purple-900)}html body .search__form input::placeholder{color:var(--color-purple-900)}html body .search__results{opacity:0;position:absolute;top:4rem;right:0;z-index:-1;list-style-type:none;background-color:var(--color-white);color:var(--color-purple-900);width:100%;padding:0;transition:var(--transition)}html body .search__results.visible{opacity:1;z-index:400}html body .search__results.searching li{opacity:.4}html body .search__result{display:flex;align-items:center;align-content:flex-start;position:relative;padding:1rem 2rem;border-bottom:1px solid var(--color-purple-900);transition:var(--transition)}html body .search__result:hover{color:var(--color-purple-700)}html body .search__result--last{font-weight:var(--body-font-weight-demi)}html body .search__link{position:absolute;top:0;bottom:0;left:0;right:0;border-bottom:0}html body .search__icon{position:absolute;top:1rem;right:0;background-size:24px;background-repeat:no-repeat;width:24px;height:24px;z-index:200;cursor:pointer;background-image:url(../../images/icon_search.svg)}@media (min-width:1024px){html body .search__icon{top:1rem;right:0}}html body .search__icon--searching{background-image:url(../../images/icon_searching.svg);animation:rotate .8s infinite;right:3.5rem}html body .search__icon--typing{background:url(../../images/icon_searching.svg)}html body .search__icon--done{display:none}html body .search__icon--clear{background-image:url(../../images/icon_clear.svg);opacity:0;z-index:-1}html body .search__icon--clear.visible{opacity:1;z-index:auto}html body .search__icon--clear.visible:hover{background-image:url(../../images/icon_clear.svg)}html body .search__word{color:var(--color-purple-900)}html body .search__page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2rem .625rem;gap:2rem .625rem;grid-gap:calc(var(--search-gap)*2) calc(var(--search-gap)*0.625);gap:calc(var(--search-gap)*2) calc(var(--search-gap)*0.625);width:100%}@media (min-width:768px){html body .search__page-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2.5rem;gap:2.5rem;grid-gap:calc(var(--search-gap)*2.5);gap:calc(var(--search-gap)*2.5)}}@media (min-width:1024px){html body .search__page-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:3.75rem;gap:3.75rem;grid-gap:calc(var(--search-gap)*3.75);gap:calc(var(--search-gap)*3.75)}}html body .search__page-item{position:relative}html body .search__page-item a{position:absolute;top:0;right:0;bottom:0;left:0}html body .search__page-item .image{width:100%;height:15rem;margin-bottom:1rem;margin-bottom:var(--search-margin)}html body .search__page-item .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}html body .search__page-item h5{font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}