body{margin:0;font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#cbcbcb;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{font-family:"Poppins",sans-serif;display:flex;flex-direction:column;height:100vh}.App .content{flex:1 1;overflow-y:auto}.landing{height:100%;position:relative;background-color:#cbcbcb}.landing,.landing__content__main{display:flex;justify-content:center;align-items:center}.landing__content__main{flex-direction:column}.landing__content__main .dogsLogo{height:300px;object-fit:cover}.landing__content__main .title{font-size:60px;font-weight:700}.landing__content__main .btn,.landing__content__main .subtitle{font-size:21px;font-weight:500}.landing__content__main .btn{margin-top:30px;border-radius:12px;background-color:#ff9800;color:#fff;text-decoration:none;width:180px;padding:12px 36px;text-align:center;box-shadow:0 4px 4px rgba(0,0,0,.25)}.landing__content__footer{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:1.5rem 0;position:absolute;right:0}.landing__content__footer .icons{display:flex;grid-gap:20px;gap:20px;margin-bottom:16px;font-size:1.6rem;color:#000}.landing__content__footer span a{text-decoration:none;font-weight:600;color:#000}@media screen and (max-width:650px){.landing__content__main .dogsLogo{height:200px}.landing__content__footer{padding:.5rem 0}.landing__content__footer .icons{font-size:.8rem;margin-bottom:8px}}.button{margin-top:30px;border-radius:12px;text-decoration:none;width:180px;padding:12px 36px;font-size:21px;font-weight:500;text-align:center;box-shadow:0 4px 4px rgba(0,0,0,.25)}.breedDetail{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.breedDetail .dogCard{width:320px;height:250px;background-color:#fff;border-radius:8px;padding:12px;box-shadow:4px 4px 8px rgba(0,0,0,.25);z-index:2}.breedDetail .dogCard img{width:100%;height:100%;object-fit:fill;border-radius:8px}.breedDetail .detailsCard{width:400px;border-radius:8px;background-color:#321911;box-shadow:4px 4px 8px rgba(0,0,0,.25);z-index:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);padding:30px 10px 20px;color:#fff}.breedDetail .detailsCard .title{text-align:center;font-weight:700;font-size:21px;margin-bottom:8px}.breedDetail .detailsCard .detailRow{font-size:16px;font-weight:400;display:flex;justify-content:space-between;padding:8px 20px}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#fff}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.breedForm{height:100%;display:flex;justify-content:center;align-items:center}.breedForm .content{background-color:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.25);padding:20px;border-radius:8px;max-width:500px;min-width:300px;margin:8px}.breedForm .content input{padding:4px 8px}.breedForm .content .formTitle{font-size:24px;font-weight:900;margin-bottom:20px;text-align:center}.breedForm .content .textField{display:flex;flex-direction:column;justify-content:stretch;margin-bottom:12px}.breedForm .content .minmaxField .title,.breedForm .content .textField label{font-weight:600}.breedForm .content .minmaxField .fields{display:flex;grid-gap:12px;gap:12px}.breedForm .content .minmaxField .fields .field{margin-bottom:12px;flex:1 1;display:flex;flex-direction:column}@media screen and (max-width:440px){.breedForm .content .minmaxField .fields{display:block}}.breedForm .content .error{color:red}.breedForm .content .submitBtn{width:100%;margin:12px 0;background-color:#ff9800;color:#fff;border-radius:8px;box-shadow:4px 4px 8px rgba(0,0,0,.25);padding:8px 12px;border:none;font-weight:600;font-size:18px;cursor:pointer}.breedForm .content .submitBtn:disabled{background-color:grey;cursor:not-allowed}.breedForm .content .temperaments{margin-top:16px;display:flex;flex-direction:column;justify-content:center}.breedForm .content .temperaments .container{display:flex;justify-content:center;flex-wrap:wrap}.breedForm .content .temperaments .container .temperamentBox{margin-bottom:4px;margin-right:4px;border-radius:8px;padding:4px 8px;background-color:#fff;border:1px solid #c66900;font-size:14px;cursor:pointer}.breedForm .content .temperaments .container .selected{border:none;color:#fff;background-color:#ff9800;font-weight:500}.pagination{margin-top:20px;grid-gap:12px;gap:12px}.pagination,.state{display:flex;justify-content:center}.state{background-color:#fff;box-shadow:4px 4px 10px rgba(0,0,0,.35);padding:16px;flex-direction:column;align-items:center;border-radius:8px;text-align:center}.state .title{font-weight:700;font-size:27px}.state .message{font-weight:300;font-size:18px}.navBar{background-color:#ff9800;display:flex;height:70px;padding:0 45px;position:relative;margin-bottom:20px}.navBar__logo{width:200px}.navBar:after{background-color:#c77800;bottom:-20px;box-shadow:0 4px 4px rgba(0,0,0,.25);content:"";height:20px;left:0;position:absolute;right:0}.navBar__title{display:flex;align-items:center;text-decoration:none}.navBar__title .img{height:60px;width:60px}.navBar__title .text{margin:0 12px;font-size:20px;color:#fff;font-weight:500}.navBar__options--desktop{display:flex;align-items:center}.navBar__options--desktop .navlink{text-decoration:none;color:#fff;margin-right:12px}.navBar__options--mobile{display:none}.navBar__options--mobile .navlink{text-decoration:none;color:#fff;margin-right:12px}.navBar__henry{width:200px}@media screen and (max-width:625px){.navBar{padding:0 16px}.navBar__options--desktop{border:1px solid red;display:none}.navBar__options--mobile{display:block}}.home{height:100%}.home .content{height:100%;display:flex}.home .content .main{flex:1 1;overflow-y:auto;padding:27px 50px}.home .content .main .cardsContainer{align-items:center;display:flex;flex-wrap:wrap;grid-gap:40px 80px;gap:40px 80px;justify-content:center}.home .content .main .loadingContainer{align-items:center;display:flex;justify-content:center;height:75vh}.searchBar{position:relative;margin-bottom:20px}.searchBar__input{width:100%;background-color:#fff;padding:10px 22px;border-radius:8px;box-sizing:border-box;border:1px solid #b1b1b1;box-shadow:4px 4px 8px rgba(0,0,0,.25);font-size:18px}.searchBar__icon{border:1px solid #fff;position:absolute;right:15px;top:12px;color:#b1b1b1}.breedCard{width:275px;height:360px;box-shadow:5px 5px 4px rgba(0,0,0,.25);padding:10px;background-color:#fff;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none;overflow:hidden;transition:.5s ease-in-out}.breedCard,.breedCard .img{border-radius:12px}.breedCard .breedImg{flex:1 1;width:250px;height:180px;border-radius:8px;object-fit:fill;margin-bottom:12px}.breedCard .breedInfo{flex:1 1;text-align:center}.breedCard .breedInfo .name{font-size:24px;font-weight:700}.breedCard .breedInfo .weight{font-size:16px;font-weight:400}.breedCard .temperaments{margin-top:10px;display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;justify-content:center;align-items:center}.breedCard .temperaments .temperament{background-color:#321911;border-radius:8px;padding:2px 6px;color:#fff}.breedCard:hover{background-color:#ffc164}.sideBar{background-color:#fff;box-shadow:4px 0 8px rgba(0,0,0,.25);padding:18px 36px 18px 18px;overflow-x:hidden;overflow-y:auto}.sideBar__desktop{height:100%}.sideBar__desktop__content .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.sideBar__desktop__content .header .title{font-size:21px;font-weight:700}.sideBar__desktop__content .filters .filter .name{font-size:18px;font-weight:500}.sideBar__desktop__content .filters .filter .container{display:block;position:relative;padding-left:35px;margin:12px 0;cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none}.sideBar__desktop__content .filters .filter .container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sideBar__desktop__content .filters .filter .container .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.sideBar__desktop__content .filters .filter .container .checkmark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sideBar__desktop__content .filters .filter .container:hover input~.checkmark{background-color:#ccc}.sideBar__desktop__content .filters .filter .container input:checked~.checkmark{background-color:#ff9800}.sideBar__desktop__content .filters .filter .container input:checked~.checkmark:after{display:block}.sideBar__desktop__content input[type=checkbox]{border:1px solid #00f}.sideBar__mobile{position:absolute;inset:0;background-color:rgba(0,0,0,.4);z-index:1000}.sideBar__mobile .modal{background-color:#fff;position:absolute;top:80px;left:20px;right:20px;z-index:2;overflow:hidden}.sideBar__mobile .modal .close_btn{cursor:pointer;background-color:transparent;border:none;position:absolute;top:10px;right:10px;font-size:30px}.sideBar__mobile .modal .wrapper{padding:50px 20px 0}.sideBar__mobile .modal .wrapper .content{height:500px;width:100%;overflow-y:auto;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.sideBar__mobile .modal .wrapper .content .title{font-size:21px;font-weight:700}.sideBar__mobile .modal .wrapper .content .filter .name{font-size:18px;font-weight:500}.sideBar__mobile .modal .wrapper .content .filter .container{display:block;position:relative;padding-left:35px;margin:12px 0;cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none}.sideBar__mobile .modal .wrapper .content .filter .container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sideBar__mobile .modal .wrapper .content .filter .container .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.sideBar__mobile .modal .wrapper .content .filter .container .checkmark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sideBar__mobile .modal .wrapper .content .filter .container:hover input~.checkmark{background-color:#ccc}.sideBar__mobile .modal .wrapper .content .filter .container input:checked~.checkmark{background-color:#ff9800}.sideBar__mobile .modal .wrapper .content .filter .container input:checked~.checkmark:after{display:block}.sideBar__mobile .modal .wrapper .content .helper{height:150px;width:20px;border:1px solid orange}@media screen and (max-width:625px){.sideBar{padding:0}.sideBar__desktop{display:none}}.opened{width:300px}.closed{width:50px}
/*# sourceMappingURL=main.bcc92fd5.chunk.css.map */