:root{--fz:16px;--theme--contrast-0:#121212;--theme-body-bg:#8528aa;--theme-body-txt:#f3f3f3;--search-size-mx-h:3rem;--zIndex-header:20;--zIndex-component:5;--brand-color_1:#0f9;--brand-color_2:#0cf;--brand-color_3:#93f;--brand-color_4:tomato;--brand-color_5:#fff35c;--brand-color_6:#8429de}html{box-sizing:border-box;font-size:1rem}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#8528aa;background-color:var(--theme-body-bg);color:#f3f3f3;color:var(--theme-body-txt);font-family:Manrope,sans-serif;font-size:16px;font-size:var(--fz);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background:#09f;border:0;border-radius:10px 0 0 10px;color:#fff;font-size:16px;padding:8px 16px}form{display:flex;justify-content:center;margin:0 auto 30px}input[type=text]{border:none;border-radius:0 10px 10px 0;font-size:16px;padding:4px 16px}a{color:#09f;font-size:32px;text-decoration:none}ul{list-style:none;margin:0;padding:0}.o-header{background-color:inherit;max-height:3rem;max-height:var(--search-size-mx-h);position:-webkit-sticky;position:sticky;top:0;z-index:20;z-index:var(--zIndex-header)}.App{text-align:center}.App-logo{cursor:pointer;margin:10px auto;width:70px}.App-logo img{object-fit:cover;width:100%}.App-title{color:var(--theme-body-txt);margin-top:.6rem}.App-content{background-color:var(--theme-body-bg);color:var(--theme-body-txt);font-size:calc(10px + 2vmin);min-height:100vh;padding:16px;text-align:left}.App-content,.App-main{display:flex;flex-direction:column}.App-main{align-items:flex-start}.App-wrapper{margin:0 auto;max-width:90rem;padding:0 .5em;width:100%}.App-results{flex-shrink:2;width:100%}.App-category{margin-bottom:25px;width:100%}@media screen and (min-width:55rem){.App-main{flex-direction:row}.App-category{max-width:300px;position:-webkit-sticky;position:sticky;top:var(--search-size-mx-h);width:40%}}.btn{background-color:var(--brand-color_3);border:1px solid transparent;color:var(--theme-body-txt);cursor:pointer;font-size:1rem;padding:.5rem 1rem}.btn[disabled]{opacity:.3;pointer-events:none}.btn:hover{background-color:var(--brand-color_6)}.lds-ring{align-items:center;display:flex;height:37px;justify-content:center;margin:0 auto;padding-top:15px;text-align:center}.lds-ring div{-webkit-animation:bouncer .75s cubic-bezier(.455,.03,.515,.955) 0s infinite alternate none running;animation:bouncer .75s cubic-bezier(.455,.03,.515,.955) 0s infinite alternate none running;box-shadow:0 0 20px rgba(0,0,0,.3);display:inline-block;height:10px;margin:37px 10px 10px;position:relative;width:10px}.lds-ring div:nth-child(5n+1){background-color:var(--brand-color_1)}.lds-ring div:nth-child(5n+2){-webkit-animation-delay:.1s;animation-delay:.1s;background-color:var(--brand-color_2)}.lds-ring div:nth-child(5n+3){-webkit-animation-delay:.2s;animation-delay:.2s;background-color:var(--brand-color_3)}.lds-ring div:nth-child(5n+4){-webkit-animation-delay:.2s;animation-delay:.2s;background-color:var(--brand-color_4)}.lds-ring div:nth-child(5n+5){-webkit-animation-delay:.4s;animation-delay:.4s;background-color:var(--brand-color_5)}@-webkit-keyframes bouncer{to{-webkit-transform:scale(1.75) translateY(-20px);transform:scale(1.75) translateY(-20px)}}@keyframes bouncer{to{-webkit-transform:scale(1.75) translateY(-20px);transform:scale(1.75) translateY(-20px)}}.Gif{--gifShadow-size:var(--gridList-gap,6px);margin-bottom:.5em;position:relative}.Gif-buttons{position:absolute;right:8px;top:8px;z-index:1}.Gif-link{color:#000;display:block;position:relative;text-decoration:none;width:100%}.Gif h4{background:rgba(0,0,0,.3);bottom:0;color:#fff;font-size:12px;margin:0;position:absolute}.Gif img{object-fit:contain;vertical-align:top;width:100%}i{font-size:80px}.Gif{margin-bottom:0}.Gif,.Gif-link{height:100%}.Gif-link img{height:inherit;object-fit:cover}.Gif:nth-child(5n+1) img{background-color:var(--brand-color_1)}.Gif:nth-child(5n+2) img{background-color:var(--brand-color_2)}.Gif:nth-child(5n+3) img{background-color:var(--brand-color_3)}.Gif:nth-child(5n+4) img{background-color:var(--brand-color_4)}.Gif:nth-child(5n+5) img{background-color:var(--brand-color_5)}.Gif:hover:nth-child(5n+1){box-shadow:0 0 0 var(--gifShadow-size) var(--brand-color_1)}.Gif:hover:nth-child(5n+2){box-shadow:0 0 0 var(--gifShadow-size) var(--brand-color_2)}.Gif:hover:nth-child(5n+3){box-shadow:0 0 0 var(--gifShadow-size) var(--brand-color_3)}.Gif:hover:nth-child(5n+4){box-shadow:0 0 0 var(--gifShadow-size) var(--brand-color_4)}.Gif:hover:nth-child(5n+5){box-shadow:0 0 0 var(--gifShadow-size) var(--brand-color_5)}.Gif:hover:nth-child(5n+1) h4{background-color:var(--brand-color_1);color:var(--theme-body-bg)}.Gif:hover:nth-child(5n+2) h4{background-color:var(--brand-color_2);color:var(--theme-body-bg)}.Gif:hover:nth-child(5n+3) h4{background-color:var(--brand-color_3);color:#fff}.Gif:hover:nth-child(5n+4) h4{background-color:var(--brand-color_4);color:#fff}.Gif:hover:nth-child(5n+5) h4{background-color:var(--brand-color_5);color:var(--theme-body-bg)}.Gif:nth-child(11n+1){grid-column:span 2;grid-row:span 2}.Gif:nth-child(8n+1){grid-column-end:span 2;grid-row-end:span 2}.Gif:nth-child(10n+3){grid-column:span 2;grid-row:span 1}@media screen and (max-width:45rem){.Gif:nth-child(10n+3),.Gif:nth-child(11n+1),.Gif:nth-child(8n+1){grid-column:span 1;grid-row:span 1}}:root{--gridList-column:250px;--gridList-rows:250px;--gridList-gap:6px}.ListOfGifs{grid-gap:6px;grid-gap:var(--gridList-gap,6px);align-items:center;display:grid;gap:6px;gap:var(--gridList-gap,6px);grid-auto-flow:row dense;grid-auto-rows:250px;grid-auto-rows:var(--gridList-rows);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--gridList-column),1fr));grid-template-rows:masonry;min-height:100vh}@media screen and (min-width:37.5rem){:root{--gridList-column:180px;--gridList-rows:200px}}@media screen and (min-width:60rem){:root{--gridList-column:300px;--gridList-rows:210px}}
/*# sourceMappingURL=main.cc71a601.css.map*/