.searchWrapper{display:flex;width:100%;gap:10px;justify-content:center;position:relative}.search{display:flex;gap:0}.input-group{position:relative;display:inline-flex}#categorySearch{min-width:200px;max-width:400px;border-radius:4px 0 0 4px;padding:8px;border:1px solid #ccc;outline:none}#search{min-width:400px;max-width:800px;border-radius:0 4px 4px 0;padding:8px;border:1px solid #ccc;outline:none}.category-search-results,.search-results{position:absolute;top:100%;left:0;display:none;background-color:#fff;z-index:10;height:300px;max-height:300px;overflow-y:auto;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:opacity .2s ease-in-out}.category-search-result{padding:8px 10px;width:100%;cursor:pointer;font-size:18px;border-bottom:1px solid #666;background-color:#ececec;margin:0}.category-search-result:hover{background-color:#dcdcdc}.subcategory-search-div{display:flex;flex-direction:column;margin:0;padding:0}.subcategory-search-result{padding:8px 10px;width:100%;cursor:pointer;margin:0;font-size:16px;border-bottom:1px solid #ddd;background-color:#fff}.subcategory-search-result:hover{background-color:#f0f0f0}#addTag{font-weight:700;width:100px;margin-left:5px;cursor:pointer;padding:8px;text-align:center;border:1px solid #ccc;border-radius:4px;background-color:#6dd616;transition:background-color .2s ease-in-out}#addTag:hover{background-color:#00a700;color:#fff}.highlight{background-color:#fbff11}.highlight:hover{background-color:#fbff11}.highlight-blue{background-color:#00bfff}.highlight-blue:hover{background-color:#00bfff}.loading-message{display:flex;justify-content:center;align-items:center;height:100%;animation:fadeInOut 1.5s infinite}@keyframes fadeInOut{0%,100%{opacity:0}50%{opacity:1}}.badge,.badge-year{background-color:#ececec;color:#fff;margin-left:8px;font-size:18px;font-weight:600;text-transform:capitalize;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s ease,transform .2s ease}.badge:hover,.badge-year:hover{background-color:#c70707;transform:scale(1.05);cursor:crosshair}.badge-year{padding:10px;border-radius:3px;color:#000;background-color:#e4e4e4}.badge-year:hover{color:#fff}.left-badge{background-color:#0051ff;padding:5px 25px 5px 5px;position:relative;border-radius:5px 0 0 5px;font-size:16px;font-weight:600;color:#fff;text-transform:capitalize;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s ease,transform .2s ease;margin-right:-10px}.left-badge::after{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #0051ff}.right-badge{background-color:#129e4c;padding:5px 5px 5px 15px;position:relative;border-radius:0 5px 5px 0;font-size:16px;font-weight:600;color:#fff;text-transform:capitalize;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s ease,transform .2s ease;margin-left:0}.right-badge::before{content:"";position:absolute;top:50%;left:-10px;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #129e4c}.not-found-search-result{font-size:16px;padding-top:10px;text-align:center}.year-div-padder{padding:10px}.year-div-padder button{width:100%;margin-top:15px}