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;object-fit:cover}input,button{margin:0;padding:0;border:none;box-sizing:border-box}:root{--font-family: "Montserrat", sans-serif}*{box-sizing:border-box}body{margin:16px;background-color:#fff;line-height:1.5;font-family:var(--font-family)}html{scroll-behavior:smooth}.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)}}.form{margin-left:auto;margin-right:auto;display:flex;gap:8px;max-width:471px;margin-bottom:32px}.search-input{width:272px;box-sizing:border-box;border-radius:4px;height:40px;background-color:#fff;border:2px solid #808080;outline:none;padding:8px 16px;letter-spacing:.04em;color:gray}.search-input:hover{border-color:#2e2f42}.search-input:active{border-color:#4e75ff}.sub-btn{border-radius:8px;border-style:none;padding:8px 16px;max-width:91px;height:40px;background-color:#4e75ff;font-weight:500;letter-spacing:.04em;color:#fff}.sub-btn:hover,.load-btn:hover{background-color:#6c8cff}.gallery{margin:0 auto;display:flex;flex-wrap:wrap;gap:24px;max-width:1128px}.gallery>li{flex-basis:calc((100% - 48px) / 3);transition:transform .25s cubic-bezier(.4,0,.2,1);position:relative}.gallery>li img{height:200px;width:360px}.gallery>li:hover{transform:scale(1.04)}.img-info{border-bottom:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #808080;width:360px;height:48px;position:absolute;bottom:0;background-color:#ffffffbc;display:flex;flex-direction:row;padding-left:20px;padding-right:25px;padding-top:4px;gap:28px}.img-info>li{width:fit-content}.img-info-title{font-weight:600;font-size:12px;line-height:1.33;letter-spacing:.04em;color:#2e2f42;text-align:center}.img-info-value{font-size:12px;line-height:2;letter-spacing:.04em;color:#2e2f42;text-align:center}.load-btn{border-radius:8px;max-width:125px;width:100%;height:40px;background-color:#4e75ff;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.04em;color:#fff;display:none;margin:32px auto}.load-btn.shown{display:block}.loader{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:6rem;margin-top:3.5rem;margin-left:auto;margin-right:auto}.loader:before,.loader:after{content:"";position:absolute;border-radius:50%;animation:pulsOut 1.8s ease-in-out infinite;filter:drop-shadow(0 0 1rem #6c8cffd2)}.loader:before{width:100%;padding-bottom:100%;box-shadow:inset 0 0 0 1rem #6c8cff;animation-name:pulsIn}.loader:after{width:calc(100% - 2rem);padding-bottom:calc(100% - 2rem);box-shadow:0 0 #6c8cff}@keyframes pulsIn{0%{box-shadow:inset 0 0 0 1rem #6c8cff;opacity:1}50%,to{box-shadow:inset 0 0 #6c8cff;opacity:0}}@keyframes pulsOut{0%,50%{box-shadow:0 0 #6c8cff;opacity:0}to{box-shadow:0 0 0 1rem #6c8cff;opacity:1}}.loader.hidden{display:none}