.gifs-wrapper{display:grid;gap:3.2rem}.gifs-create-form{align-content:start;display:grid;gap:1.6rem}.gifs-info p+p{padding-top:.5rem}.gifs-info li,.gifs-info p{color:var(--color-text-bolder)}.gifs-info a{color:var(--color-text-link)}.gifs-info a:hover{color:var(--color-text-link-hovered)}.gifs-info-list{counter-reset:item;padding:0}.gifs-info-list li{counter-increment:item;display:flex;list-style-type:none;margin-bottom:2rem}.gifs-info-list li:before{content:counter(item) ".";display:inline-block;font-weight:600;padding-right:1rem;text-align:right}.gifs-info-content{display:flex;flex-direction:column}.gifs-info-example{align-items:center;display:flex;font-size:1.2rem;font-weight:600;margin-top:.5rem;overflow:hidden;position:relative}.gifs-example-component{display:flex;flex-direction:column}.gifs-example-title{font-size:1.6rem;font-weight:600;margin-bottom:1.5rem}.gifs-example-img{align-self:center;max-width:30rem}.gifs-copy-pgn-btn{margin-left:.5rem;padding-left:1.2rem;padding-right:1.2rem}.gifs-url-example{flex:1;font-size:1.3rem;height:2.5rem;line-height:1.2;margin-left:.5rem;width:auto}.gifs-hidden-input{clip:rect(0 0 0 0);height:.1rem;overflow:hidden;position:absolute;width:.1rem}@media (min-width:48em){.gifs-wrapper{grid-template-columns:1fr 1fr}}.animated-gif-component{align-items:center;color:var(--color-neutrals-white);display:flex;font-weight:600;justify-content:space-between;margin-bottom:1.6rem;max-width:105rem;min-height:5rem;width:100%}.animated-gif-component a{opacity:.9;text-decoration:underline}.animated-gif-component a:hover{opacity:1;text-decoration:none}.animated-gif-message{background-color:var(--color-blue-300);border-radius:var(--radius-3);line-height:1.5;padding:1.3rem;width:100%}.animated-gif-success{background-color:var(--color-green-400)}