.galleryContainer{display:flex;flex-direction:column;margin:1%}.galleryContainer .gallery{display:flex;flex-direction:row;flex-wrap:wrap;flex:1;align-items:flex-start;gap:0}.galleryContainer .gallery .imgContainer{display:flex;flex-direction:column;position:relative;width:inherit;margin:.7%;background-color:#d8d2d24d;border-radius:7px;flex:1;height:171px;box-shadow:7px 7px 14px #dbdada66}.galleryContainer .gallery .imgContainer:hover{box-shadow:7px 7px 14px #b1b1b1;cursor:pointer}.galleryContainer .gallery .imgContainer:hover .imgDataContainer .imageDataOverlay{opacity:1;transition:all .3s ease-in-out}.galleryContainer .gallery .imgContainer .imgs{height:80%;width:auto;object-fit:contain;border-radius:7px}.galleryContainer .gallery .imgContainer .imgDataContainer{width:inherit;display:flex;flex-direction:row;margin:0% 3%;justify-content:space-between;font-size:70%;align-items:center}.galleryContainer .gallery .imgContainer .imgDataContainer .userLink{margin-left:2%;padding:none;color:#000;text-shadow:0px 0px 11px white}.galleryContainer .gallery .imgContainer .imgDataContainer .LikeCount{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.galleryContainer .gallery .imgContainer .imgDataContainer .LikeCount .likeIcon{width:21%;height:11%;margin:1%}.galleryContainer .gallery .imgContainer .imgDataContainer .imageDataOverlay{opacity:.5;transition:all .3s ease-in-out;position:absolute;top:0%;left:0%;height:100%;pointer-events:none;width:100%;display:flex;flex-direction:column;justify-self:flex-start;align-items:flex-start;gap:0px;background:linear-gradient(to bottom,#000,#0000004d,#fff0)}.galleryContainer .gallery .imgContainer .imgDataContainer .imageDataOverlay .imageDimension{margin-bottom:0%;margin-left:2%;font-size:70%;color:#fff}.galleryContainer .gallery .imgContainer .imgDataContainer .imageDataOverlay .imageTags{margin-top:0%;font-size:90%;margin-left:2%;color:#fff}.galleryContainer .gallery .inactive{opacity:.5;filter:blur(.5%)}.galleryContainer .pagination{display:flex;flex-direction:row;justify-content:flex-end;gap:1%}.galleryContainer .pagination .pageBtn{color:#fff;background-color:#7373f8}.galleryContainer .pagination .pageBtn:focus{border:transparent}.galleryContainer .pagination .pageBtnActive{color:#fff;background-color:#7373f8}.galleryContainer .hide{display:none}.galleryContainer .show{display:block}.galleryContainer .classModal{position:fixed;top:0%;left:0%;height:100dvh;width:100dvw;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:#ececec80;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:1}.container{height:92vh;width:97vw;padding:2%;overflow:hidden;display:flex;flex-direction:row}.container .leftContainer{position:relative;height:100%;width:30%;box-shadow:2px 2px 21px #c1c0c0;border-radius:21px;margin:0% 1% 0% 0%;overflow:hidden;background-color:#fff}.container .leftContainer .topAction{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-right:2%}.container .leftContainer .topAction .userAvatar{display:flex;flex-direction:row;gap:5%;align-items:center;margin:2%}.container .leftContainer .topAction .iconsGroup{flex:1;display:flex;flex-direction:row;justify-content:flex-end}.container .leftContainer .topAction .iconsGroup .icons{cursor:pointer;right:0%;background:#dddada;margin:1%;padding:.5%;border-radius:100%}.container .leftContainer .imageInfoContainer{position:relative;height:80vh;padding-bottom:5%;overflow-x:hidden;overflow-y:auto}.container .leftContainer .imageInfoContainer .imgContainer{height:53%;background-color:#d8d2d24d}.container .leftContainer .imageInfoContainer .imgContainer .activeImage{width:100%;height:100%;object-fit:contain}.container .leftContainer .imageInfoContainer .infoContainer{margin:2%}.container .leftContainer .imageInfoContainer .infoContainer .ChipContainer{display:flex;flex-wrap:wrap;flex:1}.container .leftContainer .imageInfoContainer .infoContainer .ChipContainer .chips{margin-top:1%;margin-right:1%}.container .leftContainer .imageInfoContainer .infoContainer .infos{padding:0%;margin:1%}.container .leftContainer .imageInfoContainer .infoContainer .infos_small{padding:0%;margin:1%;font-size:80%}.container .leftContainer .imageInfoContainer .infoContainer .linkBtn{border-radius:41px;color:#fff;padding:2% 4%;margin-right:1%}.container .leftContainer .imageInfoContainer .infoContainer .linkBtn.Blue{background-color:#3c5cc7}.container .leftContainer .imageInfoContainer .infoContainer .linkBtn.Green{background-color:#8dd62d}.container .leftContainer .imageInfoContainer .infoContainer .linkBtn.Gray{background-color:#b6b9b2}.container .leftContainer .imageInfoContainer .infoContainer .linkBtn:focus{outline:none;box-shadow:none}.container .leftContainer .imageInfoContainer .infoContainer .linkBtn:focus-visible{outline:none}.container .rightContainer{height:100%;width:70%;overflow-x:hidden;overflow-y:auto}.searchContainer{width:99%;display:flex;flex-direction:column;align-items:center;margin-top:1.4%;transition:all .3s ease-in-out}.searchContainer .searchInput{width:40%;padding:1%;border-radius:40px;border:.2px solid rgb(227,220,220)}.searchContainer .searchInput:hover{box-shadow:3px 3px 14px #d8d6d6}.searchContainer .searchInput:focus{box-shadow:3px 3px 14px #d8d6d6;outline:transparent;border:.2px solid rgba(227,220,220,0)}.searchContainer .pixabay_mention{font-size:70%;color:#b4b2b2}.miniSearchContainer{transition:all .3s ease-in-out;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:1.4%}.miniSearchContainer .logo{width:14%;cursor:pointer}.miniSearchContainer .searchInput{width:40%;padding:.9%;margin-left:1%;border-radius:40px;border:.2px solid rgb(227,220,220)}.miniSearchContainer .searchInput:hover{box-shadow:3px 3px 14px #d8d6d6}.miniSearchContainer .searchInput:focus{box-shadow:3px 3px 14px #d8d6d6;outline:none;border:none}.baseBorder{margin-top:1%;border-bottom:1px solid rgb(229,226,226);margin-bottom:1%}.ChipContainer{display:flex;flex-direction:row;margin-left:2%}.ChipContainer .datatypes{margin-right:.3%}.ChipContainer .activeType{background-color:#6f6ff5;border-radius:41px;color:#fff}.galleryHeader{overflow-x:hidden;overflow-y:auto;height:100vh;display:flex;flex-direction:column}.footer{text-align:right;margin-right:3%}.footer .text{font-size:70%;line-height:21%}.logocontianer{width:100%;margin-top:11%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.logocontianer .logo{width:27%;object-fit:contain}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
