@charset "UTF-8";@font-face{font-family:icomoon;src:url(/fonts/icomoon-43279613b6641f74df9b2a60d0c4c5c1.eot);src:url(/fonts/icomoon-43279613b6641f74df9b2a60d0c4c5c1.eot?#iefix) format("embedded-opentype"),url(/fonts/icomoon-da088cb5fbfe610d433c4443a4eec33a.ttf) format("truetype"),url(/fonts/icomoon-f236d27d7e8a52621a657edd73c7610b.woff) format("woff"),url(/fonts/icomoon-1cffca2faa111dd8fcfd9742cad1c36b.svg#icomoon) format("svg");font-weight:400;font-style:normal}.ColorPicker--openDownwards:before,.ColorPicker--openUpwards:before,.ColorPicker.is-open .is-checked:before,.Frame-button--duplicate:before,.Frame-button--moveLeft:before,.Frame-button--moveRight:before,.Frame-button--remove:before,.GifPreview-nextButton:before,.GifPreview-previousButton:before,.icon-arrow-right:before,.icon-arrow-up:before,.icon-brush:before,.icon-camera:before,.icon-chain:before,.icon-check:before,.icon-circle:before,.icon-close:before,.icon-cloud:before,.icon-copy:before,.icon-download:before,.icon-draw:before,.icon-feather:before,.icon-flattr:before,.icon-history:before,.icon-info:before,.icon-internet:before,.icon-mail:before,.icon-new:before,.icon-next:before,.icon-pause:before,.icon-pinterest:before,.icon-play:before,.icon-plus:before,.icon-previous:before,.icon-redo:before,.icon-resize:before,.icon-rotate-left:before,.icon-rotate-right:before,.icon-small-arrow-down:before,.icon-small-arrow-up:before,.icon-smiley:before,.icon-switch:before,.icon-text:before,.icon-timing:before,.icon-trash:before,.icon-tumblr:before,.icon-twitter:before,.icon-undo:before,.icon-upload:before,.InfoOverlay-closeButton:before,.InfoOverlay:before,.NavLink--about:before,.NavLink--flattr:before,.NavLink--history:before,.NavLink--pinterest:before,.NavLink--tumblr:before,.NavLink--twitter:before,.SelectWrapper:before,.Tooltip.down:before,color-picker.is-open .is-checked:before{font-family:icomoon;font-style:normal;font-weight:400;font-variant:normal;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:hover [class*=icon-]{-ms-zoom:1}.icon-arrow-right:before{content:""}.icon-arrow-up:before,.InfoOverlay:before{content:""}.icon-brush:before{content:""}.icon-camera:before{content:""}.icon-chain:before{content:""}.ColorPicker.is-open .is-checked:before,.icon-check:before,color-picker.is-open .is-checked:before{content:""}.icon-circle:before{content:""}.icon-close:before,.InfoOverlay-closeButton:before{content:""}.icon-cloud:before{content:""}.Frame-button--duplicate:before,.icon-copy:before{content:""}.icon-download:before{content:""}.icon-draw:before{content:""}.icon-feather:before{content:""}.icon-flattr:before,.NavLink--flattr:before{content:""}.icon-history:before,.NavLink--history:before{content:""}.icon-info:before,.NavLink--about:before{content:""}.icon-internet:before{content:""}.icon-mail:before{content:""}.icon-new:before{content:""}.Frame-button--moveRight:before,.GifPreview-nextButton:before,.icon-next:before{content:""}.icon-pause:before{content:""}.icon-pinterest:before,.NavLink--pinterest:before{content:""}.icon-play:before{content:""}.icon-plus:before{content:""}.Frame-button--moveLeft:before,.GifPreview-previousButton:before,.icon-previous:before{content:""}.icon-redo:before{content:""}.icon-resize:before{content:""}.icon-rotate-left:before{content:""}.icon-rotate-right:before{content:""}.ColorPicker--openDownwards:before,.icon-small-arrow-down:before,.SelectWrapper:before{content:""}.ColorPicker--openUpwards:before,.icon-small-arrow-up:before,.Tooltip.down:before{content:""}.icon-smiley:before{content:""}.icon-switch:before{content:""}.icon-text:before{content:""}.icon-timing:before{content:""}.Frame-button--remove:before,.icon-trash:before{content:""}.icon-tumblr:before,.NavLink--tumblr:before{content:""}.icon-twitter:before,.NavLink--twitter:before{content:""}.icon-undo:before{content:""}.icon-upload:before{content:""}@-webkit-keyframes pulse{0%{opacity:1}to{opacity:.5}}@keyframes pulse{0%{opacity:1}to{opacity:.5}}@media (min-width:400px){.u-showWhenNarrower{display:none!important}}@media (max-width:400px){.u-hideWhenNarrower{display:none!important}}.u-inline{display:inline}.u-onlyIcon{overflow:hidden;white-space:nowrap}.u-onlyIcon:before{display:inline-block;margin-right:1em!important;text-align:center;width:100%}.u-fullWidth{width:100%}.u-clearfix{overflow:hidden}.u-pieClearfix:after{clear:both;content:"";display:table}.u-flex{flex:1}.u-floatRight{float:right}.u-hidden{display:none}.u-invisible{visibility:hidden}.u-helpCursor{cursor:help}.u-pointerCursor{cursor:pointer!important}.u-splittingGifAnimation{-webkit-animation:pulse .6s ease 0s infinite alternate;animation:pulse .6s ease 0s infinite alternate}.HeadingWithBg{background-color:#eb4770;color:#fff;font-family:inconsolata,monospace;font-weight:400;padding:.25em}.HeadingWithBg--inAddState{background-image:linear-gradient(#eb4770,#ed3554)}.ColorPicker-color.is-transparent,.Frame-canvas,.GifPreview,.WebcamView-video{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPjxwYXRoIGQ9Ik0uMjE1LS4zMjhsLS41NDMuNTQzIDIuMzggMi4zOC0yLjI4NCAyLjI3LjM1LjM2NyAyLjIwNS0yLjIzNiAyLjQ2MiAyLjMzMi41NDMtLjU0My0yLjM4LTIuMzhMNS4yMy4xMTggNC44OC0uMjVsLTIuMDc2IDIuM3oiIGNvbG9yPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii42NyIgb3ZlcmZsb3c9InZpc2libGUiLz48L3N2Zz4=")}.ColorPicker,color-picker{border-radius:.25rem;color:grey;display:block;font-size:1rem;position:relative;width:3.25em}.ColorPicker:after,color-picker:after{clear:both;content:"";display:table}.ColorPicker:before,color-picker:before{font-size:.9em;position:absolute;top:.6em;right:.05em;min-width:0;width:.6em}.ColorPicker.is-closed>.ColorPicker-colorContainer,color-picker.is-closed>.ColorPicker-colorContainer{pointer-events:none}.ColorPicker.is-closed .is-checked,color-picker.is-closed .is-checked{display:block;height:1.55em;line-height:1.5em;margin-left:.25em;pointer-events:none;width:2em}.ColorPicker.is-closed .is-checked.is-custom-color,color-picker.is-closed .is-checked.is-custom-color{background-color:transparent;border-width:0}.ColorPicker.is-open:before,color-picker.is-open:before{content:"close";display:block;font-family:inconsolata,monospace;font-size:.75em;line-height:2.5;position:static;text-align:center;width:100%}.ColorPicker.is-open>.ColorPicker-colorContainer,color-picker.is-open>.ColorPicker-colorContainer{background-color:#f5f5f5;border:1px solid #bfbfbf;box-shadow:none;cursor:default;height:auto;padding:.5em;position:absolute;width:11.125em;z-index:10}.ColorPicker.is-open>.ColorPicker-colorContainer:before,color-picker.is-open>.ColorPicker-colorContainer:before{content:none}.ColorPicker.is-open .ColorPicker-color,color-picker.is-open .ColorPicker-color{display:block;float:left}.ColorPicker.is-open .is-checked,color-picker.is-open .is-checked{display:block;height:1.75em;margin:.125rem;pointer-events:auto;position:relative;width:1.75em}.ColorPicker.is-open .is-checked.is-custom-color,color-picker.is-open .is-checked.is-custom-color{background-color:#fff;border-width:1px}.ColorPicker.is-open .is-checked:before,color-picker.is-open .is-checked:before{color:#fff;line-height:1.75;position:absolute;top:0;left:0;text-align:center;text-indent:0;text-shadow:0 0 7px rgba(0,0,0,.7);width:100%}.ColorPicker--openToLeft.is-open>.ColorPicker-colorContainer{right:-1px}.ColorPicker--openToLeft.is-open.ColorPicker--openUpwards>.ColorPicker-colorContainer{border-radius:.25rem .25rem 0 .25rem}.ColorPicker--openToLeft.is-open.ColorPicker--openDownwards>.ColorPicker-colorContainer{border-radius:.25rem 0 .25rem .25rem}.ColorPicker--openToRight.is-open>.ColorPicker-colorContainer{left:-1px}.ColorPicker--openToRight.is-open.ColorPicker--openUpwards>.ColorPicker-colorContainer{border-radius:.25rem .25rem .25rem 0}.ColorPicker--openToRight.is-open.ColorPicker--openDownwards>.ColorPicker-colorContainer{border-radius:0 .25rem .25rem .25rem}.ColorPicker--openUpwards.is-open{border-radius:0 0 .25rem .25rem;border-top-width:0}.ColorPicker--openUpwards.is-open>.ColorPicker-colorContainer{bottom:100%}.ColorPicker--openUpwards.is-open.ColorPicker--openToLeft>.ColorPicker-colorContainer{border-radius:.25rem .25rem 0 .25rem}.ColorPicker--openUpwards.is-open.ColorPicker--openToRight>.ColorPicker-colorContainer{border-radius:.25rem .25rem .25rem 0}.ColorPicker--openDownwards.is-open{border-radius:.25rem .25rem 0 0;border-bottom-width:0}.ColorPicker--openDownwards.is-open>.ColorPicker-colorContainer{top:100%}.ColorPicker--openDownwards.is-open.ColorPicker--openToLeft>.ColorPicker-colorContainer{border-radius:.25rem 0 .25rem .25rem}.ColorPicker--openDownwards.is-open.ColorPicker--openToRight>.ColorPicker-colorContainer{border-radius:0 .25rem .25rem .25rem}.ColorPicker--gifBgColor{float:right}.ColorPicker--gifBgColor.is-open>.ColorPicker-colorContainer{right:-1px}.ColorPicker--gifBgColor.is-open.ColorPicker--openUpwards>.ColorPicker-colorContainer{border-radius:.25rem .25rem 0 .25rem}.ColorPicker--gifBgColor.is-open.ColorPicker--openDownwards>.ColorPicker-colorContainer{border-radius:.25rem 0 .25rem .25rem}@media (max-width:800px){.ColorPicker--gifBgColor.open>.colors{box-shadow:0 0 1.75em rgba(0,0,0,.5)}}@media (max-width:600px){.ColorPicker--gifBgColor{float:none}}@media (min-width:599px){.ColorPicker--textSettings.is-open>.ColorPicker-colorContainer{right:-1px}.ColorPicker--textSettings.is-open.ColorPicker--openUpwards>.ColorPicker-colorContainer{border-radius:.25rem .25rem 0 .25rem}.ColorPicker--textSettings.is-open.ColorPicker--openDownwards>.ColorPicker-colorContainer{border-radius:.25rem 0 .25rem .25rem}}@media (max-width:600px){.ColorPicker--textSettings{margin-left:0}.ColorPicker--textSettings.is-open>.ColorPicker-colorContainer{left:-1px}.ColorPicker--textSettings.is-open.ColorPicker--openUpwards>.ColorPicker-colorContainer{border-radius:.25rem .25rem .25rem 0}.ColorPicker--textSettings.is-open.ColorPicker--openDownwards>.ColorPicker-colorContainer{border-radius:0 .25rem .25rem .25rem}}.ColorPicker-color{border-radius:.125rem;border:1px solid hsla(0,0%,45.1%,.5);display:none;margin:.125rem}.ColorPicker-color:nth-child(5n){margin-right:0}.ColorPicker-color:hover{border-color:hsla(0,0%,45.1%,.8)}.ColorPicker-color.is-custom-color{background-color:transparent;border-width:0;height:1.7em;padding:0 .2em;width:9.75rem}.ColorPicker-color.is-black{background-color:#000}.ColorPicker-color.is-gray{background-color:grey}.ColorPicker-color.is-white{background-color:#fff}.ColorPicker-color.is-dark-red{background-color:maroon}.ColorPicker-color.is-red{background-color:red}.ColorPicker-color.is-pink{background-color:#f0f}.ColorPicker-color.is-teal{background-color:teal}.ColorPicker-color.is-green{background-color:green}.ColorPicker-color.is-bright-green{background-color:#0f0}.ColorPicker-color.is-turquoise{background-color:#0ff}.ColorPicker-color.is-dark-blue{background-color:navy}.ColorPicker-color.is-violet{background-color:purple}.ColorPicker-color.is-blue{background-color:#00f}.ColorPicker-color.is-yellow{background-color:#ff0}.ColorPicker-color:not(.is-custom-color){overflow:hidden;text-indent:110%;white-space:nowrap;cursor:pointer;height:1.75em;width:1.75em}.AbuseReporter-select,.ColorPicker,.edit-button,.EditButton,.EditElement,.EditInput,.SelectWrapper>select,.Slider,.ToolControls-btn,color-picker{background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;border:1px solid #bfbfbf;border-radius:.25rem;box-shadow:0 1px 0 #dedede;height:2rem;transition-duration:.2s;transition-property:background-color,border-color;transition-timing-function:linear}.AbuseReporter-select:before,.ColorPicker:before,.edit-button:before,.EditButton:before,.EditElement:before,.EditInput:before,.SelectWrapper>select:before,.Slider:before,.ToolControls-btn:before,color-picker:before{vertical-align:text-bottom}.AbuseReporter-select:enabled:hover,.ColorPicker:enabled:hover,.edit-button:enabled:hover,.EditButton:enabled:hover,.EditElement:enabled:hover,.EditInput:enabled:hover,.SelectWrapper>select:enabled:hover,.Slider:enabled:hover,.ToolControls-btn:enabled:hover,color-picker:enabled:hover{background-color:#ededed}.AbuseReporter-select:disabled,.ColorPicker:disabled,.edit-button:disabled,.EditButton:disabled,.EditElement:disabled,.EditInput:disabled,.SelectWrapper>select:disabled,.Slider:disabled,.ToolControls-btn:disabled,color-picker:disabled{box-shadow:none;color:#666;opacity:1}.AbuseReporter-select,.EditInput{background-color:#fff;border-radius:1px;display:inline-block}.AbuseReporter-select:enabled:focus,.AbuseReporter-select:enabled:hover,.EditInput:enabled:focus,.EditInput:enabled:hover{background-color:#f7f7f7}.ColorPicker,.edit-button,.EditButton,.SelectWrapper>select,.Slider,.ToolControls-btn,color-picker{cursor:pointer}.ColorPicker:before,.edit-button:before,.EditButton:before,.SelectWrapper>select:before,.Slider:before,.ToolControls-btn:before,color-picker:before{display:inline-block;margin-right:.35em}.ColorPicker:enabled:active,.ColorPicker:enabled[aria-pressed=true],.edit-button:enabled:active,.edit-button:enabled[aria-pressed=true],.EditButton:enabled:active,.EditButton:enabled[aria-pressed=true],.SelectWrapper>select:enabled:active,.SelectWrapper>select:enabled[aria-pressed=true],.Slider:enabled:active,.Slider:enabled[aria-pressed=true],.ToolControls-btn:enabled:active,.ToolControls-btn:enabled[aria-pressed=true],color-picker:enabled:active,color-picker:enabled[aria-pressed=true]{box-shadow:inset 0 1px 6px -1px rgba(0,0,0,.55)}.ColorPicker:enabled:active+button,.ColorPicker:enabled[aria-pressed=true]+button,.edit-button:enabled:active+button,.edit-button:enabled[aria-pressed=true]+button,.EditButton:enabled:active+button,.EditButton:enabled[aria-pressed=true]+button,.SelectWrapper>select:enabled:active+button,.SelectWrapper>select:enabled[aria-pressed=true]+button,.Slider:enabled:active+button,.Slider:enabled[aria-pressed=true]+button,.ToolControls-btn:enabled:active+button,.ToolControls-btn:enabled[aria-pressed=true]+button,color-picker:enabled:active+button,color-picker:enabled[aria-pressed=true]+button{box-shadow:0 1px 0 #dedede}.ColorPicker:enabled[aria-pressed=true]:not(.u-noText),.edit-button:enabled[aria-pressed=true]:not(.u-noText),.EditButton:enabled[aria-pressed=true]:not(.u-noText),.SelectWrapper>select:enabled[aria-pressed=true]:not(.u-noText),.Slider:enabled[aria-pressed=true]:not(.u-noText),.ToolControls-btn:enabled[aria-pressed=true]:not(.u-noText),color-picker:enabled[aria-pressed=true]:not(.u-noText){padding:0 .5em;text-align:right;width:auto}.ColorPicker:enabled[aria-pressed=true]:not(.u-noText):before,.edit-button:enabled[aria-pressed=true]:not(.u-noText):before,.EditButton:enabled[aria-pressed=true]:not(.u-noText):before,.SelectWrapper>select:enabled[aria-pressed=true]:not(.u-noText):before,.Slider:enabled[aria-pressed=true]:not(.u-noText):before,.ToolControls-btn:enabled[aria-pressed=true]:not(.u-noText):before,color-picker:enabled[aria-pressed=true]:not(.u-noText):before{text-align:center}.edit-button-in-group,.EditButton--inGroup,.EditButton--toggleControl{border-radius:0;border-width:1px 0;font-size:.75em;float:left;width:2.375rem}.edit-button-in-group+button,.edit-button-in-group+input,.EditButton--inGroup+button,.EditButton--inGroup+input,.EditButton--toggleControl+button,.EditButton--toggleControl+input{box-shadow:0 1px 0 #dedede,inset 2px 0 0 -1px #dedede}.edit-button-in-group:first-child,.EditButton--inGroup:first-child,.EditButton--toggleControl:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-width:1px 0 1px 1px;box-shadow:0 1px 0 #dedede}.edit-button-in-group:last-child,.EditButton--inGroup:last-child,.EditButton--toggleControl:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right-width:1px}.EditButton--toggleControl:before{font-size:1rem;line-height:.8}.EditButton--inAddButton{display:block;line-height:2;padding:0 .5em;position:relative}.AbuseReporter{background-color:#fff;border:1px solid #f2f2f2;box-shadow:0 0 12em rgba(0,0,0,.15);color:#000;display:none;font-size:.85em;margin:auto;max-width:25em;padding:1em;position:relative;text-align:left;width:100%}@media (min-height:900px){.AbuseReporter{font-size:.8em}}.AbuseReporter.is-open{display:block}.AbuseReporter a{color:#4d8e0b}.AbuseReporter em{font-style:italic}.AbuseReporter p{margin-bottom:1em}.AbuseReporter ol,.AbuseReporter ul{margin:-.5em 0 1em 1.5em}.AbuseReporter-h2{font-weight:400;margin-bottom:.5em}.AbuseReporter-h2:before{color:#f5993d;font-size:.7em;margin-right:.5em}.AbuseReporter-form{overflow:hidden;margin-top:1em}.AbuseReporter-label{align-items:center;display:flex;justify-content:space-between}.AbuseReporter-form.is-disabled .AbuseReporter-button,.AbuseReporter-form.is-disabled .AbuseReporter-labelText,.AbuseReporter-form.is-disabled .AbuseReporter-select{opacity:.45}.AbuseReporter-select{max-width:16em;line-height:1;padding:0 .5em}.AbuseReporter-button{color:#4d8e0b;float:right;margin-top:1em}.AbuseReporter-button:before{margin:0 .5em}.AbuseReporter-formReturnMessage{margin-top:.5em}add-empty,add-file,add-url,add-webcam{display:block}.AddImageContainer{text-align:center}@media (max-width:800px){.AddImageContainer{width:100%}}.AddImageContainer>span{line-height:2}.AddImage{color:#404040;margin-right:.4em}.AddState .AddImage{min-height:8em}@media (max-width:600px){.AddState .AddImage{padding-bottom:3em}}@media (min-width:800px){.AddState .AddImage{display:flex;flex-wrap:wrap;justify-content:center;min-width:40em}}.AddImage--inTimeline{display:inline-block;height:8em;overflow:hidden;vertical-align:top}.AddImage--inTimeline+.AddImage--inTimeline{align-items:flex-end;display:inline-flex}.AddImage--inTimeline :first-child{margin-top:0!important;padding-top:0!important}.AddImage--inTimeline :last-child{padding-bottom:0}.AddButton{height:auto;margin:0 .5%;padding:.5em 0;width:31.5%}@media (max-width:800px){.AddButton{width:100%}}.AddImage--inTimeline .AddButton{margin:0;padding:.25em 0;width:100%}@media (min-width:600px){.AddButton .is-focused .AddButton-icon:before,.AddButton:hover .AddButton-icon:before{display:none}}.AddButton-clickable{display:block;height:3em!important;overflow:hidden;width:100%}.AddImage--inTimeline .AddButton-clickable{height:2.325em!important}.AddButton-title{line-height:3em}.AddImage--inTimeline .AddButton-title{height:2.325em;line-height:2.325em}.AddButton-icon{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center}.AddButton-icon:before{color:hsla(0,0%,50.2%,.2);font-size:5em;line-height:.5}.AddImage--inTimeline .AddUrl-form{padding:0}@media (min-width:600px){.no-touchevents .AddUrl-form:hover .AddUrl-input{background-image:linear-gradient(180deg,hsla(0,0%,96.1%,.7),hsla(0,0%,96.1%,.7)),url(/images/globe.gif)}}.AddUrl-form:hover>.AddUrl-label{background-image:none}.AddUrl-label{display:block;position:relative}@media (min-width:600px){.no-touchevents .AddUrl-label{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5),url(/images/globe.gif)}}.AddUrl-input{background-color:transparent;background-repeat:no-repeat;background-position:50%;border:0;display:block;height:100%;position:relative;text-align:center;width:100%}@media (min-width:600px){.no-touchevents .AddUrl-input:focus{background-image:linear-gradient(180deg,hsla(0,0%,96.1%,.7),hsla(0,0%,96.1%,.7)),url(/images/globe.gif)}}.AddUrl-input::-webkit-input-placeholder{opacity:1}.AddUrl-input::-moz-placeholder{opacity:1}.AddUrl-addButton{height:0!important;margin:0 auto;opacity:0;transition-duration:.2s;transition-property:height,margin,opacity;transition-timing-function:ease-out;width:auto}.AddUrl-addButton.visible{height:2em!important;margin-top:.5em;opacity:1}.AddFile{overflow:hidden;position:relative}.add-state .AddFile:active,.edit-state .AddFile:active{transform:translateY(1px)}@media (min-width:600px){.no-touchevents .AddFile:hover>.AddFile-label{background-image:linear-gradient(180deg,hsla(0,0%,96.1%,.7),hsla(0,0%,96.1%,.7)),url(/images/computer.gif)}}.AddFile-icon{top:.05em}.AddFile-label{background-repeat:no-repeat;background-position:50%}@media (min-width:600px){.no-touchevents .AddFile-label{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5),url(/images/computer.gif)}}.HiddenFileInput{position:absolute;top:0;right:0;font-size:6.875em;opacity:0;z-index:5}.HiddenFileInput:enabled{cursor:pointer}.add-state .AddWebcam:active,.edit-state .AddWebcam:active{transform:translateY(1px)}@media (min-width:801px){.AddImageContainer .AddWebcam{width:96.5%}}@media (min-width:600px){.no-touchevents .AddWebcam:hover>.AddWebcam-clickable{background-image:linear-gradient(180deg,hsla(0,0%,96.1%,.7),hsla(0,0%,96.1%,.7)),url(/images/sunglasses.gif)}}.AddWebcam-clickable{background-repeat:no-repeat;background-position:50%}@media (min-width:600px){.no-touchevents .AddWebcam-clickable{background-image:linear-gradient(180deg,#f5f5f5,#f5f5f5),url(/images/sunglasses.gif)}}.AddWebcam-icon{top:.2em}.add-state .AddEmpty:active,.edit-state .AddEmpty:active{transform:translateY(1px)}.AddEmpty-icon:before{color:transparent}.AddState{align-items:center;color:#404040;flex-direction:column;margin:0 auto;opacity:1;padding:25vh 1em 0;visibility:visible;z-index:2}@media (max-width:600px){.AddState{display:block;padding-top:8.5em}}@media (min-width:600px){.AddState{width:33em}}.edit-state .AddState,.save-state .AddState{opacity:0;transition-delay:0s,.4s;transition-duration:.4s,0s;transition-property:opacity,visibility;transition-timing-function:linear;visibility:hidden}.AddState a{color:#a1a112;border-bottom:1px solid}.AddState-introText{line-height:1.4;margin:.4em 0 1em;text-align:justify;max-width:100%}.AddState-heading{height:2.9em;width:100%}.AddState-heading:after{display:inline-block;width:100%}@media (min-width:600px){.AddState-heading:after{content:""}}@media (max-width:600px){.AddState-heading{font-size:1.25em}}@media (max-width:480px){.AddState-heading{height:auto;margin-top:0;min-height:4rem}}.BigButton{background-color:#f43484;border-radius:2px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.3);color:#f5f5f5;font-size:1.5em;line-height:1.5;text-shadow:0 1px 0 rgba(0,0,0,.15);text-transform:lowercase;transition:background-color .2s linear}.BigButton:enabled:focus,.BigButton:enabled:hover{border-color:rgba(0,0,0,.25);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15),0 0 3px hsla(0,0%,90.2%,.5)}.BigButton:enabled:active{position:relative;top:1px;box-shadow:inset 0 4px 8px 1px rgba(26,26,26,.15),0 0 5px rgba(51,51,51,.3);text-shadow:0 -1px 0 rgba(0,0,0,.15)}.BigButton:disabled{background-color:#de8cae;box-shadow:0 1px 0 hsla(0,0%,50.2%,.2)}.ControlPanel,.ToolControls{color:#404040;font-family:inconsolata,monospace;line-height:2}.ControlPanel h3,.ToolControls h3{color:#666;font-size:.9em;line-height:1.5;text-shadow:none}.ControlPanel{display:flex;flex-direction:column;justify-content:center;opacity:0;overflow:auto;padding:1em 1em 1em 2em;transform:translateX(-18em);width:22em}.add-state .ControlPanel{opacity:.45;transition:none}@media (max-width:800px){.add-state .ControlPanel{opacity:0;visibility:hidden}}.edit-state .ControlPanel{opacity:1;transform:translateX(0)}.save-state .ControlPanel{opacity:.45;transform:translateX(-15vw)}@media (max-width:800px){.save-state .ControlPanel{transform:translateX(0)}}@media (min-width:801px) and (max-width:1065px){.ControlPanel{width:20.5em}}@media (max-width:800px){.ControlPanel{overflow:visible;padding-bottom:2em;padding-left:1em;transform:translateX(0);width:100%}}@media (max-width:400px){.ControlPanel{display:block;min-height:19em;padding:0 4% 2em}}.ControlPanel-category{margin-top:1.25em;text-shadow:0 1px 0 #fff}.ControlPanel-category:not(:last-child){padding-bottom:1.25em}@media (max-height:850px),(max-width:800px){.ControlPanel-category{margin-top:.75em;padding-bottom:.75em}.ControlPanel-category>h3{display:none}}@media (max-width:600px){.ControlPanel-category--cook{transition:opacity .4s linear}.save-state .ControlPanel-category--cook{opacity:0}}@media (min-width:800px){.ControlPanel-category--cook{margin-top:-1em}}@media (max-width:800px){.ControlPanel-category--cook{margin-top:0}}@media (max-height:850px){.ControlPanel-category--cook{box-shadow:none}}.ControlPanel-row{margin-top:.75em;position:relative}.ControlPanel-row:after{clear:both;content:"";display:table}@media (max-width:800px){.ControlPanel-row{float:left;margin-top:0;min-height:2.75em}}@media (min-width:601px) and (max-width:800px){.ControlPanel-row{width:48%}.ControlPanel-row:nth-child(2n){margin-right:4%}.ControlPanel-row:last-child{margin-right:0}}@media (max-width:600px){.ControlPanel-row{width:50%}}@media (max-width:800px){.ControlPanel-row--breakAfter{column-break-after:always}}@media (max-width:600px){.ControlPanel-row--timing{width:100%}}.ControlPanel-control{float:right}.ControlPanel-control:after{clear:both;content:"";display:table}@media (max-width:680px){.ControlPanel-control{clear:both;float:none;margin-left:0}}.ControlPanel-hr{box-shadow:0 22px 0 -21px #d9d9d9,0 23px 0 -21px #fff}.ControlPanel-label{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:600px){.ControlPanel-label{color:#5e5e5e;display:none}}.ControlPanel-input{padding:0 .3em;width:3em}.-moz- .ControlPanel-input{width:3.5em}.ControlPanel-info{font-size:.75rem;line-height:1.2;margin-top:.25em;opacity:.55}.Slider--globalTiming{float:right;max-width:12em;width:100%}.GifSize-lockButton{color:#595959;font-size:.75em;height:1.5rem;line-height:1.65rem;width:1.5rem}.GifSize-lockButton:before{vertical-align:baseline;width:100%}.Toolbox{position:relative}.Toolbox-button{font-size:.85em;line-height:1rem;padding-left:.5em;padding-right:.5em;text-transform:none}@media (min-width:600px){.Toolbox-button{width:auto}}.Toolbox-button:enabled:active{padding-top:1px}@media (max-width:600px){.Toolbox-button{overflow:hidden;white-space:nowrap}.Toolbox-button:before{display:inline-block;margin-right:1em!important;text-align:center;width:100%}}@-webkit-keyframes blink{50%{background-color:#fafa9e}}@keyframes blink{50%{background-color:#fafa9e}}.DragAndDropZone{position:absolute;top:3em;right:0;bottom:0;left:0;vertical-align:middle;background-color:hsla(0,0%,100%,.65);opacity:0;overflow:hidden;text-align:center;transform:translateZ(0);visibility:hidden;z-index:100}.DragAndDropZone:before{content:"";display:inline-block;height:100%;margin-right:-.5em;vertical-align:middle}.DragAndDropZone.active{opacity:1;transition:opacity .2s linear;visibility:visible}.DragAndDropZone-text{display:inline-block;font-size:15em;pointer-events:none;transform:translateY(.5em);width:1.5em}.DragAndDropZone-text:before{color:#a5d742;content:"+";font-family:Arial black,Arial;font-weight:bolder;text-shadow:1px 1px 0 #7b9b3b,2px 2px 0 #84a63f,3px 3px 0 #84a63f,4px 4px 0 #84a63f,5px 5px 0 #84a63f,6px 6px 0 #84a63f,7px 7px 0 #84a63f,8px 8px 0 #84a63f}.GifView{vertical-align:middle;height:80%;padding-top:2em;text-align:center}.GifView:before{content:"";height:100%;margin-right:-.5em}.GifView-gifContainer,.GifView:before{display:inline-block;vertical-align:middle}.GifView-gifContainer{position:relative}.GifView-gifImg{background-size:cover;box-shadow:0 0 0 1px grey,0 0 0 5px #fff,0 0 0 6px #000;display:block;height:auto;margin:0 auto;max-width:90%}.GifView-gifImg.is-hidden{display:none}.GifView-gifImg.loaded{background-image:none}.GifView-404{display:inline-block;max-width:90%;padding-left:.5em;padding-right:.5em}.GifView-reportAbuse{bottom:0;color:grey;font-size:.75em;padding:.5rem;position:absolute;right:0}.GifView-deleteImageForm{bottom:0;font-size:.75em;position:absolute;left:0}.GifView-deleteImageButton{background:none;border:0;color:grey;cursor:pointer;padding:.5rem}.MainHeader{background-color:#fff;height:3em;position:relative;z-index:100}@media (max-width:480px){.MainHeader{background-color:#eb4770;height:6em}.gif .MainHeader{border-bottom:1px solid #3b8997;height:auto}}.MainTitle{background-color:#eb4770;background-image:url(/images/giflr-logo-27cc4a024c86ce14427269cee63b258d.svg),linear-gradient(#eb4770,#ed3554);background-repeat:no-repeat;background-position:50%;background-size:auto 100%;border-bottom:1px solid #3b5897;color:transparent;float:left;font-family:inconsolata,monospace;height:3rem;line-height:2;padding:0 1em 0 2em;position:relative}@media (max-width:800px){.MainTitle{padding:0 1.25em}}@media (max-width:600px){.MainTitle{padding:0 .5em}}@media (max-width:480px){.MainTitle{border-bottom:0;padding:0 1em;width:33%}}.MainTitle-beta{color:#fff;font-size:.5em;line-height:1;position:absolute;right:.5em;bottom:.2em}.MainNav{background-color:#49df7b;border-bottom:1px solid #3b8997;color:#fff;display:flex;float:right;height:3em;padding-right:2em;width:19em}@media (min-width:800px){.gif .MainNav{width:16em}}@media (max-width:800px){.MainNav{padding-right:0;width:13em}}@media (max-width:600px){.MainNav{width:40%}}@media (max-width:480px){.MainNav{border-bottom:0;border-left:1px solid #3b8997;width:67%}}.MainNav-link{display:block;flex:1;padding-top:.95em;text-align:center;transition:opacity .15s linear}.no-flexbox .MainNav-link,.no-flexboxlegacy .MainNav-link,.no-flexboxtweener .MainNav-link{width:3em}.MainNav-link.active,.MainNav-link:focus,.MainNav-link:hover{border-bottom-width:.4rem;border-style:solid}.SecondaryNav{display:flex;font-size:1rem;line-height:1.25}.SecondaryNav-link{border-bottom:.4rem solid;color:#fff!important;flex:1;height:2.2em;line-height:1.5;margin:0 .1em;padding-top:.5em}.NavLink--bigger{flex:1.9;-webkit-box-flex:1}.no-flexbox .NavLink--bigger,.no-flexboxlegacy .NavLink--bigger,.no-flexboxtweener .NavLink--bigger{width:5em}.NavLink--bigger:before{position:relative;top:.05em;display:inline-block;width:1.7em}@media (max-width:800px){.NavLink--bigger{flex:1}}.NavLink--history{background-color:#ec7a3c}.NavLink--history.active,.NavLink--history:focus,.NavLink--history:hover{border-color:#e96620}@media (min-width:800px){.NavLink--history{font-size:.85em;line-height:1.6}}@media (max-width:800px) and (min-width:400px){.NavLink--history{overflow:hidden;white-space:nowrap}.NavLink--history:before{display:inline-block;margin-right:1em!important;text-align:center;width:100%}}@media (max-width:400px){.NavLink--history{font-size:.9em;line-height:1.6}}.NavLink--about{background-color:#b8b814}.NavLink--about.active,.NavLink--about:focus,.NavLink--about:hover{border-color:#9c9c11}@media (min-width:400px){.is-giflrApp .NavLink--about{overflow:hidden;white-space:nowrap}.is-giflrApp .NavLink--about:before{display:inline-block;margin-right:1em!important;text-align:center;width:100%}}@media (max-width:400px){.is-giflrApp .NavLink--about{flex:1.9;-webkit-box-flex:1;font-size:.9em;line-height:1.6}.no-flexbox .is-giflrApp .NavLink--about,.no-flexboxlegacy .is-giflrApp .NavLink--about,.no-flexboxtweener .is-giflrApp .NavLink--about{width:5em}.is-giflrApp .NavLink--about:before{position:relative;top:.05em;display:inline-block;width:1.7em}}@media (max-width:400px) and (max-width:800px){.is-giflrApp .NavLink--about{flex:1}}@media (max-width:800px){.gif .NavLink--about{overflow:hidden;white-space:nowrap}.gif .NavLink--about:before{display:inline-block;margin-right:1em!important;text-align:center;width:100%}}.NavLink--twitter{background-color:#00acf0;border-color:#00acf0}.NavLink--twitter:focus,.NavLink--twitter:hover{border-color:#0096d1}.NavLink--tumblr{background-color:#3e6084;border-color:#3e6084}.NavLink--tumblr:focus,.NavLink--tumblr:hover{border-color:#34516f}.NavLink--flattr{background-color:#f7ae1d;background-image:linear-gradient(-45deg,#80b832 47%,#f7ae1d 47.5%);background-origin:border-box;border-color:#f7ae1d}.NavLink--flattr:focus,.NavLink--flattr:hover{border-color:#eca009}.NavLink--pinterest{background-color:#df3038;border-color:#df3038}.NavLink--pinterest:focus,.NavLink--pinterest:hover{border-color:#cf2029}.InfoOverlay{background-color:hsla(0,0%,100%,.95);box-shadow:0 0 12em rgba(0,0,0,.15);display:none;height:65vh;min-height:450px;outline:0;position:absolute;top:130%;width:25em}.InfoOverlay:target{display:block}.InfoOverlay:before{position:absolute;top:-.5em;color:#fff;font-size:1.5em;height:.5em;overflow:hidden}@media (max-width:600px){.InfoOverlay{box-shadow:0 0 2.5em rgba(26,26,26,.5);height:auto;min-height:0;max-height:none;right:0;top:4em;width:100%}}.InfoOverlay a{color:#4d8e0b}.InfoOverlay em{font-style:italic}.InfoOverlay p{margin-bottom:1em}.InfoOverlay ol,.InfoOverlay ul{margin:-.5em 0 1em 1.5em}.InfoOverlay--about,.InfoOverlay--keyboardShortcuts{right:6em}@media (max-width:800px){.InfoOverlay--about,.InfoOverlay--keyboardShortcuts{right:3.2em}}@media (max-width:600px){.InfoOverlay--about,.InfoOverlay--keyboardShortcuts{right:0}}.InfoOverlay--about:before,.InfoOverlay--keyboardShortcuts:before{left:73%}.gif .InfoOverlay--about:before,.gif .InfoOverlay--keyboardShortcuts:before{left:64%}@media (max-width:600px){.InfoOverlay--about:before,.InfoOverlay--keyboardShortcuts:before{left:auto;right:25.5%}.gif .InfoOverlay--about:before,.gif .InfoOverlay--keyboardShortcuts:before{right:32.25%}}@media (max-width:480px){.InfoOverlay--about:before,.InfoOverlay--keyboardShortcuts:before{left:50%}.gif .InfoOverlay--about:before,.gif .InfoOverlay--keyboardShortcuts:before{left:39%}}@media (max-width:400px){.InfoOverlay--about:before,.InfoOverlay--keyboardShortcuts:before{left:80%;width:2em}.gif .InfoOverlay--about:before,.gif .InfoOverlay--keyboardShortcuts:before{left:40%}}.InfoOverlay--history,.InfoOverlay--keyboardShortcuts{height:auto;min-height:200px;max-height:65vh}.InfoOverlay--history{right:8.5em}.InfoOverlay--history:before{left:67%}@media (max-width:600px){.InfoOverlay--history:before{left:auto;right:33.5%}}@media (max-width:480px){.InfoOverlay--history:before{left:36.5%}}@media (max-width:400px){.InfoOverlay--history:before{left:46%}}@media (max-width:800px){.InfoOverlay--history{right:4.2em}}@media (max-width:600px){.InfoOverlay--history{right:0}}.InfoOverlay-contentContainer{box-shadow:0 0 0 1px #d9d9d9;color:#1a1a1a;font-size:.85em;height:100%;max-height:inherit;overflow:auto;padding:1em 1.75em}@media (min-height:900px){.InfoOverlay-contentContainer{font-size:.8em}}.InfoOverlay-content{background-color:#fff;border-color:#f2f2f2;border-bottom:1px #f2f2f2;border-style:solid;color:#000;margin:0 -1.75em;padding:.5em 1.7em;position:relative}.InfoOverlay-closeButton{position:absolute;top:0;right:.75em;color:inherit!important}.InfoOverlay-closeButton:before{display:inline-block;font-size:.75em;margin-right:.5em}.InfoOverlay-h1{font-size:3em;line-height:.9;margin:.2em 0}.InfoOverlay-h1:after{color:#f5993d;font-size:.7em;margin-left:.5em}.InfoOverlay-h2{font-weight:400;margin-top:.5em}.InfoOverlay-h2:before{color:#f5993d;font-size:.7em;margin-right:.5em}.InfoOverlay-formButton{color:#4d8e0b;float:right;margin:.5em 0 .5em .5em;text-transform:none}.InfoOverlay-formButton:before{margin:0 .5em}.InfoOverlay-formInput,.InfoOverlay-formTextarea{background-color:#f2f2f2;border:1px solid #a6a6a6;display:block;margin-top:.5em;padding:.5em .25em;width:100%}.InfoOverlay-formTextarea{min-height:4em;resize:vertical}.InfoOverlay-formReturnMessage{margin-top:.5em}.InfoOverlay-gifHistoryColumns{border-top:1px solid #f2f2f2;-moz-column-count:3;column-count:3;line-height:1.5;margin:1em 0!important;list-style:none;padding-top:1em}.InfoOverlay-gifHistoryColumns img{width:100%}.InfoOverlay-noGifsInHistory{border-top:1px solid #f2f2f2;margin:1em 0;padding-top:1em;text-align:center}.InfoOverlay-keyboardShortcut{display:flex;line-height:1.5;margin-bottom:.5em}.InfoOverlay-keyboardShortcut>dt{flex:1}.InfoOverlay-keyboardShortcut>dd{width:65%}.InfoOverlay-keyboardShortcutKey{background-color:#72b7da;border-radius:2px;box-shadow:0 2px 0 #429ecd;color:#fff;display:inline-block;font-family:inconsolata,monospace;padding:0 .3em}.LoadingGif--animatedGif{background-image:url(/images/loading/animated-gif.gif)}.LoadingGif--dancingGirl{background-image:url(/images/loading/dancing-girl.gif)}.LoadingGif--dancingMan{background-image:url(/images/loading/dancing-man.gif)}.LoadingGif--magic{background-image:url(/images/loading/magic.gif)}.LoadingGif--flyingDino{background-image:url(/images/loading/flying-dino.gif);background-size:100% auto}.LoadingGif--flowerbear{background-image:url(/images/loading/flowerbear.gif)}.LoadingGif--lion{background-image:url(/images/loading/lion.gif);background-size:100% auto}.LoadingGif--oldCar{background-image:url(/images/loading/old-car.gif);background-size:100% auto}.LoadingGif--pegasus{background-image:url(/images/loading/pegasus.gif)}.LoadingGif--silly{background-image:url(/images/loading/silly.gif);background-size:100% auto}.LoadingGif--walkingDino{background-image:url(/images/loading/walking-dino.gif);background-size:100% auto}.LoadingGif--worm{background-image:url(/images/loading/worm.gif);background-size:100% auto}html.is-login{height:100%}html.is-login body{display:flex}.LoginForm{margin:auto;max-width:100%;padding:0 1em;width:25em}.LoginForm:after{clear:both;content:"";display:table}.LoginForm a{color:#4d8e0b}.LoginForm-input{background-color:#fff;border:1px solid #a6a6a6;display:block;margin-top:.5em;padding:.5em .25em;width:100%}.LoginForm-button,.LoginForm-returnMessage{margin:.5em 0}.LoginForm-button{float:right}.LoginForm-returnMessage{float:left;font-size:.85em;line-height:2rem}.News{background-color:#ff9;border:1px solid hsla(0,0%,50.2%,.5);border-radius:.4em;display:none;font-size:.75em;padding:.5em;position:relative;top:-2.5em;z-index:5}@media (max-width:480px){.News{margin-bottom:0;margin-top:-1.5em;top:-1em}}.add-state .News{display:block}.News .updated-gif{position:absolute;top:-.5em;left:-1em;transform:rotate(-15deg)}.News a{border-bottom:0!important;text-decoration:underline}.Frame-button,.OverlayButton{background-color:rgba(18,18,18,.8);border-radius:.25rem;box-shadow:inset 0 0 1px 1px #292929;color:#dbdbdb;text-shadow:0 1px 0 #292929;transition:box-shadow .15s linear,opacity .2s linear,visibility 0s linear}.focus.Frame-button,.Frame-button:enabled:focus,.Frame-button:enabled:hover,.OverlayButton.focus,.OverlayButton:enabled:focus,.OverlayButton:enabled:hover{box-shadow:inset 0 0 3em 0 #333}.Frame-button:enabled:active,.OverlayButton:enabled:active{transform:translateY(1px)}.RightContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:55%;opacity:0;transform:translateX(45vw)}.no-vwtransform .RightContainer{left:45%;position:relative;transform:none}@media (min-width:801px) and (max-width:1100px){.RightContainer{transform:translateX(51vw)}.no-vwtransform .RightContainer{left:51%;transform:none}}@media (max-width:800px){.RightContainer{display:block;left:0;transform:none!important;text-align:center}.no-touchevents .RightContainer{padding-bottom:2em}.no-vwtransform .RightContainer{left:0}}.add-state .RightContainer{transition:none}@media (min-width:801px){.add-state .RightContainer{opacity:.45}}.edit-state .RightContainer{opacity:1;transform:translateX(0)}.no-vwtransform .edit-state .RightContainer{left:0;transform:none}.save-state .RightContainer{opacity:1;transform:translateX(-7.5vw)}.no-vwtransform .save-state .RightContainer{left:0;transform:none}.Frame-button,.OverlayButton{line-height:1.65}.playing .Frame-button,.playing .OverlayButton{opacity:0;transition-delay:0s,0s,.2s;transition-duration:.2s,.2s,0s;transition-property:box-shadow,opacity,visibility;transition-timing-function:linear;visibility:hidden}.GifPreview{box-shadow:0 0 0 1px grey,0 0 0 5px #fff,0 0 0 6px #000;display:inline-block;margin:6px .75em 6px 0;max-width:95%;position:relative}@media (max-width:800px){.GifPreview{max-width:84%}.edit-state .GifPreview,.save-state .GifPreview{margin:2.5em 0 0}}@media (max-width:600px){.GifPreview{margin-bottom:0}}.GifPreview .canvas-container{height:auto!important;width:auto!important}.playing .GifPreview:hover .GifPreview-playButton,.touchevents .playing .GifPreview-playButton{opacity:1;transition-duration:.2s,.2s,0s;transition-property:box-shadow,opacity,visibility;transition-timing-function:linear;visibility:visible}.GifPreview-blocker{position:absolute;top:0;right:0;bottom:0;left:0}.editing .GifPreview-imageControls,.editing .GifPreview-playControls,.painting .GifPreview-imageControls,.painting .GifPreview-playControls,.save-state .GifPreview-imageControls,.save-state .GifPreview-playControls,.writing .GifPreview-imageControls,.writing .GifPreview-playControls{opacity:0;transition-delay:0s,0s,.2s;transition-duration:.2s,.2s,0s;transition-property:box-shadow,opacity,visibility;transition-timing-function:linear;visibility:hidden}.GifPreview-info{color:grey;font-family:inconsolata,monospace;font-size:.75em;position:absolute;bottom:100%;left:0;padding-bottom:1rem;text-align:center;width:100%}.GifPreview-info a{text-decoration:underline}.GifPreview-urlInput{border-color:grey;display:inline-block;max-width:65%;margin-top:.2em;padding:.15em .2em;width:15em}.GifPreview-imageControls{padding:0 .5em;position:absolute;top:.5em;text-align:right;width:100%}.GifPreview-timing{display:inline-block;padding:0 .35em;position:relative;width:4.1em}.GifPreview-timing-span,.GifPreview-timing:before{float:left;line-height:1.65;margin-right:.2em;opacity:.75}.GifPreview-timing-input{background:none;border:0;color:inherit;display:block;height:100%;padding:0 .35em 0 2em;position:absolute;text-align:center;width:3.8em}.GifPreview-button{vertical-align:top}.GifPreview-button--remove,.GifPreview-button--rotate{height:2rem;width:2rem}.GifPreview-button--remove:before,.GifPreview-button--rotate:before{line-height:2.1}.GifPreview-button--remove{color:#e73727;margin-left:.5rem}.GifPreview-button--rotate{float:left;margin-right:.5em}.GifPreview-playControls{position:absolute;bottom:1rem;left:50%;align-items:center;display:flex;margin-left:-5.125em}.GifPreview-nextButton,.GifPreview-playButton,.GifPreview-previousButton{line-height:.9}.GifPreview-nextButton,.GifPreview-previousButton{font-size:1.7em;height:2.375rem;margin:0 .1875rem;width:2.5rem}.GifPreview-playButton{font-size:2.55em;height:3.4375rem;width:3.75rem}.GifPreview-canvas{height:auto!important;margin:0;max-height:53vh;max-width:100%;width:auto!important}.GifPreview-canvas.lower-canvas{position:static!important}@media (max-width:800px){.GifPreview-canvas{max-height:80vh}}.GifPreview-canvas--edit{cursor:pointer;display:none;position:absolute;top:0;left:0}.erasing .GifPreview-canvas--edit,.painting .GifPreview-canvas--edit{display:block;max-height:100%}.done .GifPreview-canvas--preview{visibility:hidden}.GifPreview-cookedGifImg{display:none;height:100%;position:absolute;top:0;left:0;width:auto}.save-state.done .GifPreview-cookedGifImg{display:block}.GifPreview-loadingGif{background-color:hsla(0,0%,90.2%,.5);background-position:50%;background-repeat:no-repeat;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s linear;visibility:hidden}.save-state .GifPreview-loadingGif{opacity:1;visibility:visible}.save-state.done .GifPreview-loadingGif{opacity:0;visibility:hidden}.GifPreview-loadingGifText{color:#404040;font-family:inconsolata,monospace;text-align:center;position:absolute;bottom:-3.2em;width:100%}.SaveOrShareGif{font-family:inconsolata,monospace;opacity:0;padding-top:1em;transition:opacity .4s linear;visibility:hidden}.done .SaveOrShareGif,.gif .SaveOrShareGif{opacity:1;visibility:visible}.gif .SaveOrShareGif{line-height:3}@media (max-width:800px){.SaveOrShareGif{height:4em}}@media (max-width:600px){.SaveOrShareGif{font-size:.85em;height:6.5em;margin:.5em 0}}.SaveOrShareGif-info{font-size:.9em;margin:0 auto;width:90%}.SaveOrShareGif-btn{border-radius:3px;color:#f5f5f5;display:inline-block;padding:.25em .5em;vertical-align:middle;text-transform:none}.SaveOrShareGif-btn:before{position:relative;top:.05em;margin-right:.5em}.SaveOrShareGif-btn--pin,.SaveOrShareGif-btn--save{font-size:1.25em}.SaveOrShareGif-btn--save{width:2.5em}.SaveOrShareGif-btn--pin{background-color:#df3038;letter-spacing:-1px}.SaveOrShareGif-rightClick{color:#404040;display:block;text-align:center}.SaveOrShareGif-btn--makeYourOwn,.SaveOrShareGif-btn--remake{line-height:1.2}.SaveOrShareGif-btn--remake{background-color:#8a75f0;border:1px solid #6d56e1}.SaveOrShareGif-btn--makeYourOwn{background-color:#26d980;border:1px solid #2aa769;color:#404040;margin-left:0}.SelectWrapper{position:relative}.SelectWrapper:before{position:absolute;top:0;right:.1em;bottom:0;font-size:1rem;line-height:2rem;pointer-events:none;z-index:2}.-moz- .SelectWrapper:before{content:""}.SelectWrapper>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2rem;line-height:100%;padding:0 .6em 0 .35em;position:relative;text-indent:1px;text-overflow:""}.Slider{border-radius:3px;border-width:1px;cursor:auto;display:flex;font-size:1rem}.Slider>div{flex:1;margin-top:.9em;width:100%}.-moz- .Slider>div{margin-top:0}.Slider>output{text-align:center;width:5em}@media (max-width:600px){.Slider--globalTiming{max-width:none}}input[type=range]{-webkit-appearance:none!important;background:#c4c4c4;height:2px;border:0;margin:0 2.5%;width:95%}.-moz- input[type=range]{background:none;height:100%}input[type=range]::-moz-range-track{-webkit-appearance:none!important;background:#c4c4c4;border:0;height:2px}input[type=range]::-moz-range-thumb{-webkit-appearance:none!important;background:#404040;border:0}.no-touchevents input[type=range]::-moz-range-thumb{border-radius:10px;height:10px;width:10px}.touchevents input[type=range]::-moz-range-thumb{border-radius:20px;height:20px;width:20px}input[type=range]::-ms-track{color:transparent;-webkit-appearance:none!important;background:#c4c4c4;border:0;height:2px}input[type=range]::-ms-thumb{-webkit-appearance:none!important;background:#404040;border:0}.no-touchevents input[type=range]::-ms-thumb{border-radius:10px;height:10px;width:10px}.touchevents input[type=range]::-ms-thumb{border-radius:20px;height:20px;width:20px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;background:#404040;border:0}.no-touchevents input[type=range]::-webkit-slider-thumb{border-radius:10px;height:10px;width:10px}.touchevents input[type=range]::-webkit-slider-thumb{border-radius:20px;height:20px;width:20px}input[type=range]:active::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{background:#3bf}input[type=range]:active::-ms-thumb,input[type=range]:focus::-ms-thumb{background:#3bf}input[type=range]:active::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{background:#3bf}.AppState{border-bottom:1px solid #4fdb33;display:flex;font-size:1em;height:3em;justify-content:center;line-height:2;padding:0 1em}@media (max-width:600px){.AppState{padding:0}}@media (max-width:480px){.AppState{background-color:#fff;border-top:1px solid #3b8997;clear:both;padding:0 1.5em}.gif .AppState{display:none}}.add-state .AppState{border-bottom-color:#4fdb33}.edit-state .AppState{border-bottom-color:#e64dcc}.save-state .AppState{border-bottom-color:#765eed}.State{color:#666;cursor:default;line-height:3;padding:0 1em;position:relative;text-align:center;transition-delay:.1s;transition-property:background-image,color,opacity;transition-timing-function:linear}.State.is-active{color:#1a1a1a}.State.is-active:before{opacity:1}.State:before{display:inline-block;font-size:1.25em;float:left;font-weight:900;line-height:2.3;margin-right:.35em;width:1.2em}@media (max-width:1050px){.State{flex:1;overflow:hidden;white-space:nowrap;width:1em}.State:before{display:inline-block;margin-right:1em!important;text-align:center;width:100%;float:none}}.State--add.is-active{background-image:repeating-linear-gradient(16deg,transparent,transparent 5%,#87e774 0,#87e774 6%)}.State--add.is-active:before{color:#4fdb33}.State--edit.is-active{background-image:repeating-linear-gradient(16deg,transparent,transparent 5%,#f9d2f2 0,#f9d2f2 6%)}.State--edit.is-active:before{color:#e64dcc}.State--save.is-active{background-image:repeating-linear-gradient(16deg,transparent,transparent 5%,#b1a3f5 0,#b1a3f5 6%)}.State--save.is-active:before{color:#765eed}.State-border{position:absolute;bottom:0;left:0;height:.25em;opacity:0;transition:opacity .2s linear}.is-active .State-border{opacity:1}.State-border--add{background-color:#4fdb33}.is-active .State-border--add{width:100%}.State-border--edit{background-color:#e64dcc;opacity:1;transition-property:opacity,width;transition-duration:.2s,.1s}.is-active .State-border--edit{width:100%}.save-state .State-border--edit{opacity:0}.State-border--save{background-color:#765eed}.is-active .State-border--save{transition:width .1s linear}.Timeline{background-attachment:local,scroll;background-position:100%;background-repeat:no-repeat;background-size:10em 100%,10em 100%;color:#262626;opacity:0;overflow:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:.625em 2em .32em .6875em;white-space:nowrap;width:100%}@media (max-height:800px){.Timeline{font-size:.875em}}.add-state .Timeline{visibility:hidden}.edit-state .Timeline{opacity:1;visibility:visible}.save-state .Timeline{opacity:.45}.Frame{border:1px solid hsla(0,0%,100%,.5);box-shadow:0 1px 1px rgba(0,0,0,.5);display:inline-block;height:8em;margin-right:.625em;overflow:hidden;position:relative;transition:border-color .15s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Frame.is-enabled{cursor:pointer}.no-touchevents .Frame.is-enabled:hover>button{visibility:visible}.Frame.is-current{box-shadow:0 0 0 2px #fff,0 0 0 3px #404040,0 3px 2px rgba(0,0,0,.5);transition:box-shadow .1s linear}.playing .Frame.is-current{transition:none}.Frame:first-child>.Frame-button--moveLeft,.Frame:nth-last-child(2)>.Frame-button--moveRight{display:none}.Frame-canvas{height:8em!important;width:auto!important}.Frame-button{font-size:1.1em;line-height:2;visibility:hidden;width:1.75rem}.Frame-button:focus,.is-current .Frame-button{visibility:visible}.playing .is-current .Frame-button{visibility:hidden}.Frame-button--remove{position:absolute;top:.3125em;right:.3125em;color:#e73727;height:1.875rem}.Frame-button--duplicate{position:absolute;top:.3125em;left:.3125em;height:1.875rem}.Frame-button--moveLeft,.Frame-button--moveRight{height:1.75rem;line-height:2;margin-top:-.9em;position:absolute;top:50%}@media (max-width:400px){.Frame-button--moveLeft,.Frame-button--moveRight{bottom:.2em;top:auto}}.Frame-button--moveLeft{left:.3125em}.Frame-button--moveRight{right:.3125em}.Frame-index{position:absolute;top:0;right:0;bottom:0;left:0;vertical-align:middle;background-color:rgba(0,0,0,.5);color:#fff;font-size:3em;opacity:0;padding-left:.5em;text-align:center;transition:opacity .1s linear,visibility 0 linear .1s;visibility:hidden}.Frame-index:before{content:"";display:inline-block;height:100%;margin-right:-.5em;vertical-align:middle}.is-showingArrayIndexes .Frame-index{opacity:1;visibility:visible;transition:opacity .1s linear,visibility 0 linear 0}.ToolControls{font-size:.85em;height:0;margin:0 auto;max-width:92%;padding-top:.5rem;text-align:center;width:27rem}.ToolControls:after{clear:both;content:"";display:table}.ToolControls-btns,.ToolControls-close{display:block;text-align:center}.ToolControls-container{display:inline-block;margin-bottom:.5em;vertical-align:top}.ToolControls-container:after{clear:both;content:"";display:table}@media (max-width:600px){.ToolControls-container{margin:0 -.1em .4em}}.ToolControls-btn{line-height:2rem;margin-bottom:.5em;padding:0 .5em}.ToolControls-input{line-height:1;margin-bottom:.5em;padding:0 .5em}.ToolControls-input--textTool{border-radius:1px;transition:background-color .2s linear}.ToolControls-input--textTool.is-empty{background-color:#fafa9e}@media (max-width:600px){.ToolControls-input--textTool{margin-right:0;width:9em}}.ToolControls-input--textSize{text-align:center;width:3.5em}.ToolControls-label{float:left;margin-bottom:.5em;text-align:left;width:6em}@media (max-width:600px){.ToolControls-label{display:none}}.ToolControls-frameRange{display:inline-block;float:none;width:auto}.ToolControls-frameRange-input{display:inline-block;padding:.2em;width:6em}.ToolControls-frameRange-input.error{border-color:#e73727}.ToolControls-deleteObject{color:#e73727;width:3em}.-moz- .ToolControls-deleteObject{padding:0}.-moz- .ToolControls-deleteObject:before{text-align:left;padding:0 .75em;width:inherit}.ToolControls-info{display:block;font-size:.75rem;line-height:1.2;margin-bottom:.5em;opacity:.55}.ToolControls-slider{float:left;width:9em}.ToolControls-brushColor{height:2em;min-width:8em;position:relative}@media (max-width:600px){.ToolControls-brushColor{min-width:4em}}.ToolControls-select{display:block;max-width:7.5em;padding-right:.9em}.ToolControls-addText{transition:background-color .2s linear}.ToolControls-addText:enabled{background-color:#fafa9e}.Tooltip{background-color:#383838;border:1px solid #9c9c9c;box-shadow:0 0 0 1px #383838;color:#fff;font-size:.75em;opacity:0;padding:.45em;pointer-events:none;position:absolute;top:0;left:0;transform:translateY(-.5em);transition-delay:0,.15s;transition-duration:.15s;transition-property:opacity,visibility;transition-timing-function:linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}.Tooltip.visible{opacity:1;transition-delay:0;visibility:visible}.Tooltip:before{position:absolute;bottom:-.4em;left:50%;color:#383838;font-size:1.5em;height:.8em;margin-left:-.5em;overflow:hidden}.Tooltip.down{transform:translateY(.5em)}.Tooltip.down:before{position:absolute;top:-.65em;bottom:auto;left:50%}@-webkit-keyframes slide-in-warning{0%{opacity:0;visibility:hidden;transform:translateY(-100%)}1%{visibility:visible}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-warning{0%{opacity:0;visibility:hidden;transform:translateY(-100%)}1%{visibility:visible}to{opacity:1;transform:translateY(0)}}.WarningBox{position:absolute;top:0;left:50%;background-color:rgba(26,26,26,.95);border-radius:0 0 .25em .25em;border:1px solid rgba(0,0,0,.8);color:#f5f5f5;cursor:default;margin-left:-14.0625em;padding:1.25em 1em .75em;visibility:hidden;width:28.125em;z-index:100}@media (max-width:600px){.WarningBox{margin-left:0;left:0;width:100%}}.WarningBox.fatal{background-color:#0040ff;border-color:#002080;font-family:inconsolata,monospace}.WarningBox.benign{background-color:hsla(0,0%,96.9%,.95);border-color:grey;color:#404040}.WarningBox.focus{-webkit-animation:slide-in-warning .2s cubic-bezier(.65,0,.75,.5) normal;animation:slide-in-warning .2s cubic-bezier(.65,0,.75,.5) normal;opacity:1;visibility:visible}.WarningBox a{text-decoration:underline}.fatal .WarningBox-closeBtn,.fatal .WarningBox-heading{color:inherit}.WarningBox-heading{color:#f53d3d;margin-bottom:.5em}.benign .WarningBox-heading{color:#c60}.WarningBox-closeBtn{color:grey;font-size:.75em;position:absolute;top:.1875em;right:.75em;text-shadow:0 1px 0 rgba(0,0,0,.5);text-transform:lowercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.WarningBox-closeBtn:before{font-size:.7em;margin-right:.5em}.benign .WarningBox-closeBtn{text-shadow:none}.WebcamView{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(64,64,64,.5);display:block;opacity:0;transition-delay:0s,.4s;transition-duration:.4s,0s;transition-property:opacity,visibility;visibility:hidden;z-index:100}.recording-webcam .WebcamView{opacity:1;transition-delay:0s;visibility:visible}.Frame-image{height:100%;width:auto}.-moz- .Frame-image{margin-right:-.2em}.WebcamView-content{position:absolute;top:0;right:2em;left:2em;background-color:#f0f0f0;box-shadow:0 0 1.5em rgba(64,64,64,.6);padding:2em;transform:translateY(-100%);transition:transform .4s cubic-bezier(.9,0,.4,.5)}@media (max-width:600px){.WebcamView-content{left:0;padding:1.5em 1em;right:0}}.recording-webcam .WebcamView-content{transform:translateY(0)}.WebcamView-closeBtn{position:absolute;top:1em;right:1em;box-sizing:content-box;font-size:1.5em;line-height:1;opacity:.5;padding:.2em;transition:opacity .2s linear;width:1em}.WebcamView-closeBtn:hover{opacity:1}@media (max-width:600px){.WebcamView-closeBtn{right:.5em;top:.5em}}.WebcamView-noWebcam,.WebcamView-video{margin:2rem auto;text-align:center}@media (max-height:600px){.WebcamView-noWebcam,.WebcamView-video{margin-bottom:1rem}}.WebcamView-video{box-shadow:0 0 0 1px grey,0 0 0 5px #fff,0 0 0 6px #000;display:block;height:auto;max-height:50vh;max-width:90%;width:auto}.WebcamView-noWebcam{opacity:.9}.WebcamView-capturedImages{margin-top:2em;overflow:auto;white-space:nowrap}@media (max-height:600px){.WebcamView-capturedImages{margin-top:1em}}.WebcamView-btns{font-family:inconsolata,monospace;text-align:center}.WebcamView-btn{height:auto;margin:0 .2em .5em;padding:.5em;text-transform:none}.WebcamView-btn--addToGiflr:enabled:before{color:#70e236}.WebcamView-btn--recordPics{color:#e73727}.WebcamView-btn--recordPics,.WebcamView-btn--takePicture{width:2.6em}*{border:0;box-sizing:border-box;color:inherit;font:inherit;margin:0;padding:0}.TopContainer{display:flex;flex:1;overflow-x:hidden;position:relative}@media (max-width:800px){.TopContainer{display:block;overflow:hidden}.edit-state .TopContainer,.save-state .TopContainer{max-height:none;overflow:auto}}@media (max-width:600px){.TopContainer{max-height:36em}}.AddState,.EditState{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.EditState{justify-content:center}@media (max-width:800px){.EditState{flex-direction:column-reverse;position:static}}.Panel{transition-duration:.4s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.9,0,.4,.5),cubic-bezier(.9,0,.4,.5),linear}.no-vwtransform .Panel{transition-property:transform,opacity,left}.VerticalSeparator{display:inline-block;border-left:1px solid rgba(0,0,0,.1);line-height:2;margin:0 .5em}.VerticalSeparator:before{content:"";display:inline-block}.emojione{display:inline-block;font-size:inherit;height:3ex;line-height:normal;margin:-.2ex .15em .2ex;min-height:20px;min-width:20px;vertical-align:middle;width:3.1ex}.emojioneimg{width:auto}canvas,output{display:block}a{color:inherit;text-decoration:none}abbr,button{border:0}button{background:none;color:inherit;cursor:pointer;font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button::-moz-focus-inner{border:0}body,html{height:100%;min-height:630px}@media (max-width:800px){body,html{height:auto;min-height:100%}body.gif,html.gif{height:100%;min-height:630px}}body{background-color:#f0f0f0;display:flex;flex-direction:column;position:relative}body.is-konami{background-image:url(/images/konami.gif)}html{font:16px/1.3 proxima-nova,Arial,sans-serif}@media (min-height:900px){html{font-size:18px}}em{font-style:italic}h1{font-size:1.45em}h2{font-size:2em;font-weight:700}input,textarea{border-style:solid;border-width:1px;display:block;font:1em/1 inherit,proxima-nova,Arial,sans-serif;outline:0;text-shadow:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,textarea[type=number]::-webkit-inner-spin-button,textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.7}input::-moz-placeholder,textarea::-moz-placeholder{color:inherit;opacity:.7}input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{opacity:.35}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{opacity:.35}label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}strong{font-weight:700}