.filter-panel{border:1px solid var(--gray-a5);border-radius:999px;width:calc(100% + 8px);margin-left:-4px;margin-right:-4px;background-color:rgba(255,255,255,.7);backdrop-filter:blur(6px);height:64px;box-shadow:0 0 2px rgba(0,0,0,.06);overflow:hidden;opacity:0;&.filter-panel--visible{opacity:1}&.filter-panel--animated{transition:height .25s ease,background-color .25s ease,backdrop-filter .25s ease,border-color .25s ease,box-shadow .25s ease}&.filter-panel--stuck{height:48px;background-color:hsl(240deg 7% 94%/80%);backdrop-filter:blur(16px);border-color:rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.08)}.rt-Separator{background-color:var(--gray-a5)}.rt-TextFieldRoot:focus-within{box-shadow:none;outline:none}.rt-TextFieldInput:focus{box-shadow:none;outline:none}.rt-Button:focus,.rt-Button:focus-visible{box-shadow:none;outline:none}}@media (max-width:767px){.filter-panel{height:48px;width:100%;margin-left:0;margin-right:0;border-radius:999px;.rt-Separator{display:none}}}