.none{display:none}
#open-search{cursor:pointer}
.search{position:fixed;top:0;right:0;left:0;background-color:white;box-shadow:-5px 0 10px rgba(0,0,0,0.2);transition:right 0.3s ease-in-out;z-index:20;width:100%}
.search img.search-img{top:50%;transform:translateY(-50%);left:1rem}
.search a#clear-button{top:50%;transform:translateY(-50%);right:0.88rem;color:#7F828E;font-size:0.8125rem;font-style:normal;font-weight:400;line-height:0.875rem;cursor:pointer}
.search a#clear-button:hover{text-decoration:none}
.search a#close-search{cursor:pointer}
.search .search-input{border-radius:4.125rem;border:1px solid #F0F0F0;padding:0.88rem 3.6rem 0.88rem 3.6rem;color:#000;font-size:1rem;font-style:normal;font-weight:400;line-height:1.0625rem}
.search .search-results{overflow:auto;max-height:18.75rem}
.search .search-results li{list-style:none;border-bottom:1px solid #F0F0F0}
.search .search-results a{color:#000;padding-left:1.25rem;font-size:1rem;font-style:normal;font-weight:400;line-height:3.75rem;text-decoration:none}
.right-panel{position:fixed;top:0;right:-100%;width:calc(80vw);max-width:30rem;height:100%;background-color:white;box-shadow:-5px 0 10px rgba(0,0,0,0.2);transition:right 0.3s ease-in-out;z-index:20}
.right-panel.show{right:0;overflow-y:auto}
.popup-title{font-size:1.375rem;line-height:2.75rem}