*{box-sizing:border-box}body{padding:30px;background-color:#fafafa;line-height:1.5;display:flex;flex-direction:column;align-items:center}img{width:100%;height:30vh;object-fit:cover}.card{height:360px;display:flex;width:calc((100% - 2 * 24px) / 3);flex-direction:column;overflow:hidden;border:1px solid #808080;border-radius:20px}.info{display:flex;flex-direction:row;justify-content:space-around}.search-list{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px;justify-content:center}.info_item{display:flex;flex-direction:column;align-items:center;font-size:12px;line-height:16px;color:#2e2f42}.search-form{display:flex;width:360px;margin:0 auto 32px}.search-input{height:40px;flex-grow:1;font-size:18px;padding-left:16px;border-radius:4px}.btn{width:91px;height:40px;border:none;color:#fff;background-color:#4e75ff;border-radius:8px;padding:8px 16px;cursor:pointer}.load-more-btn{display:none;width:91px;height:40px;border:none;color:#fff;background-color:#4e75ff;border-radius:8px;padding:8px 16px;cursor:pointer}.loader{display:none;margin-top:300px;position:relative;width:120px;height:14px;border-radius:0 0 15px 15px;background-color:#3e494d;box-shadow:0 -1px 4px #5d6063 inset;animation:panex .5s linear alternate infinite;transform-origin:170px 0;z-index:10;perspective:300px}.loader:before{content:"";position:absolute;left:calc(100% - 2px);top:0;z-index:-2;height:10px;width:70px;border-radius:0 4px 4px 0;background-repeat:no-repeat;background-image:linear-gradient(#6c4924,#4b2d21),linear-gradient(#4d5457 24px,transparent 0),linear-gradient(#9f9e9e 24px,transparent 0);background-size:50px 10px,4px 8px,24px 4px;background-position:right center,17px center,0px center}.loader:after{content:"";position:absolute;left:50%;top:0;z-index:-2;transform:translate(-50%,-20px) rotate3d(75,-2,3,78deg);width:55px;height:53px;background:#fff;background-image:radial-gradient(circle 3px,#fff6 90%,transparent 10%),radial-gradient(circle 12px,#ffc400 90%,transparent 10%),radial-gradient(circle 12px,#ffae00 100%,transparent 0);background-repeat:no-repeat;background-position:-4px -6px,-2px -2px,-1px -1px;box-shadow:-2px -3px #0002 inset,0 0 4px #0003 inset;border-radius:47% 36% 50% 50%/49% 45% 42% 44%;animation:eggRst 1s ease-out infinite}@keyframes eggRst{0%,to{transform:translate(-50%,-20px) rotate3d(90,0,0,90deg);opacity:0}10%,90%{transform:translate(-50%,-30px) rotate3d(90,0,0,90deg);opacity:1}25%{transform:translate(-50%,-40px) rotate3d(85,17,2,70deg)}75%{transform:translate(-50%,-40px) rotate3d(75,-3,2,70deg)}50%{transform:translate(-55%,-50px) rotate3d(75,-8,3,50deg)}}@keyframes panex{0%{transform:rotate(-5deg)}to{transform:rotate(10deg)}}