html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{text-decoration:none;color:inherit;font-style:normal}ul{list-style-type:none;margin-left:0;margin-bottom:0;margin-top:0;padding-left:0}button{cursor:pointer;border:none;padding:0;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}input{outline:none}.loader{display:none;width:48px;height:48px;border:5px solid #000;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite}.loader.is-visible{display:block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px}.form{margin-top:36px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.form input[name=search-text]{border:1px solid #808080;border-radius:4px;width:272px;height:40px;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.04em;color:#2e2f42;transition:border-color .25s ease-in;padding-left:16px}.form input[name=search-text]:focus:placeholder-shown,.form input[name=search-text]:hover{border-color:#000}.form input[name=search-text]:not(:placeholder-shown){border-color:#4e75ff}input::placeholder{font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.04em;color:gray}button[type=submit]{border-radius:8px;width:91px;height:40px;background-color:#4e75ff;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.04em;color:#fff;font-family:Montserrat,sans-serif;transition:background-color .25s ease-in}button[type=submit]:hover{background-color:#6c8cff}.gallery{display:grid;grid-template-columns:repeat(3,360px);grid-auto-rows:200px;gap:24px;justify-content:center}.gallery-item{display:flex;flex-direction:column;border:1px solid #808080}.gallery-link{flex:1;min-height:0}.gallery-img{width:100%;height:100%;object-fit:cover;object-position:center}.img-footer{display:flex;height:48px;justify-content:space-around}.img-footer-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.meta-header{font-weight:600;font-size:12px;line-height:1.33333;letter-spacing:.04em;color:#2e2f42}.meta-info{font-weight:400;font-size:12px;line-height:2;letter-spacing:.04em;color:#2e2f42}
