:root{-webkit-text-size-adjust:100%;background-color:#282c34;color:hsla(0,0%,100%,.87);color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;margin:0 auto;max-width:1280px;text-align:center;text-rendering:optimizeLegibility}:root,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;min-width:320px}*,body{margin:0}*{box-sizing:border-box;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gif{border-radius:6px;display:flex;flex-direction:column;height:220px;justify-content:space-between;min-width:100px;overflow:hidden;position:relative;transition:all .4s ease-in-out;width:190px}.gif:hover{cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.gif video{min-width:100%;object-fit:cover;object-position:center;transition:all .3s ease-in-out}.gif:hover video{-webkit-transform:scale(1.2);transform:scale(1.2)}.gif p{align-items:center;background:linear-gradient(0deg,#747bff85 0,#747bff00);bottom:0;color:#eee;display:flex;font-size:14px;font-weight:400;justify-content:space-evenly;left:0;min-height:50px;padding:4px;position:absolute;text-transform:capitalize;transition:all .4s ease;width:100%}.gif:hover p{background:linear-gradient(0deg,#747bff 0,#747bffdc);-webkit-filter:brightness(1);filter:brightness(1)}.gif>.icon-open{bottom:10px;display:none;height:32px;position:absolute;right:0;transition:all .3s ease-in-out;width:32px;z-index:2}.gif:hover .icon-open{display:block}.icon-open path{transition:all .3s ease-in-out}.icon-open:hover path{stroke:#fff;fill:#b43d0e;-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:448px){.gif{height:60%;margin:0 auto;width:90%}.gif>.icon-open{right:20px}}.gif-detail{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%}.title-detail{font-size:1.5rem;font-weight:400;text-transform:uppercase}.video-container:hover{cursor:pointer}.video-detail{height:550px;margin:2rem auto 0;object-fit:contain;object-position:top;width:90%}.error{align-items:center;background-color:var(--bg-error);color:var(--color-error);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;max-width:768px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.error-spinner{-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;border:10px solid rgba(0,0,0,.1);border-left:10px solid var(--border-color-error);border-radius:50%;display:inline-block;height:11%;margin-top:1rem;position:absolute;width:10%}img{object-fit:cover;width:100%}.ListOfGifs-title{font-weight:300;margin-bottom:-2rem;-webkit-text-decoration:1px underline;text-decoration:1px underline}.gifs{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:25px;width:100%}:root{--bg-loading:#cfe2ff;--bg-error:#f8d7da;--border-color-error:#842029;--border-color-loading:#084298;--color-loading:var(--border-color-loading);--border-loading:1px dashed var(--border-color-loading);--color-error:var(--border-color-error);--border-error:1px dashed var(--border-color-error);--padding-x:.5rem;--padding-y:.5rem;--margin-bottom:.5rem;--border-radius:0.375rem}.loading{align-items:center;background-color:#cfe2ff;background-color:var(--bg-loading);border:1px dashed #084298;border:var(--border-loading);border-radius:.375rem;border-radius:var(--border-radius);color:#084298;color:var(--color-loading);-webkit-column-gap:10px;column-gap:10px;display:flex;font-size:1.4rem;justify-content:center;margin:1rem auto .5rem;margin-bottom:var(--margin-bottom);margin-top:1rem;outline:1px solid #4299e1!important;padding:.5rem;padding:var(--padding-y) var(--padding-x);text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.spinner-loading{-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--border-color-loading);border-radius:50%;display:inline-block;height:32px;position:relative;width:32px}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.list-of-gifs{align-items:center;display:flex;flex-direction:column;justify-content:center}.ListOfGifs-button{margin:2rem 0 1rem}.ListOfGifs-button:hover{background-color:#fff;color:#333}.recents-search-title{font-weight:400;margin:2rem 0 0;text-transform:uppercase}.no-results{color:#f60;margin:2rem 0 1rem}form{align-items:center;-webkit-column-gap:30px;column-gap:30px;display:flex;justify-content:center;margin-top:30px}form>input{background-color:#282c34;border:1px solid transparent;border-radius:8px;color:#eee;height:42px;min-width:240px;outline:none;padding:0 10px;transition:all .3 ease-in-out;width:50%}form>input::-webkit-input-placeholder{color:#eee}form>input::placeholder{color:#eee}form>input:focus,form>input:focus-visible{outline:1px dashed #646cff}form>input:hover{border:1px dashed transparent;cursor:pointer;outline:1px dashed #646cff}.options-search{align-items:center;-webkit-column-gap:5px;column-gap:5px;display:flex;justify-content:space-between;width:50%}button,select{width:100%}select{background-color:#1a1a1a;border:1px solid #fff;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;outline:none;padding:.5em 1em;transition:border-color .25s}select:hover{border-color:#646cff}button{background-color:#1a1a1a;border:1px solid #fff;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;outline:none;padding:.55em 1em;transition:border-color .25s}button:hover{border-color:#646cff;color:#eee;cursor:pointer}@media (max-width:585px){form{flex-direction:column;justify-content:space-between;row-gap:20px}.options-search,form,form input{width:100%}button,select{width:50%}}header{background-color:#242424;box-shadow:1px 5px 30px -15px #3f383e;padding:0 1rem 2rem;width:100%}.title{color:#eee;font-weight:800;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.title:hover{color:#535bf2;cursor:pointer}.logo-container{align-items:center;-webkit-column-gap:15px;column-gap:15px;display:flex;margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.logo-container .logo{height:32px;width:32px}.App-content--detail{height:100%;margin:auto;width:100%}.App-content--detail .gif{width:100%}.App-content--detail .gif>img:first-child{height:100%;width:100%}.App-content--detail .gif>img:last-child{display:none}@media (max-width:428px){.App-content--detail .gif{height:auto;width:100%}.App-content--detail .gif img{object-fit:cover}}.App-content{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:25px}button a{color:#eee}a{color:#747bff;text-decoration:none}button:focus,button:focus-visible{outline:1px dashed #fff}@media (prefers-color-scheme:light){:root{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}
/*# sourceMappingURL=main.62a12c21.css.map*/