.search-modal{position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.7);display:flex;align-items:center;justify-content:center}.search-modal-content{background:#fff;padding:2em;border-radius:8px;width:calc(100% - 3.5rem);margin-top:3rem;margin-left:1.5rem;margin-bottom:15rem;height:calc(100% - 4rem);position:relative}.search-container{max-width:1080px;margin:auto;height:100%;overflow-y:auto}#close-search-modal{position:absolute;top:1em;right:1em;background:none;border:none;font-size:2em;cursor:pointer}.search-results-grid{display:grid;margin:auto;grid-template-columns:minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr);grid-template-rows:auto auto auto auto;gap:20px;position:relative;place-items:center;-webkit-box-align:center;padding:20px}.search-result-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#222}.search-result-item
img{width:100px;height:100px;object-fit:cover;border-radius:6px;margin-bottom:0.5em;display:flex;margin:0px
auto;box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 10px -3px;flex-direction:column;width:230px;background:white;text-decoration:none;color:black}#ajax-search-input{width:275px;font-size:1.5rem;border:0;outline:0}.search-input-container{display:flex;justify-content:space-around;height:30px;box-shadow:rgb(250, 250, 250) 0px 1px;-webkit-box-align:center;align-items:center;transition:opacity 0.3s}.search-result-container{display:flex;margin:0px
auto;box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 10px -3px;flex-direction:column;height:360px;width:230px;background:white;text-decoration:none;color:black}.search-title{padding:20px;font-size:1rem;margin-top:10px;line-height:1.5em}