#searchbar[data-v-7d809bc7]{align-items:center;background-color:var(--color-bg-white);box-shadow:var(--shadow-level1);display:flex;height:3rem;justify-content:space-between;left:0;padding:0 .75rem;position:fixed;right:0;top:7rem;transition:z-index 0s linear .3s;z-index:var(--zindex-bar)}#searchbar.show[data-v-7d809bc7]{transition:z-index 0s linear;z-index:calc(var(--zindex-bar) + 2)}.btn-filter[data-v-7d809bc7]{align-items:center;border-radius:28px;color:var(--color-blue700);display:inline-flex;height:28px;padding:0 .5rem}.btn-filter[data-v-7d809bc7]:hover{color:var(--color-blue600)}.btn-filter[data-v-7d809bc7]:active{transform:translateY(1px)}.btn-filter[data-v-7d809bc7] .font-icon{font-size:.75rem}.btn-filter.all[data-v-7d809bc7]{background-color:transparent;border:1px solid var(--color-blue700);color:var(--color-blue700)}.btn-filter.all[data-v-7d809bc7]:hover{background-color:transparent;border-color:var(--color-blue600);color:var(--color-blue600)}.btn-filter.all.active[data-v-7d809bc7]{background-color:var(--color-blue700);color:#fff}.btn-filter.all.active[data-v-7d809bc7]:hover{background-color:var(--color-blue600);color:#fff}.btn-toggler[data-v-7d809bc7]{align-items:center;color:var(--color-blue800);display:inline-flex;gap:6px;height:28px}.btn-toggler[data-v-7d809bc7]:hover{color:var(--color-blue600)}.btn-toggler[data-v-7d809bc7]:active{transform:translateY(1px)}.btn-sidebar-close[data-v-7d809bc7]{flex:0 0 auto;height:56px;line-height:0;padding:calc((56px - var(--icon-size))/2);position:absolute;right:0;top:0;transition-duration:.3s;transition-property:color;transition-timing-function:cubic-bezier(.76,0,.24,1);width:56px;z-index:10}.btn-sidebar-close[data-v-7d809bc7]:active{transform:translateY(1px)}.sidebar[data-v-7d809bc7]{background-color:var(--color-bg-white);bottom:0;color:var(--color-gray800);left:0;position:fixed;right:0;top:0;z-index:var(--zindex-sidebar)}.sidebar.sidebar-enter-active[data-v-7d809bc7],.sidebar.sidebar-leave-active[data-v-7d809bc7]{transition:opacity .2s linear;will-change:opacity}.sidebar.sidebar-enter-from[data-v-7d809bc7],.sidebar.sidebar-leave-to[data-v-7d809bc7]{opacity:0}.filter-item[data-v-7d809bc7]{align-items:center;border-bottom:1px solid var(--color-gray200);display:flex;justify-content:space-between;margin-left:1rem;padding-right:.75rem;width:calc(100% - 1rem)}.filter-item .text[data-v-7d809bc7]{display:flex;flex:1 1 auto;flex-direction:column;height:3.5rem;justify-content:center}.filter-item .icon[data-v-7d809bc7]{color:var(--color-gray600);flex:0 0 auto;line-height:0}.filter-item:hover .icon[data-v-7d809bc7]{color:var(--color-blue600)}.filter-item[data-v-7d809bc7]:active{transform:translateY(1px)}