div.masonry.svelte-1oxaop3{container-type:inline-size;display:flex;justify-content:center;overflow-wrap:anywhere;box-sizing:border-box;width:100%}div.masonry.svelte-1oxaop3 div.col:where(.svelte-1oxaop3){display:grid;height:max-content;flex:1 1 0;min-width:0}#controls.svelte-1m7wss9{max-width:800px;justify-self:center;display:flex;flex-direction:column;gap:12px;padding:12px}#controls.svelte-1m7wss9 #data-button-container:where(.svelte-1m7wss9){justify-content:center;display:flex;gap:12px}#controls.svelte-1m7wss9 #data-button-container:where(.svelte-1m7wss9) button:where(.svelte-1m7wss9){padding:12px 24px;border-radius:6px;border:none;background-color:#5c76d2;color:#fff;cursor:pointer;font-weight:500;transition:background .2s}#controls.svelte-1m7wss9 #data-button-container:where(.svelte-1m7wss9) button:where(.svelte-1m7wss9):hover{background-color:#3656c5}#controls.svelte-1m7wss9 #search:where(.svelte-1m7wss9) input:where(.svelte-1m7wss9){width:100%;padding:12px 24px;border-radius:6px;border:1px solid rgb(178.5,178.5,178.5);font-size:1rem}#controls.svelte-1m7wss9 #search:where(.svelte-1m7wss9) input:where(.svelte-1m7wss9):focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #fff3}#controls.svelte-1m7wss9 #add:where(.svelte-1m7wss9){display:flex;flex-wrap:wrap;gap:12px}#controls.svelte-1m7wss9 #add:where(.svelte-1m7wss9) input:where(.svelte-1m7wss9){flex:1 1 50px;padding:12px 24px/1.5;border-radius:6px;border:1px solid rgb(178.5,178.5,178.5);font-size:1rem;text-align:center}#controls.svelte-1m7wss9 #add:where(.svelte-1m7wss9) #add-button:where(.svelte-1m7wss9){padding:12px 24px;background-color:#5c76d2;color:#fff;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background .2s}#controls.svelte-1m7wss9 #add:where(.svelte-1m7wss9) #add-button:where(.svelte-1m7wss9):hover{background-color:#ff3838}#video-container.svelte-1m7wss9{padding:12px}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9){background:#1d1d1d;border-radius:6px;box-shadow:0 2px 8px #00000026;display:grid;grid-auto-rows:auto auto auto;flex-direction:column;position:relative;height:100%;justify-content:center}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) video:where(.svelte-1m7wss9){width:100%;cursor:pointer;border-radius:6px 6px 0 0}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) p:where(.svelte-1m7wss9){padding:6px;margin:0;font-size:.85rem;color:#fff}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) .button-wrapper:where(.svelte-1m7wss9){margin-top:auto;display:flex;justify-content:center;gap:6px;padding:6px;flex-wrap:wrap}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) .button-wrapper:where(.svelte-1m7wss9) button:where(.svelte-1m7wss9){padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:.8rem;font-weight:500;transition:background .2s}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) .button-wrapper:where(.svelte-1m7wss9) button.copy-button:where(.svelte-1m7wss9){background:#4caf50;color:#fff}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) .button-wrapper:where(.svelte-1m7wss9) button.copy-button:where(.svelte-1m7wss9):hover{background:#3d8b40}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) .button-wrapper:where(.svelte-1m7wss9) button.copy-discord-button:where(.svelte-1m7wss9){background:#7289da;color:#fff}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) .button-wrapper:where(.svelte-1m7wss9) button.copy-discord-button:where(.svelte-1m7wss9):hover{background:#4a67cf}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) .button-wrapper:where(.svelte-1m7wss9) button.close-button:where(.svelte-1m7wss9){background:#e74c3c;color:#fff}#video-container.svelte-1m7wss9 .gif-container:where(.svelte-1m7wss9) .button-wrapper:where(.svelte-1m7wss9) button.close-button:where(.svelte-1m7wss9):hover{background:#d62c1a}button.svelte-1m7wss9:focus{outline:none}input.svelte-1m7wss9:focus{outline:none}