.header{padding-top:16px;padding-bottom:4px;color:#fff;text-align:center;cursor:default}.header__title{color:#fff;font-size:42px;letter-spacing:.06em;text-shadow:0 2px 20px rgba(0,0,0,.4)}.header__subtitle,.header__title{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.header__subtitle{margin-top:2px;font-size:14px;font-weight:300;letter-spacing:.03em;color:hsla(0,0%,100%,.6);text-shadow:none}@media only screen and (max-width:950px){.header{padding-top:10px;padding-bottom:0}.header__title{font-size:19px;letter-spacing:.04em;text-shadow:none}.header__subtitle{margin-top:0;font-size:11px}}.information-card{width:900px;max-width:100%;box-sizing:border-box;margin:44px auto;padding:24px;color:#1e1e1e;font-weight:300;font-family:"Roboto",sans-serif;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 4px 6px -2px rgba(0,0,0,.12),0 16px 48px rgba(0,0,0,.22)}@media only screen and (min-width:1248px){.information-card{width:1200px}}.information-card__header{font-weight:400;font-size:35px;text-align:center}.information-card__info-block{margin:30px auto;color:#444;font-size:18px;line-height:19px;overflow-wrap:anywhere}.information-card__info-block .information-card__inline-label{display:inline;font-weight:700;text-decoration:underline}.information-card__info-block h3{margin:0 0 8px;font-size:22px;font-weight:500;line-height:1.2}@media only screen and (max-width:950px){.information-card{width:auto;max-width:none;box-sizing:border-box;margin:44px 12px;border:none;overflow-x:hidden}.information-card--wide{margin-right:0;margin-left:0;border-radius:0}}.like-button{display:flex;flex-direction:column;align-items:center;grid-gap:2px;gap:2px;font-family:"Roboto",sans-serif}.like-button__heart{display:flex;align-items:center;justify-content:center;padding:0;color:rgba(0,0,0,.28);background:none;border:0;border-radius:8px;cursor:pointer;transition:color .15s ease,transform .1s ease}.like-button__heart svg{width:100%;height:100%;fill:currentColor}.like-button__heart:hover{color:rgba(254,44,85,.55)}.like-button__heart:active{transform:scale(.9)}.like-button__heart--liked{color:#fe2c55}.like-button__heart--liked:hover{color:#e01e46}.like-button__heart--popping{animation:like-button-pop .32s ease-out}.like-button__count{font-size:15px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(0,0,0,.7)}.like-button__error{font-size:11px;color:#b91c1c}.like-button--small .like-button__heart{width:28px;height:28px}.like-button--large .like-button__heart{width:40px;height:40px}.like-button--large .like-button__count{font-size:19px}@keyframes like-button-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.like-button__heart--popping{animation:none}}.animation-card{position:relative;display:flex;flex-direction:column;overflow:hidden;font-family:"Roboto",sans-serif;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 2px 4px -1px rgba(0,0,0,.08),0 8px 20px rgba(0,0,0,.08);transition:transform .15s ease,box-shadow .15s ease}.animation-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px -1px rgba(0,0,0,.12),0 14px 30px rgba(0,0,0,.14)}.animation-card__preview{display:block;aspect-ratio:1/1;background:repeating-conic-gradient(#e6ebf1 0 25%,#f7f9fb 0 50%) 0 0/16px 16px}.animation-card__preview img{display:block;width:100%;height:100%;object-fit:contain}.animation-card__body{display:flex;flex:1 1;grid-gap:10px;gap:10px;align-items:flex-start;padding:10px 12px 12px}.animation-card__text{display:flex;flex-direction:column;grid-gap:4px;gap:4px;min-width:0}.animation-card__prompt{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.35;color:rgba(0,0,0,.85);text-decoration:none;-webkit-line-clamp:3;-webkit-box-orient:vertical}.animation-card__prompt:hover{text-decoration:underline}.animation-card__meta{display:flex;grid-gap:4px;gap:4px;min-width:0;font-size:12px;color:rgba(0,0,0,.5);white-space:nowrap}.animation-card__author{overflow:hidden;font-weight:500;text-overflow:ellipsis}.animation-card__time{flex-shrink:0}.animation-card__remix{position:absolute;top:8px;right:8px;padding:5px 10px;font-size:12px;font-weight:700;color:#fff;text-decoration:none;background:rgba(9,23,49,.72);border-radius:999px;opacity:0;transition:opacity .15s ease,background .15s ease}.animation-card:hover .animation-card__remix,.animation-card__remix:focus{opacity:1}.animation-card__remix:hover{background:#059669}@media(hover:none){.animation-card__remix{opacity:1}}.animations-main-card{max-width:1280px;margin:22px auto;padding:20px;font-family:"Roboto",sans-serif;font-weight:300;background:#dcdcdc;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 4px 6px -2px rgba(0,0,0,.12),0 16px 48px rgba(0,0,0,.22)}.animations-main-card__toolbar{display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.animations-main-card__sorts{display:flex;grid-gap:4px;gap:4px;padding:4px;background:rgba(0,0,0,.06);border-radius:999px}.animations-main-card__sort{padding:8px 18px;font-family:inherit;font-size:15px;font-weight:500;color:rgba(0,0,0,.6);background:none;border:0;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.animations-main-card__sort:hover{color:rgba(0,0,0,.85)}.animations-main-card__sort--active{color:#091731;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.16)}.animations-main-card__create{padding:10px 20px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;background:#059669;border-radius:10px;box-shadow:0 6px 16px rgba(5,150,105,.24)}.animations-main-card__create:hover{background:#047857}.animations-main-card__grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,260px));justify-content:center}.animations-main-card__status{padding:40px 16px;font-size:16px;color:rgba(0,0,0,.6);text-align:center}.animations-main-card__status p{margin-bottom:14px}.animations-main-card__more,.animations-main-card__retry{display:inline-block;padding:11px 24px;font-family:inherit;font-size:15px;font-weight:500;color:#091731;text-decoration:none;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;cursor:pointer}.animations-main-card__more:hover,.animations-main-card__retry:hover{background:#f5f7fa}.animations-main-card__more{display:block;margin:22px auto 4px}@media only screen and (max-width:950px){.animations-main-card{max-width:100%;margin:16px 8px;padding:14px}.animations-main-card__toolbar{justify-content:center}.animations-main-card__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.animations-main-card__create{padding:8px 16px;font-size:14px;box-shadow:none}}.animation-post-card{width:900px;max-width:100%;margin:22px auto;padding:20px;font-family:"Roboto",sans-serif;font-weight:300;background:#dcdcdc;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 4px 6px -2px rgba(0,0,0,.12),0 16px 48px rgba(0,0,0,.22)}.animation-post-card--status{padding:48px 20px;text-align:center}.animation-post-card--status h2{margin-bottom:10px;font-size:22px;font-weight:500}.animation-post-card--status p{margin-bottom:20px;color:rgba(0,0,0,.6)}.animation-post-card__back{display:inline-block;margin-bottom:12px;font-size:14px;color:rgba(0,0,0,.6);text-decoration:none}.animation-post-card__back:hover{color:#059669}.animation-post-card__preview{display:table;padding:12px;margin:0 auto;background:repeating-conic-gradient(#e6ebf1 0 25%,#f7f9fb 0 50%) 0 0/18px 18px;border-radius:12px}.animation-post-card__preview img{display:block;max-width:100%;height:auto}.animation-post-card__header{display:flex;grid-gap:14px;gap:14px;align-items:flex-start;margin-top:16px}.animation-post-card__prompt{font-size:26px;font-weight:400;line-height:1.3;color:rgba(0,0,0,.88);overflow-wrap:anywhere}.animation-post-card__meta{margin-top:4px;font-size:13px;color:rgba(0,0,0,.5)}.animation-post-card__author{font-weight:500;overflow-wrap:anywhere}.animation-post-card__actions{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-top:18px}.animation-post-card__button{padding:11px 20px;font-family:inherit;font-size:15px;font-weight:500;color:#091731;text-decoration:none;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;cursor:pointer}.animation-post-card__button:hover{background:#f5f7fa}.animation-post-card__button--primary{color:#fff;background:#059669;border-color:transparent;font-weight:700;box-shadow:0 6px 16px rgba(5,150,105,.24)}.animation-post-card__button--primary:hover{background:#047857}.animation-post-card__code{margin-top:18px}.animation-post-card__code summary{font-size:15px;font-weight:500;color:rgba(0,0,0,.7);cursor:pointer}.animation-post-card__code pre{max-height:460px;padding:14px;margin-top:10px;overflow:auto;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:13px;line-height:1.5;color:#e6edf3;background:#0d1117;border-radius:10px}.animation-post-card__code-note{margin-top:8px;font-size:13px;line-height:1.5;color:rgba(0,0,0,.6)}.animation-post-card__footer{margin-top:20px;text-align:right}.animation-post-card__report{padding:0;font-family:inherit;font-size:13px;color:rgba(0,0,0,.45);text-decoration:underline;background:none;border:0;cursor:pointer}.animation-post-card__report:hover:not(:disabled){color:#b91c1c}.animation-post-card__report:disabled{cursor:default;opacity:.6}@media only screen and (max-width:950px){.animation-post-card{width:auto;margin:16px 8px;padding:14px}.animation-post-card__prompt{font-size:21px}.animation-post-card__actions{flex-direction:column}.animation-post-card__button{width:100%;text-align:center;box-sizing:border-box}}
/*# sourceMappingURL=43.e0174a8d.chunk.css.map */