.royal-filter{min-width:0;position:relative}.royal-filter:has([aria-expanded=true]){z-index:30}.royal-filter-trigger{color:#ddd;width:100%;min-height:31px;font:inherit;text-align:left;background:#262626;border:1px solid #8b8065;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex;box-shadow:inset 0 0 2px #f4e7c7}.royal-filter-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.royal-filter-arrow{background:url(/figma/5202b.svg) 50%/12px 7px no-repeat;flex:0 0 14px;height:14px}.royal-filter-trigger[aria-expanded=true] .royal-filter-arrow{transform:rotate(180deg)}.royal-filter-trigger:disabled{opacity:.45;cursor:not-allowed}.royal-filter-panel{border:1px solid var(--gold);color:#ddd;z-index:30;background:#151515;border-radius:5px;width:max(100%,280px);max-width:calc(100vw - 48px);padding:14px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 30px #000b}.royal-filter:last-of-type .royal-filter-panel{left:auto;right:0}.royal-filter-options{overscroll-behavior:contain;scrollbar-color:var(--gold) #151515;max-height:280px;padding:5px;overflow-y:auto}.royal-filter-options button{color:#ddd;text-align:left;width:100%;font:inherit;overflow-wrap:anywhere;background:0 0;border:0;border-radius:3px;padding:10px;font-size:14px;display:block}.royal-filter-options button[aria-selected=true],.royal-filter-panel button[aria-pressed=true]{color:var(--gold-light);background:#353025}.royal-filter button:hover:not(:disabled){border-color:var(--gold-light);background-color:#353025}.royal-filter button:focus-visible,.royal-filter input:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.royal-filter-modes,.royal-filter-presets{flex-wrap:wrap;gap:6px;display:flex}.royal-filter-modes{margin-bottom:14px}.royal-filter-modes button,.royal-filter-presets button{font:inherit;color:#ddd;background:#232323;border:1px solid #73674d;border-radius:3px;padding:7px 8px;font-size:12px}.royal-filter-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.royal-filter-range label{gap:6px;min-width:0;font-size:13px;display:grid}.royal-filter-range input{color:#ddd;width:100%;min-width:0;height:40px;font:inherit;appearance:textfield;background:#292929;border:1px solid #73674d;border-radius:3px;padding:7px;font-size:16px}.royal-filter-range input::-webkit-inner-spin-button{appearance:none;margin:0}.royal-filter-range input::-webkit-outer-spin-button{appearance:none;margin:0}@media (max-width:900px){.royal-filter-trigger,.royal-filter-options button{min-height:44px;font-size:16px}.royal-filter-modes button,.royal-filter-presets button{min-height:40px;font-size:14px}}@media (max-width:800px){.royal-filter-panel{width:100%;max-width:100%;margin-top:8px;position:relative;top:auto}}