.orders-status-filter{margin-bottom:24px}.orders-filter-container{display:flex;flex-wrap:wrap;gap:8px;padding:4px;background-color:#f4f4f5;border:1px solid #e4e4e7;border-radius:8px;width:-moz-fit-content;width:fit-content}@media (prefers-color-scheme:dark){.orders-filter-container{background-color:rgba(39,39,42,.5);border-color:#27272a}}.orders-filter-btn{position:relative;padding:6px 16px;font-size:.875rem;font-weight:500;border-radius:6px;transition:all .2s ease-in-out;border:1px solid transparent;cursor:pointer;background:transparent;color:#71717a}@media (prefers-color-scheme:dark){.orders-filter-btn{color:#a1a1aa}}.orders-filter-btn:hover:not(:disabled){color:#3f3f46;background-color:rgba(228,228,231,.5)}@media (prefers-color-scheme:dark){.orders-filter-btn:hover:not(:disabled){color:#e4e4e7;background-color:rgba(63,63,70,.5)}}.orders-filter-btn.active{background-color:white;color:#09090b;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border-color:#e4e4e7}@media (prefers-color-scheme:dark){.orders-filter-btn.active{background-color:#3f3f46;color:white;border-color:#52525b}}.orders-filter-btn:disabled{opacity:.5;cursor:not-allowed}.loading-indicator{position:absolute;right:4px;top:6px;display:flex;height:8px;width:8px}.loading-ping{position:absolute;display:inline-flex;height:100%;width:100%;border-radius:9999px;background-color:#60a5fa;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.loading-dot{position:relative;display:inline-flex;border-radius:9999px;height:8px;width:8px;background-color:#3b82f6}