.search-input{max-width:240px;color:var(--Dark);border:1px solid var(--Grey);cursor:text;border-radius:4px;grid-template-columns:16px 1fr;justify-content:flex-start;align-items:center;gap:8px;padding:8.5px 12px;display:inline-grid}.search-input svg{opacity:.6;width:16px;height:16px}.search-input:hover{border-color:var(--Blue-purple-40)}.search-input:active,.search-input:focus,.search-input:focus-within{border-color:var(--Blue-purple)}
.pagination-container{border:1px solid var(--Grey);z-index:1;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin:64px auto 0;padding:16px;display:flex;position:relative}.pagination-container ol{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pagination-container .page-button,.pagination-container .prev-button,.pagination-container .next-button{opacity:.6;cursor:pointer;width:40px;height:40px;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;text-decoration:none;transition:all .5s,border .1s;display:flex}@media screen and (max-width:639px){.pagination-container .page-button,.pagination-container .prev-button,.pagination-container .next-button{width:28px;height:28px}}.pagination-container .page-button.active{pointer-events:none;color:var(--White);opacity:1;background:var(--Purple-gradient)}.pagination-container .page-button:hover,.pagination-container .prev-button:hover,.pagination-container .next-button:hover{opacity:1;color:var(--Blue-purple);border-color:var(--Blue-purple)}.pagination-container .prev-button[aria-disabled=true],.pagination-container .next-button[aria-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:.5!important}.pagination-container .prev-button[aria-disabled=true]:hover,.pagination-container .next-button[aria-disabled=true]:hover{border-color:#0000}.pagination-container .prev-button svg{transform:rotate(180deg)}@media screen and (max-width:639px){.pagination-container{padding:10px 8px}}