.gif-reference{max-width:260px;min-width:0;margin-block:.5rem}.gif-frame{position:relative;overflow:hidden;border-radius:.5rem;background:var(--bs-tertiary-bg, #71717a20);max-height:300px}.gif-frame > img,.gif-frame > video{display:block;width:100%;height:100%;max-height:300px;object-fit:contain;border-radius:0}.gif-attribution,.gif-status{display:block;font-size:.7rem;line-height:1.5;color:var(--bs-secondary-color, #71717a);overflow-wrap:anywhere}.gif-attribution{text-decoration:none;margin-top:.2rem}.gif-motion-toggle{position:absolute;inset-inline-end:.35rem;bottom:.35rem;padding:.2rem .4rem;border:0;border-radius:.25rem;color:#fff;background:#000b;font-size:.7rem}.gif-motion-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.gif-attribution[data-gif-provider="giphy"]::before{content:"";display:block;width:150px;height:25px;background:url('/css/components/../../img/gif/powered-by-giphy.png') no-repeat left center / contain}.gif-frame > [hidden]{display:none}.gif-picker-panel{max-width:420px}.gif-picker-results{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.35rem;max-height:18rem;overflow-y:auto;overscroll-behavior:contain}.gif-picker-result{min-width:0;min-height:70px;padding:0;border:0;border-radius:.35rem;overflow:hidden;background:var(--bs-tertiary-bg)}.gif-picker-result img{display:block;width:100%;height:95px;object-fit:cover}.gif-picker-result:focus-visible{outline:2px solid var(--bs-primary);outline-offset:-2px}.gif-picker-selection{width:180px;max-width:100%}.gif-picker-selection .gif-reference{margin:0}.gif-picker-selection .gif-status{min-height:2.25rem;padding-inline-end:2.25rem}.gif-picker-remove{width:1.75rem;height:1.75rem}.gif-picker-popover{--bs-popover-max-width:420px}.gif-picker-popover .gif-picker-panel{overflow-y:auto}