.edge-rail-module__Ze3FTG__rail{--rail-fade:76px;--rail-pad:8px;min-width:0}.edge-rail-module__Ze3FTG__head{align-items:center;gap:12px;min-height:32px;margin-bottom:14px;display:flex}.edge-rail-module__Ze3FTG__head h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:560}.edge-rail-module__Ze3FTG__nav{gap:6px;margin-left:auto;display:flex}.edge-rail-module__Ze3FTG__nav[hidden]{display:none}.edge-rail-module__Ze3FTG__nav button{border:1px solid var(--hairline);background:var(--surface);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .15s,background .15s,opacity .15s,transform .16s cubic-bezier(.23,1,.32,1);display:grid}.edge-rail-module__Ze3FTG__nav button .nudge{color:inherit}.edge-rail-module__Ze3FTG__nav button:active:not(:disabled){transform:scale(.94)}.edge-rail-module__Ze3FTG__nav button:disabled{opacity:.35;cursor:default}.edge-rail-module__Ze3FTG__nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.edge-rail-module__Ze3FTG__nav button:hover:not(:disabled){color:var(--text-1);background:var(--surface-2)}}.edge-rail-module__Ze3FTG__viewport{display:grid;position:relative}.edge-rail-module__Ze3FTG__track{margin:calc(-1 * var(--rail-pad));padding:var(--rail-pad);overscroll-behavior-x:contain;scrollbar-width:none;gap:18px;display:flex;overflow-x:auto}.edge-rail-module__Ze3FTG__track::-webkit-scrollbar{display:none}.edge-rail-module__Ze3FTG__item{height:var(--rail-h);flex:none}.edge-rail-module__Ze3FTG__edge{top:calc(-1 * var(--rail-pad));bottom:calc(-1 * var(--rail-pad));z-index:1;width:calc(var(--rail-fade) + var(--rail-pad));pointer-events:none;position:absolute}.edge-rail-module__Ze3FTG__edgeStart{left:calc(-1 * var(--rail-pad))}.edge-rail-module__Ze3FTG__edgeEnd{right:calc(-1 * var(--rail-pad));transform:scaleX(-1)}.edge-rail-module__Ze3FTG__edge i{top:var(--rail-pad);height:var(--rail-h);transition:opacity .25s cubic-bezier(.22,1,.36,1);position:absolute;left:0;right:0}.edge-rail-module__Ze3FTG__edge:after{transition:opacity .25s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.edge-rail-module__Ze3FTG__edge i:first-child{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000);mask-image:linear-gradient(90deg,#000 45%,#0000)}.edge-rail-module__Ze3FTG__edge i:nth-child(2){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(90deg,#000 20%,#0000 70%);mask-image:linear-gradient(90deg,#000 20%,#0000 70%)}.edge-rail-module__Ze3FTG__edge i:nth-child(3){-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(90deg,#000,#0000 45%);mask-image:linear-gradient(90deg,#000,#0000 45%)}.edge-rail-module__Ze3FTG__edge:after{content:"";background:linear-gradient(to right, var(--background), color-mix(in oklab, var(--background) 55%, transparent) 40%, transparent)}.edge-rail-module__Ze3FTG__viewport[data-start] .edge-rail-module__Ze3FTG__edgeStart i,.edge-rail-module__Ze3FTG__viewport[data-start] .edge-rail-module__Ze3FTG__edgeStart:after,.edge-rail-module__Ze3FTG__viewport[data-end] .edge-rail-module__Ze3FTG__edgeEnd i,.edge-rail-module__Ze3FTG__viewport[data-end] .edge-rail-module__Ze3FTG__edgeEnd:after{opacity:0}@media (max-width:560px){.edge-rail-module__Ze3FTG__rail{--rail-fade:40px}}@media (prefers-reduced-motion:reduce){.edge-rail-module__Ze3FTG__nav button,.edge-rail-module__Ze3FTG__edge i,.edge-rail-module__Ze3FTG__edge:after{transition:none}}
.animation-browser-module__RrkDOq__page{width:min(100% - 32px,1320px);margin:0 auto;padding:138px 0 110px}.animation-browser-module__RrkDOq__hero{gap:8px;padding:18px 0 34px;display:grid}.animation-browser-module__RrkDOq__hero h1{font-family:var(--font-heading);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:1.875rem;font-weight:560;line-height:1.15}.animation-browser-module__RrkDOq__hero p{max-width:780px;min-height:3.1em;color:var(--text-3);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.55}.animation-browser-module__RrkDOq__browse{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:28px;display:grid}.animation-browser-module__RrkDOq__side{flex-direction:column;gap:2px;display:flex;position:sticky;top:112px}html[data-promo]:not([data-promo-off]) .animation-browser-module__RrkDOq__side{top:calc(112px + var(--promo-h))}.animation-browser-module__RrkDOq__side a,.animation-browser-module__RrkDOq__side button{z-index:1;border-radius:var(--radius-md);color:var(--text-3);font:500 .8125rem var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.animation-browser-module__RrkDOq__side a[aria-current=page],.animation-browser-module__RrkDOq__side button[aria-pressed=true]{color:var(--text-1)}.animation-browser-module__RrkDOq__side:not([data-pill]) a[aria-current=page],.animation-browser-module__RrkDOq__side:not([data-pill]) button[aria-pressed=true]{background:var(--surface-2)}.animation-browser-module__RrkDOq__side a:focus-visible,.animation-browser-module__RrkDOq__side button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.animation-browser-module__RrkDOq__side hr{border:0;border-top:1px solid var(--hairline);width:100%;margin:6px 0}.animation-browser-module__RrkDOq__star{color:var(--text-4);flex:none;margin-left:auto;transition:color .15s}.animation-browser-module__RrkDOq__side button[aria-pressed=true] .animation-browser-module__RrkDOq__star{color:var(--accent)}.animation-browser-module__RrkDOq__pill{z-index:0;border-radius:var(--radius-md);background:var(--surface-2);pointer-events:none;position:absolute;top:0;left:0}.animation-browser-module__RrkDOq__pill[data-moving]{transition:transform .25s cubic-bezier(.22,1,.36,1),width .25s cubic-bezier(.22,1,.36,1),height .25s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.animation-browser-module__RrkDOq__side a:hover,.animation-browser-module__RrkDOq__side button:hover{color:var(--text-1)}.animation-browser-module__RrkDOq__side a:hover .animation-browser-module__RrkDOq__star,.animation-browser-module__RrkDOq__side button:hover .animation-browser-module__RrkDOq__star{color:var(--text-2)}}.animation-browser-module__RrkDOq__main{min-width:0}.animation-browser-module__RrkDOq__toolbar{align-items:center;min-height:36px;margin-bottom:24px;display:flex}.animation-browser-module__RrkDOq__empty{color:var(--text-4);text-align:center;padding:60px 0;font-size:.875rem}.animation-browser-module__RrkDOq__search{border:1px solid var(--hairline);background:var(--surface);width:220px;height:36px;color:var(--text-4);cursor:text;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 12px;transition:width .25s cubic-bezier(.22,1,.36,1),border-color .15s,background .15s,color .15s;display:flex}.animation-browser-module__RrkDOq__search:focus-within,.animation-browser-module__RrkDOq__search[data-filled]{border-color:color-mix(in oklab, var(--foreground) 16%, transparent);background:var(--surface-2);width:320px;color:var(--text-2)}.animation-browser-module__RrkDOq__search .nudge{color:inherit;flex:none}.animation-browser-module__RrkDOq__search input{min-width:0;height:100%;color:var(--text-1);font:.8125rem var(--font-sans);background:0 0;border:0;outline:none;flex:1;padding:0}.animation-browser-module__RrkDOq__search input::placeholder{color:var(--text-4)}.animation-browser-module__RrkDOq__search input::-webkit-search-cancel-button{appearance:none}.animation-browser-module__RrkDOq__search button{background:var(--surface-2);width:24px;height:24px;color:var(--text-3);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .15s,transform .16s cubic-bezier(.23,1,.32,1);animation:.15s ease-out both animation-browser-module__RrkDOq__clear-in;display:grid}.animation-browser-module__RrkDOq__search button .nudge{color:inherit}.animation-browser-module__RrkDOq__search button:active{transform:scale(.9)}.animation-browser-module__RrkDOq__search button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes animation-browser-module__RrkDOq__clear-in{0%{opacity:0;transform:scale(.9)}}@media (hover:hover) and (pointer:fine){.animation-browser-module__RrkDOq__search:hover:not(:focus-within){color:var(--text-3)}.animation-browser-module__RrkDOq__search button:hover{color:var(--text-1)}}.animation-browser-module__RrkDOq__featured{--featured-h:240px;margin-bottom:34px}.animation-browser-module__RrkDOq__page[data-layout=chips] .animation-browser-module__RrkDOq__hero{text-align:center;justify-items:center;padding-bottom:28px}.animation-browser-module__RrkDOq__page[data-layout=chips] .animation-browser-module__RrkDOq__hero p{max-width:700px}.animation-browser-module__RrkDOq__browse[data-layout=chips]{display:block}.animation-browser-module__RrkDOq__top{justify-items:center;gap:18px;margin-bottom:40px;display:grid}.animation-browser-module__RrkDOq__top .animation-browser-module__RrkDOq__search,.animation-browser-module__RrkDOq__top .animation-browser-module__RrkDOq__search:focus-within,.animation-browser-module__RrkDOq__top .animation-browser-module__RrkDOq__search[data-filled]{width:min(560px,100%);height:46px;padding:0 8px 0 18px}.animation-browser-module__RrkDOq__top .animation-browser-module__RrkDOq__search input{font-size:.9375rem}.animation-browser-module__RrkDOq__side.animation-browser-module__RrkDOq__chips{flex-flow:wrap;justify-content:center;gap:6px;position:relative;top:auto}html[data-promo]:not([data-promo-off]) .animation-browser-module__RrkDOq__side.animation-browser-module__RrkDOq__chips{flex-flow:wrap;justify-content:center;gap:6px;position:relative;top:auto}.animation-browser-module__RrkDOq__chips a,.animation-browser-module__RrkDOq__chips button{border:1px solid var(--hairline);border-radius:999px;flex:none;padding:7px 14px}.animation-browser-module__RrkDOq__chips a[aria-current=page],.animation-browser-module__RrkDOq__chips button[aria-pressed=true]{border-color:#0000}.animation-browser-module__RrkDOq__chips hr{display:none}.animation-browser-module__RrkDOq__chips .animation-browser-module__RrkDOq__pill{border-radius:999px}.animation-browser-module__RrkDOq__chips .animation-browser-module__RrkDOq__star{margin-left:0}.animation-browser-module__RrkDOq__cross{align-items:center;gap:14px;margin:6px 0 34px;display:flex}.animation-browser-module__RrkDOq__cross:before,.animation-browser-module__RrkDOq__cross:after{content:"";background:var(--hairline);flex:1;height:1px}.animation-browser-module__RrkDOq__crossLead{color:var(--text-3);flex:none;font-size:.875rem}.animation-browser-module__RrkDOq__crossCta{flex:none;gap:6px;transition:filter .16s,transform .16s cubic-bezier(.23,1,.32,1)}.animation-browser-module__RrkDOq__crossCta:active{transform:scale(.97)}.animation-browser-module__RrkDOq__crossCta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.animation-browser-module__RrkDOq__crossArrow{transition:transform .2s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.animation-browser-module__RrkDOq__crossCta:hover .animation-browser-module__RrkDOq__crossArrow{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.animation-browser-module__RrkDOq__crossCta,.animation-browser-module__RrkDOq__crossArrow{transition:none}}@media (max-width:480px){.animation-browser-module__RrkDOq__crossLead{display:none}}.animation-browser-module__RrkDOq__masonry{columns:3 280px;column-gap:18px}.animation-browser-module__RrkDOq__masonry>.animation-browser-module__RrkDOq__card{break-inside:avoid;margin-bottom:18px}.animation-browser-module__RrkDOq__row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.animation-browser-module__RrkDOq__card{isolation:isolate;min-width:0;color:inherit;padding-bottom:8px;text-decoration:none;display:block;position:relative}.animation-browser-module__RrkDOq__card:before{content:"";z-index:-1;border-radius:calc(var(--radius-xl) + 8px);background:color-mix(in oklab, var(--foreground) 5%, transparent);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:-8px -8px 0}.animation-browser-module__RrkDOq__card:focus-visible{outline:none}.animation-browser-module__RrkDOq__card:focus-visible:before{box-shadow:inset 0 0 0 2px var(--accent);opacity:1}.animation-browser-module__RrkDOq__media{border-radius:var(--radius-xl);background:#09090b;transition:transform .16s cubic-bezier(.23,1,.32,1);position:relative}.animation-browser-module__RrkDOq__mediaFill{height:var(--featured-h)}.animation-browser-module__RrkDOq__media img,.animation-browser-module__RrkDOq__media video{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.animation-browser-module__RrkDOq__media video{opacity:0;transition:opacity .15s ease-out}.animation-browser-module__RrkDOq__media video[data-on]{opacity:1;transition-duration:.22s}.animation-browser-module__RrkDOq__card:active .animation-browser-module__RrkDOq__media{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.animation-browser-module__RrkDOq__card:hover:before{opacity:1;transition-duration:.15s}}.animation-browser-module__RrkDOq__badges{z-index:1;pointer-events:none;gap:4px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.animation-browser-module__RrkDOq__badge{color:#e7e7ea;font-family:var(--font-mono);background:#0a090db8;border-radius:6px;padding:3px 6px;font-size:.625rem;line-height:1.2}.animation-browser-module__RrkDOq__badgeEnd{margin-left:auto}.animation-browser-module__RrkDOq__copy{padding:10px 2px 0}.animation-browser-module__RrkDOq__titleRow{align-items:flex-start;gap:8px;margin:0 0 3px;display:flex}.animation-browser-module__RrkDOq__titleRow .free-badge{margin-top:1px}.animation-browser-module__RrkDOq__copy h3{letter-spacing:-.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:.9375rem;font-weight:550;line-height:1.35;display:-webkit-box;overflow:hidden}.animation-browser-module__RrkDOq__blurb{color:var(--text-3);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}@media (max-width:860px){.animation-browser-module__RrkDOq__page{padding-top:112px}.animation-browser-module__RrkDOq__browse{grid-template-columns:1fr;gap:16px}.animation-browser-module__RrkDOq__side{flex-flow:wrap;gap:4px;position:relative;top:auto}html[data-promo]:not([data-promo-off]) .animation-browser-module__RrkDOq__side{flex-flow:wrap;gap:4px;position:relative;top:auto}.animation-browser-module__RrkDOq__side a,.animation-browser-module__RrkDOq__side button{flex:none}.animation-browser-module__RrkDOq__side hr{display:none}.animation-browser-module__RrkDOq__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.animation-browser-module__RrkDOq__hero p{min-height:6.2em}.animation-browser-module__RrkDOq__featured{--featured-h:180px}.animation-browser-module__RrkDOq__search,.animation-browser-module__RrkDOq__search:focus-within,.animation-browser-module__RrkDOq__search[data-filled]{width:100%}.animation-browser-module__RrkDOq__row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.animation-browser-module__RrkDOq__card:before,.animation-browser-module__RrkDOq__media,.animation-browser-module__RrkDOq__media video,.animation-browser-module__RrkDOq__side a,.animation-browser-module__RrkDOq__side button,.animation-browser-module__RrkDOq__pill[data-moving],.animation-browser-module__RrkDOq__star,.animation-browser-module__RrkDOq__search,.animation-browser-module__RrkDOq__search button{transition:none}.animation-browser-module__RrkDOq__search button{animation:none}}