:export{max1024:63.999em;max1100:68.749em;max1200:74.999em;max1250:78.124em;max1400:87.499em;max330:20.624em;max400:24.999em;max480:29.999em;max550:34.374em;max640:39.999em;max700:43.749em;max768:47.999em;max960:59.999em;min1024:64em;min1100:68.75em;min1200:75em;min1250:78.125em;min1366:85.375em;min1400:87.5em;min1920:119.938em;min330:20.625em;min400:25em;min480:30em;min550:34.375em;min615:38.438em;min640:40em;min700:43.75em;min768:48em;min900:56.25em;min960:60em}.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 p,.gifs-info li{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}[dir=ltr] .gifs-info-list li:before{padding-right:1rem;text-align:right}[dir=rtl] .gifs-info-list li:before{padding-left:1rem;text-align:left}.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{padding-left:1.2rem;padding-right:1.2rem}[dir=ltr] .gifs-copy-pgn-btn{margin-left:.5rem}[dir=rtl] .gifs-copy-pgn-btn{margin-right:.5rem}.gifs-url-example{flex:1;font-size:1.3rem;height:2.5rem;line-height:1.2;width:auto}[dir=ltr] .gifs-url-example{margin-left:.5rem}[dir=rtl] .gifs-url-example{margin-right:.5rem}.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}}:export{wrapper:gifs-wrapper;create-form:gifs-create-form;info:gifs-info;info-list:gifs-info-list;info-content:gifs-info-content;info-example:gifs-info-example;example-component:gifs-example-component;example-title:gifs-example-title;example-img:gifs-example-img;copy-pgn-btn:gifs-copy-pgn-btn;url-example:gifs-url-example;hidden-input:gifs-hidden-input}