#search-container{display:flex;justify-content:center;align-items:center;width:100%;margin-right:1rem}@media (min-width: 769px){#navbar{position:relative;z-index:1001}#navbarSupportedContent{position:relative}#navbarSupportedContent .main-navbar{position:absolute;top:50%;left:50%;margin:0 !important;transform:translate(-50%, -50%)}.search-icon-hidden{visibility:hidden}.navbar-search{position:relative}#search-container{display:none;position:absolute;top:50%;left:0;transform:translateY(-50%);width:220px;margin-right:0;z-index:1001}#search-container.desktop-search-open{display:flex}.search-div{width:100%}#search-container #hits{top:calc(100% + 6px);left:0;width:100%}}#hits{position:absolute;top:60px;z-index:2;background:white;max-height:89vh;overflow-y:scroll;scrollbar-width:none}#search-container-phn{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px;width:100%;border-top:1px solid #EE7700;background-color:#FFFFFF;box-shadow:0 2px 10px rgba(0,0,0,0.1);transform:translateY(-100%);opacity:0;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}#search-container-phn.show{transform:translateY(0);opacity:1}.ais-SearchBox-form{border-radius:20px}.ais-SearchBox-input{border:1px solid #B3B3B3 !important;border-radius:10px !important;box-shadow:none !important;caret-color:#e62149 !important;color:#e62149 !important;padding-right:10px !important;padding-left:40px}.ais-Highlight-highlighted{background-color:#FEF3E8 !important;color:#e62149 !important;font-weight:700 !important}.ais-Hits-item{cursor:pointer !important;padding:10px !important;border:1px solid #D9D9D9;border-top:0 !important}.hit{display:flex;align-items:center}.hit-image{margin-right:10px;box-shadow:0px 4px 4px 0px #00000040}@media (max-width: 768px){#search-container{display:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px;width:100%;border-top:1px solid #e62149;background-color:#FFFFFF;position:absolute;left:0;box-shadow:0 2px 10px rgba(0,0,0,0.1);top:100%}#hits{width:100%;left:0}#search-container.show{display:flex;transform:translateY(0);opacity:1}.search-div{width:90%}.close-search{display:flex !important;position:absolute;top:5px;right:6px;background-color:transparent;border:none;font-size:32px;color:#000000;cursor:pointer;border:none}}.search-input-container{border:1px solid #B3B3B3;padding:5px 10px;border-radius:10px;display:flex;align-items:center;transition:all 0.3s ease;background:white}.search-input-container svg{width:16px;height:16px;color:#666;transition:color 0.3s ease}.searchInput,.searchInput-allComics{border:none;padding:5px;width:100%;font-size:14px;color:#444444}.searchInput:focus{border:none;outline:none}.searchInput-allComics:focus{border:none;outline:none}.search-input-container:focus-within{border-color:#e14262;box-shadow:0 0 0 2px rgba(238,119,0,0.1)}.search-input-container:focus-within svg{color:#e14262}