.custom-search-bar button{color:#8b8ba7;border:none}.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;width:var(--width-of-input);height:var(--height-of-input);border-radius:var(--border-radius);background:var(--input-bg,#fff);align-items:center;padding-inline:.8em;transition:border-radius .5s;display:flex;position:relative}@media only screen and (width<=768px){.custom-search-bar{--height-of-input:40px}}.search-input{background-color:#0000;border:none;width:100%;height:100%;padding-block:.7em;padding-inline:.5em;font-size:1.6rem}.search-input::placeholder{color:var(--primary-color);font-size:1.8rem}.custom-search-bar:before{content:"";background:var(--border-color);transform-origin:50%;width:100%;height:var(--border-height);transition:transform var(--timing) ease;border-radius:1px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.custom-search-bar:focus-within{border-radius:var(--after-border-radius)}input:focus{--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);outline:none}.custom-search-bar:focus-within:before{transform:scale(1)}.search-bar-reset{opacity:0;visibility:hidden;transform:scale(.5)}input:not(:-moz-placeholder-shown)~.search-bar-reset{opacity:1;visibility:visible;transform:scale(1)}input:not(:placeholder-shown)~.search-bar-reset{opacity:1;visibility:visible;transform:scale(1)}.recent-searches .recent-search-item{color:#fff;cursor:pointer;background-color:#3b82f6;border-radius:.375rem;padding:.5rem 1rem;transition:background-color .2s}.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}