.banner-section{background:linear-gradient(278.83deg, #50dc9d 0.36%, #008362 100.75%);height:20vh;border-radius:8px 8px 20px 20px;display:flex;justify-content:center;align-items:center;position:relative}.banner-section svg{color:#ffe920;fill:#ffe920}.banner-section svg *{color:inherit;fill:inherit}.banner-section svg{position:absolute;bottom:10px;right:10px;height:60px;width:60px}.banner-section h1{font-weight:400;color:#fff;font-size:1.4rem;padding-top:2rem}@media(max-width: 1024px)and (orientation: landscape){.banner-section{height:40vh}}@media(min-width: 1024px){.banner-section{height:40vh;border-radius:8px 8px 40px 40px}.banner-section h1{font-size:3rem}.banner-section svg{height:initial}}.pagination{margin:2rem 0;display:flex;justify-content:center;gap:10px}.no-results{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 0}.no-results img{width:700px;max-width:90%;height:auto;display:block}.dogs__wrapper .error-text{margin:5px 0 40px;text-align:center}.dogs__grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px}@media(orientation: portrait)and (min-width: 500px){.dogs__grid{grid-template-columns:repeat(2, 1fr)}}@media(orientation: portrait)and (max-width: 500px){.dogs__grid{grid-template-columns:1fr}}.dogs__grid-item{border-radius:16px;border:1px solid #e0dfdf;overflow:hidden;position:relative}.dogs__grid-item.loading::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;animation:skeleton-loading 1s linear infinite alternate}.dogs__grid-item [id*=pick-dog],.dogs__grid-item [id*=picked-dog]{margin:0;position:absolute;top:0;right:0;z-index:1}.dogs__grid-item [id*=pick-dog][data-picked=true],.dogs__grid-item [id*=picked-dog][data-picked=true]{cursor:cursor !important}.dogs__grid-item .info{padding:16px;padding-bottom:24px}.dogs__grid-item .info h3{margin:0}.dogs__grid-item .info h3{font-size:20px;line-height:1.1;margin-bottom:14px}@media(max-width: 1024px){.dogs__grid-item .info h3{font-size:18px;margin-bottom:8px}}.dogs__grid-item .info div{display:flex;align-items:center;margin-top:10px}.dogs__grid-item .info div svg{height:17px;width:17px}.dogs__grid-item .info div p{font-size:13px;display:flex;align-items:center;gap:6px;margin-left:-3px}.dogs__grid-item .info div p:first-of-type{width:100px}.dogs__grid a{color:#008362;display:inline-block;margin-top:14px;font-size:14px;font-weight:500}.dogs__grid img{width:100%;height:300px;object-fit:cover}.load-more-dogs__wrapper{margin:20px 0;display:none;align-items:center;justify-content:center}.container{margin-top:3rem;margin-bottom:3rem}.for-adopted .dogs__grid-item img{filter:grayscale(100%) brightness(0.6)}.for-adopted .dogs__grid-item .adopted-label{position:absolute;top:10px;left:10px;padding:4px 7px;border-radius:6px;background-color:#ffe920;font-weight:500}.dogs__grid-item{opacity:0;transform:translateX(50px);transition:opacity .6s ease-in-out,transform .6s ease-in-out}@media(orientation: portrait){.dogs__grid-item{transition-delay:0s !important}}