*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#fff;font-family:"Roboto","Segoe UI","Arial",sans-serif;color:#000;font-size:1rem}.container{max-width:1200px;width:100%;margin:0 auto;position:relative}.head{background:#000;color:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.logo{text-transform:uppercase;font-weight:700;font-size:1.1rem;line-height:1.8rem;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.logo span{background:linear-gradient(75deg,#f3f30d,#f7281e 33%,#1b5edf 66%,#1ac90b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.options{font-size:1.1rem;line-height:1.8rem;border-bottom:2px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.options.show-likes{border-bottom-color:#fff}.search{padding-left:10px;padding-right:10px;text-align:center;flex-grow:1}.search-input{background:hsla(0,0%,100%,.3);border:none;outline:none;font-family:inherit;border-radius:4px;padding:7px;width:100%;max-width:400px;color:#000;font-size:.9rem;-webkit-transition:.5s;transition:.5s}.search-input::-webkit-input-placeholder{color:#000;opacity:.8}.search-input:-ms-input-placeholder{color:#000;opacity:.8}.search-input::-ms-input-placeholder{color:#000;opacity:.8}.search-input::placeholder{color:#000;opacity:.8}.search-input:focus{background:hsla(0,0%,100%,.5)}@media (max-width:780px){.header{padding:10px}}@media (max-width:560px){.logo,.options{font-size:1rem}}.gallery{display:flex;flex-wrap:wrap;padding:10px}.gallery-block{flex:0 0 25%;padding:10px;position:relative}.gallery-block img{width:100%;height:100%;max-height:220px;object-fit:cover;vertical-align:middle;border-radius:6px;cursor:pointer}.no-results{font-size:1.5rem;text-align:center;width:100%;padding-top:20px}.gallery-block .gallery-like{position:absolute;right:15px;bottom:15px}.gallery-like{color:#000;font-size:18px;line-height:22px;width:20px;height:20px;background:hsla(0,0%,100%,.3);border-radius:50%;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gallery-like.like-yes{color:#ff2a00}@media (max-width:780px){.gallery{padding:5px}.gallery-block{flex:0 0 33.33%;padding:5px}.gallery-block img{max-height:180px}}@media (max-width:560px){.gallery{padding:5px}.gallery-block{flex:0 0 50%;padding:5px}.gallery-block img{max-height:160px}}.modal{opacity:0;z-index:-1;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);overflow-y:scroll}.modal.show{opacity:1;z-index:1000;-webkit-animation:modal-anim .5s;animation:modal-anim .5s}.modal .modal-box{padding:2vh;margin:4vh;background:#fff;border-radius:10px;min-height:250px}.modal .modal-top{text-align:right;padding-bottom:10px;display:flex;justify-content:flex-end;align-items:center}.modal .modal-top .gallery-like{display:inline-block;margin-right:15px;font-size:1.5rem;line-height:1.6rem}.btn-close{background:none;display:inline-block;border:none;padding:0 4px;font-family:inherit;color:#777;font-size:2rem;line-height:1.6rem;font-weight:700;text-decoration:none;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.25s;transition:.25s}.btn-close:active,.btn-close:hover{color:#000}.modal .modal-img{position:relative;text-align:center}.modal .modal-img img{max-width:90%;max-height:75vh;vertical-align:middle;display:inline-block;cursor:pointer}.modal .modal-img.full img{max-width:100%;max-height:100%}.modal .modal-bottom{padding:20px 10px 10px}@media (max-width:780px){.modal .modal-box{padding:2vh;margin:3vh}}@media (max-width:560px){.modal .modal-box{padding:1vh;margin:1vh}}@-webkit-keyframes modal-anim{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modal-anim{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.spinner{text-align:center;padding:50px 0;position:absolute;top:0;width:100%}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#444}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4b7c6fdd.chunk.css.map */