.filters-drawer{position:relative}.filters-drawer__overlay{z-index:10000;background:rgb(var(--color-black-rgb)/30%);position:fixed;inset:0}.filters-drawer__drawer{z-index:10001;background:var(--color-surface);border-radius:var(--radius-24);flex-direction:column;width:456px;max-width:calc(100vw - 16px);animation:.25s cubic-bezier(.4,0,.2,1) filters-drawer-slide-in;display:flex;position:fixed;top:8px;bottom:8px;right:8px}.filters-drawer__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px;display:flex}.filters-drawer__title{color:var(--color-text-primary);font-size:22px;font-weight:var(--weight-semi-bold);line-height:var(--line-height-22);margin:0}.filters-drawer__body{flex:1;min-height:0;padding:0 24px;overflow-y:auto}.filters-drawer__body::-webkit-scrollbar{width:4px}.filters-drawer__body::-webkit-scrollbar-track{background:0 0}.filters-drawer__body::-webkit-scrollbar-thumb{background:var(--color-gray-4);border-radius:2px}.filters-drawer__body{scrollbar-width:thin;scrollbar-color:var(--color-gray-4) #0000}.filters-drawer__sections{flex-direction:column;flex:1;gap:16px;padding-bottom:16px;display:flex;overflow-y:auto}.filters-drawer__body .filters-drawer__sections{overflow-y:visible}.filters-drawer__mobile-content{flex-direction:column;height:100%;min-height:0;display:flex}.filters-drawer__actions{flex-shrink:0;gap:8px;padding:24px;display:flex}@media (max-width:767px){.filters-drawer__actions{padding:0}}@media (max-width:479px){.filters-drawer__actions{flex-direction:column}}.filters-drawer__trigger-text{white-space:nowrap}.filter-select{position:relative}.filter-select__label{color:var(--color-text-primary);font-size:14px;line-height:var(--line-height-14);font-weight:var(--weight-semi-medium);margin-bottom:4px;display:block}.filter-select__trigger{border:1px solid var(--color-gray-4);border-radius:var(--radius-16);width:100%;color:var(--color-text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;transition:border-color .15s;display:flex}.filter-select__trigger--isOpen{border-color:var(--color-primary)}.filter-select__trigger-text{text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filter-select__arrow{flex-shrink:0;transition:transform .2s;transform:rotate(90deg)}.filter-select__arrow--open{transform:rotate(270deg)}.filter-select__checkbox{width:100%;padding:8px}.filter-select__checkbox--sub{padding-left:24px}.filter-select__list{overflow-y:auto}.filter-select__list::-webkit-scrollbar{width:6px}.filter-select__list::-webkit-scrollbar-track{background:var(--color-gray-5);border-radius:0 8px 8px 0}.filter-select__list::-webkit-scrollbar-thumb{background:var(--color-gray-4);border-radius:3px}.filter-select__list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-3)}.filter-select__list{scrollbar-width:thin;scrollbar-color:var(--color-gray-4) var(--color-gray-5);z-index:10;top:calc(100% + var(--space-4));max-height:320px;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-16);box-shadow:var(--shadow-md);flex-direction:column;margin:0;list-style:none;display:flex;position:absolute;left:0;right:0}.filter-select__list--up{top:auto;bottom:calc(100% + var(--space-4))}.filter-select__item{border-radius:var(--radius-8);color:var(--color-text-primary);cursor:pointer;padding:8px;font-size:14px}.filter-select__item:hover{background:var(--color-secondary-hover)}.filter-select__item--active{color:var(--color-primary);font-weight:var(--weight-medium)}.filter-select__item--selected{color:var(--color-primary)}@keyframes filters-drawer-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.filter-chips{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}