@font-face{font-display:block;font-family:Material Icons Round;font-style:normal;font-weight:400;src:url(/static/media/material-icons-round.c380809fd3677d7d6903.woff2) format("woff2"),url(/static/media/material-icons-round.5d681e2edae8c60630db.woff) format("woff")}.material-icons-round{font-feature-settings:"liga";font-family:Material Icons Round}@font-face{font-display:block;font-family:Material Icons Sharp;font-style:normal;font-weight:400;src:url(/static/media/material-icons-sharp.219aa9140e099e6c72ed.woff2) format("woff2"),url(/static/media/material-icons-sharp.3a4004a46a653d4b2166.woff) format("woff")}.material-icons-round,.material-icons-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-icons-sharp{font-feature-settings:"liga";font-family:Material Icons Sharp}@font-face{font-display:block;font-family:Material Icons Two Tone;font-style:normal;font-weight:400;src:url(/static/media/material-icons-two-tone.4ef4218c522f1eb6b5b1.woff2) format("woff2"),url(/static/media/material-icons-two-tone.3baa5b8f3469222b822d.woff) format("woff")}.material-icons-two-tone{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons Two Tone;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}*{box-sizing:border-box;margin:0;padding:0}.container{display:grid;grid-template-rows:1fr 14fr 1fr;height:100vh;position:relative}.container .search-box{box-shadow:2px 4px 10px #e7e7e7;display:flex;gap:10px;justify-content:center;padding:10px 20px;top:0}.container .search-box input{border:1px solid #e7e7e7;border-radius:30px;outline:none;padding:10px 10px 10px 1rem;width:40vw}.container .search-box input:focus{border:1px solid #43bdff}.container .search-box .searchBtn{background-color:#43bdff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;padding:0 20px;transition:.3s}.container .search-box .searchBtn:active{background-color:#17a2ed}.container .search-box .searchBtn:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#ccc;cursor:not-allowed}.container .images-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:10px;overflow-y:scroll;padding:0 15px;position:relative}.container .images-container .image-card{cursor:pointer;height:350px;overflow:hidden;position:relative}.container .images-container .image-card img{border-radius:10px;box-shadow:2px 4px 5px #e7e7e7;height:100%;object-fit:cover;width:100%}.container .images-container .image-card .likes{align-items:center;display:flex;gap:5px;position:absolute;right:10px;top:10px;z-index:1000}.container .images-container .image-card .likes .likeCount{color:#fff;font-size:14px;text-shadow:1px 1px 2px #000}.container .images-container .image-card .layer{align-items:center;background-color:#0000006b;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:.4s ease-in-out;width:100%}.container .images-container .image-card .layer .description{color:#fff;font-size:16px;font-weight:600;padding:15px;text-align:center;text-shadow:1px 1px 2px #000}.container .images-container .image-card:hover .layer{opacity:1}@media(max-width:600px){.container .images-container{grid-template-columns:repeat(1,1fr)}.container input{width:60vw!important}}@media(min-width:601px)and (max-width:1024px){.container .images-container{grid-template-columns:repeat(3,1fr)}}.loader_container{align-items:center;background-color:rgba(0,0,0,.211);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loader{display:inline-block;height:48px;position:relative;width:48px}.loader:after,.loader:before{animation:animloader 2s linear infinite;border:2px solid #43bdff;border-radius:50%;box-sizing:border-box;content:"";height:48px;left:0;position:absolute;top:0;width:48px}.loader:after{animation-delay:1s}@keyframes animloader{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.image_skeleton{animation:shimmer 1.5s infinite;background-color:#f0f0f0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:10px;height:100%;overflow:hidden;position:relative;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@font-face{font-display:block;font-family:Material Icons;font-style:normal;font-weight:400;src:url(/static/media/material-icons.0c35d18bf06992036b69.woff2) format("woff2"),url(/static/media/material-icons.4d73cb90e394b34b7670.woff) format("woff")}.material-icons{font-feature-settings:"liga";font-family:Material Icons}@font-face{font-display:block;font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(/static/media/material-icons-outlined.6f420cf17cc0d7676fad.woff2) format("woff2"),url(/static/media/material-icons-outlined.f882956fd323fd322f31.woff) format("woff")}.material-icons,.material-icons-outlined{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-icons-outlined{font-feature-settings:"liga";font-family:Material Icons Outlined}.paginationContainer{align-items:center;background-color:#fff;bottom:0;box-shadow:0 -1px 6px #0000001a;display:flex;gap:.5rem;justify-content:center;padding:.7rem 0;position:-webkit-sticky;position:sticky}.paginationContainer button{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:40px;padding:.4rem 1rem;transition:all .3s ease}.paginationContainer button.material-icons{font-size:1.2rem}.paginationContainer button:hover{border-color:#1890ff;color:#1890ff}.paginationContainer button:active{background-color:#e6f7ff;border-color:#1890ff;box-shadow:0 0 5px #1890ff80}.paginationContainer button:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#ccc;cursor:not-allowed}.paginationContainer span{align-items:center;color:#333;display:flex;font-size:14px;padding:.4rem .8rem}.paginationContainer .active{background-color:#1890ff;border-color:#1890ff;color:#fff;cursor:default;font-weight:500}.paginationContainer .pagination-number{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;padding:.4rem .8rem;transition:all .3s ease}.paginationContainer .pagination-number:hover{border-color:#1890ff;color:#1890ff}.paginationContainer .pagination-number.active{background-color:#1890ff;border-color:#1890ff;color:#fff}@media(max-width:768px){.paginationContainer{gap:.3rem;padding:.5rem 0}.paginationContainer .pagination-number,.paginationContainer button,.paginationContainer span{font-size:12px;padding:.3rem .6rem}}
/*# sourceMappingURL=main.a0566b5d.css.map*/