[data-v-cf5f9e6a] .gif-picker{max-width:640px;width:min(94vw,640px)}.gif-picker__modes[data-v-cf5f9e6a]{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:7px;display:grid;gap:3px;grid-template-columns:1fr 1fr;padding:3px}.gif-picker__modes button[data-v-cf5f9e6a]{align-items:center;background:transparent;border:0;border-radius:5px;color:hsl(var(--muted-foreground));cursor:pointer;display:flex;font-size:.75rem;gap:6px;height:34px;justify-content:center}.gif-picker__modes button.active[data-v-cf5f9e6a]{background:hsl(var(--background));box-shadow:0 1px 3px hsl(var(--foreground)/.09);color:hsl(var(--foreground))}.gif-picker__modes button[data-v-cf5f9e6a]:disabled{cursor:not-allowed;opacity:.45}.gif-picker__search[data-v-cf5f9e6a]{align-items:center;border:1px solid hsl(var(--border));border-radius:7px;display:flex;gap:8px;height:40px;padding:0 10px}.gif-picker__search input[data-v-cf5f9e6a]{background:transparent;border:0;flex:1;font-size:.8125rem;min-width:0;outline:0}.gif-picker__grid[data-v-cf5f9e6a]{align-content:start;display:grid;gap:6px;grid-auto-rows:112px;grid-template-columns:repeat(3,1fr);height:min(52vh,430px);overflow-y:auto}.gif-picker__grid button[data-v-cf5f9e6a]{background:hsl(var(--muted));border:0;border-radius:6px;cursor:pointer;height:112px;overflow:hidden;padding:0;width:100%}.gif-picker__grid button:hover img[data-v-cf5f9e6a]{transform:scale(1.04)}.gif-picker__grid img[data-v-cf5f9e6a]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;transition:transform .15s;width:100%}.gif-picker__grid p[data-v-cf5f9e6a]{color:hsl(var(--muted-foreground));font-size:.75rem;grid-column:1/-1;margin:50px 0;text-align:center}.gif-picker__attribution[data-v-cf5f9e6a]{color:hsl(var(--muted-foreground));font-size:.5625rem;font-weight:700;margin-left:auto}.gif-picker__url[data-v-cf5f9e6a]{display:flex;flex-direction:column;gap:8px}.gif-picker__url>div[data-v-cf5f9e6a]{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.gif-picker__url p[data-v-cf5f9e6a]{color:hsl(var(--muted-foreground));font-size:.6875rem;margin:0}.gif-picker__url img[data-v-cf5f9e6a]{border-radius:7px;margin:6px auto 0;max-height:300px;max-width:100%;-o-object-fit:contain;object-fit:contain}.spin[data-v-cf5f9e6a]{animation:spin-cf5f9e6a .8s linear infinite}@keyframes spin-cf5f9e6a{to{transform:rotate(1turn)}}@media(max-width:520px){.gif-picker__grid[data-v-cf5f9e6a]{grid-template-columns:repeat(2,1fr)}}