.tabs{gap:.5rem;margin:1rem 0;display:flex}@media screen and (max-width:768px){.tabs{flex-wrap:wrap}.tabs .button{white-space:nowrap;flex:1}}.pagination{justify-content:center;gap:.5rem;margin-top:1.75rem;display:flex}.pagination .page-button,.pagination .ellipsis{color:var(--faded-text);border:2px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem .75rem;font-weight:700;transition:all .3s;display:flex}.pagination .page-button:hover,.pagination .page-button.active{background:var(--card-bg);color:var(--foreground)}.pagination .page-button:hover{border:2px solid var(--shadow)}.pagination .page-button.active{border:2px solid var(--foreground);box-shadow:3px 3px var(--shadow)}.pagination .page-button.active:hover{border:2px solid var(--shadow)}.pagination .page-button.disabled{color:var(--faded-text)!important;background:0 0!important;border:2px solid #0000!important}.search-bar{align-items:center;width:100%;max-width:420px;display:inline-flex;position:relative}.search-bar input{width:100%;margin-right:1rem}input{color:var(--foreground);background:var(--card-bg);border:2px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:10px;outline:none;padding:10px 16px;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:500;transition:box-shadow .18s,border-color .18s}input::placeholder{color:var(--faded-text);font-weight:400}
