.custom-search-bar button{border:none;color:#8b8ba7}.custom-search-bar{--timing:.3s;--width-of-input:100%;--height-of-input:60px;--border-height:2.5px;--input-bg:#fff;--border-radius:30px;--after-border-radius:15px;align-items:center;background:var(--input-bg,#fff);border-radius:var(--border-radius);display:flex;height:var(--height-of-input);padding-inline:.8em;position:relative;transition:border-radius .5s ease;width:var(--width-of-input)}@media only screen and (max-width:768px){.custom-search-bar{--height-of-input:40px}}.search-input{background-color:transparent;border:none;font-size:1.6rem;height:100%;padding-block:.7em;padding-inline:.5em;width:100%}.search-input::-moz-placeholder{color:var(--primary-color);font-size:1.8rem}.search-input::placeholder{color:var(--primary-color);font-size:1.8rem}.custom-search-bar:before{background:var(--border-color);border-radius:1px;bottom:0;content:"";height:var(--border-height);left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform var(--timing) ease;width:100%}.custom-search-bar:focus-within{border-radius:var(--after-border-radius)}input:focus{outline:none;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.custom-search-bar:focus-within:before{transform:scale(1)}.search-bar-reset{opacity:0;transform:scale(.5);visibility:hidden}input:not(:-moz-placeholder-shown)~.search-bar-reset{opacity:1;transform:scale(1);visibility:visible}input:not(:placeholder-shown)~.search-bar-reset{opacity:1;transform:scale(1);visibility:visible}.recent-searches .recent-search-item{background-color:#3b82f6;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease}.recent-searches .recent-search-item:hover{background-color:#2563eb}.recent-searches .clear-button{color:#f87171;cursor:pointer;font-size:.875rem}.recent-searches .clear-button:hover{text-decoration:underline}