@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:Montserrat,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#2e2f42;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0}main{flex-grow:1}main:has(.back-link){text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden;display:none}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1200px){.container{max-width:1200px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.wrapper{display:flex;flex-direction:column;justify-content:center;gap:32px;padding-top:36px}.form{display:flex;align-items:center;justify-content:center;gap:8px}.search-input{font-family:inherit;width:272px;height:40px;padding:8px 16px;border-radius:4px;border:1px solid #808080;color:inherit;outline:none;transition:border-color .25s ease-in-out}.search-input:hover,.search-input:focus-visible{border-color:#000}.search-input:not(:placeholder-shown){border-color:#4e75ff}.search-button{font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:.04em;color:#fff;border-radius:8px;border:none;padding:8px 16px;width:fit-content;background-color:#4e75ff;transition:background-color .25s ease-in-out}.search-button:hover,.search-button:focus{background-color:#6c8cff}.loader-text{letter-spacing:.04em;text-align:center}.gallery{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;width:100%;max-width:1128px}@media only screen and (min-width: 768px){.gallery{max-width:768px}}@media only screen and (min-width: 1200px){.gallery{max-width:1128px}}.gallery-item{flex:0 0 100%;border:1px solid #808080}@media only screen and (min-width: 768px){.gallery-item{flex:0 0 calc((100% - 24px)/2)}}@media only screen and (min-width: 1200px){.gallery-item{flex:0 0 calc((100% - 48px) / 3)}}.img-wrapper{height:152px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding:4px 20px;background-color:#fff}.info{font-size:12px;letter-spacing:.04em;text-align:center}.info p{font-weight:600;font-size:12px;line-height:1.33}.info span{line-height:2}.loader-wrapper{margin:0 auto}.loader{position:relative;font-size:48px;letter-spacing:6px}.loader:before{content:"Loading";color:#2e2f42}.loader:after{content:"";width:20px;height:20px;background-color:#4e75ff;background-image:radial-gradient(circle 2px,#fff4 100%,transparent 0),radial-gradient(circle 1px,#fff3 100%,transparent 0);background-position:14px -4px,12px -1px;border-radius:50%;position:absolute;margin:auto;top:-5px;right:66px;transform-origin:center bottom;animation:fillBaloon 1s ease-in-out infinite alternate}@keyframes fillBaloon{0%{transform:scale(1)}to{transform:scale(3)}}
