:root{--fz:16px;--theme--contrast-0:#121212;--theme-body-bg:#18061f;--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;--brand-color_7:#5d33ff;--brand-color_8:#8c6fff;--brand-color_9:#4e36ad}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#000;font-size:26px;font-weight:light;text-decoration:none}ul{list-style:none;margin:0;padding:0}button{color:grey;font-size:large;font-style:normal}*{font-family:Courier New,Courier,monospace}.App{text-align:center}.App-title{color:#fff;font-size:xx-large;font-weight:200;margin-bottom:2%;margin-top:40px}.App-content{background-color:var(--brand-color_8);color:#000;font-size:calc(10px + 2vmin);min-height:100vh;padding:16px;text-align:left}.App-content,.App-logo-container{display:flex;flex-direction:column}.App-logo-container{align-items:center;justify-content:center;margin-bottom:20px;margin-top:20px}.App-logo-title{color:var(--brand-color_9);font-size:40px;font-weight:600}@media screen and (max-width:428px){body{background-color:var(--brand-color_8)}.App-logo-title{font-size:30px}}.App-logo-img{height:100px}.login-container{align-items:center;border-top:1px solid var(--brand-color_9);display:flex;flex-direction:column;margin-top:85px}.btn{font-size:2rem}.btn[disabled]{opacity:.3;pointer-events:none}.Gif{align-items:center;border-color:#5d33ff;border-radius:1px;border-style:double;display:flex;justify-content:center;margin-bottom:10px;position:relative}.Gif:hover{box-shadow:0 0 10px hsla(0,0%,100%,.95)}.Gif-link{color:#5d33ff;display:block;position:relative;text-decoration:none;width:100%}.Gif-buttons{position:absolute;right:8px;top:8px;z-index:1}.Gif h4{background-color:beige;border-color:#5d33ff;border-radius:1px;border-style:dashed;bottom:0;font-size:small;margin:0;position:absolute}.Gif img{box-shadow:0 0 10px rgba(0,0,0,.75);object-fit:contain;vertical-align:top;width:100%}.Gif-detail-header{border-top:1px solid var(--brand-color_9);margin-bottom:50px;margin-left:-50px;margin-right:-50px}.Gif-detail-container{display:block;margin:50px;padding-top:20px}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:20}.modal-content{background:var(--brand-color_8);border-radius:4px;height:260px;margin:30vh auto;padding:10px 20px;position:relative;width:300px}.modal-content .btn{border:none;border-radius:30px;margin-bottom:32px;padding:4px}.modal-content .btn,.modal-content .btn-close{background-color:var(--brand-color_9);color:#fff;cursor:pointer;display:block;transition:box-shadow .15s}.modal-content .btn-close{border:none;border-radius:40px;font-size:20px;margin-bottom:25px;margin-left:-8px;margin-top:2px;padding-bottom:4px}.btn-close:hover,.modal-content .btn:hover{box-shadow:0 0 5px #fff}.form input{width:100%}.gf-Fav{align-items:center;background:#ab96ff;border:0;border-radius:200px;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .08s ease;width:35px}.gf-Fav:hover{box-shadow:0 0 10px hsla(0,100%,72%,.95);opacity:.85}.gf-Fav span{align-items:center;display:flex;justify-content:center}.ListOfGifs{grid-gap:0 16px;align-items:center;display:grid;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:masonry;margin-left:20px;margin-right:20px;min-height:100vh}.ListOfGifs-item{background-color:#eee;display:inline-block;width:100%}@media (min-width:600px){:root{--results-columns:3}}@media (min-width:800px){:root{--results-columns:4}}.search-form{border-bottom:1px solid var(--brand-color_9);display:flex;justify-content:center;padding-bottom:45px;scale:1}.input-search{border:2px solid var(--brand-color_9);border-bottom-left-radius:28px;border-bottom-right-radius:0;border-top-left-radius:28px;border-top-right-radius:0;font-size:14px;line-height:30px;margin-right:-2px;padding-left:15px}.input-search:focus{outline:none}.select-rate{border:2px solid var(--brand-color_9);border-radius:0;cursor:pointer;font-size:14px;margin-right:-3px;width:75px}.select-rate:focus{outline:none}@media screen and (max-width:428px){.input-search,.select-rate{font-size:12px}}.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)}}.form{display:flex;flex-direction:column;justify-content:center;max-width:320px;width:100%}.form label{display:block;font-size:14px;margin-bottom:4px}.form input{background:#fff;font-size:16px;line-height:2;margin-bottom:16px;margin-top:4px;padding:0 8px;width:94%}.form .btn,.form input{border:none;display:block}.form .btn{background-color:var(--brand-color_9);border-radius:30px;color:#fff;cursor:pointer;margin-bottom:32px;padding:4px;transition:box-shadow .15s}.form .btn:hover{box-shadow:0 0 5px #fff}.form small,.form-error{color:red;display:block;font-size:12px;margin-top:-12px}.form input.error{border:3px solid red}.form .input-label,.form .input-pwd-label{margin-bottom:0}.form .input-pwd-label{margin-top:3px}.gf-header{display:flex;justify-content:flex-end}.gf-header a,.gf-header button{color:#fff;font-size:16px;font-weight:600}.gf-header button{background:none;border:none;cursor:pointer;margin:0 22px}.gf-header a:hover,.gf-header button:hover{text-decoration:underline}.gf-header a+a{margin:0 22px}
/*# sourceMappingURL=main.026a7578.css.map*/