#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;overflow:hidden}.dogs_list{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:50px;margin-top:40px}.dogs_list img{max-width:700px;max-height:500px;min-width:200px;min-height:200px;border-radius:10px;border:3px solid rgb(193,114,23);background-color:#c17217;box-shadow:#00000059 0 5px 15px}@media (max-width: 500px){.dogs_list img{width:100%;height:100%}}.app-wrapper{max-width:1200px;margin:0 auto}header{background-color:#a37000;height:60px;width:300px;position:fixed;top:10px;left:10px;display:flex;align-items:center;justify-content:space-evenly;border-radius:20px;box-shadow:#00000059 0 5px 15px}header img{width:50px;height:50px}header select{background-color:#e3ba8f;color:#a97000;border:none}.loading-block{width:50%;height:50%;position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.🤚{--skin-color: #E4C560;--tap-speed: .6s;--tap-stagger: .1s;position:relative;width:80px;height:60px;margin-left:80px}.🤚:before{content:"";display:block;width:180%;height:75%;position:absolute;top:70%;right:20%;background-color:#000;border-radius:40px 10px;filter:blur(10px);opacity:.3}.🌴{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--skin-color);border-radius:10px 40px}.👍{position:absolute;width:120%;height:38px;background-color:var(--skin-color);bottom:-18%;right:1%;transform-origin:calc(100% - 20px) 20px;transform:rotate(-20deg);border-radius:30px 20px 20px 10px;border-bottom:2px solid rgba(0,0,0,.1);border-left:2px solid rgba(0,0,0,.1)}.👍:after{width:20%;height:60%;content:"";background-color:#ffffff4d;position:absolute;bottom:-8%;left:5px;border-radius:60% 10% 10% 30%;border-right:2px solid rgba(0,0,0,.05)}.👉{position:absolute;width:80%;height:35px;background-color:var(--skin-color);bottom:32%;right:64%;transform-origin:100% 20px;animation-duration:calc(var(--tap-speed) * 2);animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform:rotate(10deg)}.👉:before{content:"";position:absolute;width:140%;height:30px;background-color:var(--skin-color);bottom:8%;right:65%;transform-origin:calc(100% - 20px) 20px;transform:rotate(-60deg);border-radius:20px}.👉:nth-child(1){animation-delay:0;filter:brightness(70%);animation-name:tap-upper-1}.👉:nth-child(2){animation-delay:var(--tap-stagger);filter:brightness(80%);animation-name:tap-upper-2}.👉:nth-child(3){animation-delay:calc(var(--tap-stagger) * 2);filter:brightness(90%);animation-name:tap-upper-3}.👉:nth-child(4){animation-delay:calc(var(--tap-stagger) * 3);filter:brightness(100%);animation-name:tap-upper-4}@keyframes tap-upper-1{0%,50%,to{transform:rotate(10deg) scale(.4)}40%{transform:rotate(50deg) scale(.4)}}@keyframes tap-upper-2{0%,50%,to{transform:rotate(10deg) scale(.6)}40%{transform:rotate(50deg) scale(.6)}}@keyframes tap-upper-3{0%,50%,to{transform:rotate(10deg) scale(.8)}40%{transform:rotate(50deg) scale(.8)}}@keyframes tap-upper-4{0%,50%,to{transform:rotate(10deg) scale(1)}40%{transform:rotate(50deg) scale(1)}}.error-block{width:50%;height:50%;position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);font-size:25px;color:#1e1e1e}*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;background-image:url(/search-dogs-breed/assets/back-DsjU_obV.jpg);background-size:contain}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}