#searchbar_container[data-v-35c718fa]{--spacing_unit:.35rem;--searchbar_width:25ch;align-items:center;background-color:#000;border:1px solid rgb(var(--font_color_light));box-shadow:2px 2px 8px #000000e6;display:flex;overflow:hidden;padding:var(--spacing_unit);pointer-events:auto;position:relative;transition:border-color .2s ease}#searchbar_container.focused[data-v-35c718fa]{border-color:rgb(var(--font_color))}#searchbar_sub_container[data-v-35c718fa]{align-items:center;display:flex;height:calc(var(--spacing_unit)*4);pointer-events:auto;position:relative;transform:translate(0);transition:transform .3s cubic-bezier(.215,.61,.355,1)}#searchbar_sub_container.shifted[data-v-35c718fa]{transform:translate(calc(-100% + var(--spacing_unit)*4))}#searchbar_imgsearch_icon_cont[data-v-35c718fa],#searchbar_search_icon_cont[data-v-35c718fa]{align-items:center;aspect-ratio:1/1;display:flex;height:100%;justify-content:center}#searchbar_imgsearch_icon_cont[data-v-35c718fa]{color:rgb(var(--font_color_light));cursor:pointer}@media(hover:hover)and (pointer:fine){#searchbar_imgsearch_icon_cont:hover svg[data-v-35c718fa]{color:#fff}}#semantic_text_search[data-v-35c718fa]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#000;border:none;color:rgb(var(--font_color));flex-grow:1;font-size:calc(var(--spacing_unit)*2.4);height:100%;padding:0 calc(var(--spacing_unit)*.8);padding-left:calc(var(--spacing_unit)*.8);padding-right:calc(var(--spacing_unit)*3);transition:opacity .1s ease,width .3s cubic-bezier(.175,.885,.32,1.275);width:var(--searchbar_width)}#semantic_text_search[data-v-35c718fa]:focus{outline:none;width:calc(var(--searchbar_width) + 40px)}#searchbar_img_preview_cont[data-v-35c718fa]{align-items:center;display:flex;font-size:calc(var(--spacing_unit)*2);height:100%;justify-content:space-between;left:100%;padding:0 var(--spacing_unit);position:absolute;width:calc(100% - var(--spacing_unit)*3)}.searchbar_remove_button[data-v-35c718fa]{align-items:center;aspect-ratio:1/1;cursor:pointer;display:flex;height:100%;justify-content:center}