.search-bar{border:0;background:0 0;cursor:text;width:2.75rem;transition:width .2s ease,background-color .2s ease}.search-bar:hover,.search-bar:focus-within{width:12rem;background:rgba(0,0,0,.04)}.dark .search-bar:hover,.dark .search-bar:focus-within{background:rgba(255,255,255,.05)}.search-bar-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.25rem;color:currentColor;pointer-events:none;transition:left .2s ease,transform .2s ease}.search-bar:hover .search-bar-icon,.search-bar:focus-within .search-bar-icon{left:.75rem;transform:translateY(-50%)}.search-bar-input{width:0;height:100%;padding-left:2.5rem;font-size:.875rem;background:0 0;border:0;outline:0;color:inherit;transition:width .2s ease}.search-bar:hover .search-bar-input,.search-bar:focus-within .search-bar-input{width:9rem}.search-bar-input::-webkit-search-cancel-button{-webkit-appearance:none}#search-panel{max-height:calc(100vh - 100px);overflow-y:auto}