body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{align-items:center;background-color:#ff7920;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;text-align:center;width:390px}.container img{height:400px;margin-bottom:2rem}.container .title{margin-bottom:1.5rem}.container .title p{font-size:small;margin-bottom:5px}.container .subtitle{margin-bottom:1rem}.container .subtitle .text{font-size:small;margin-bottom:.5rem}.container .subtitle .participants{font-weight:700}.loading-container{background-image:linear-gradient(#f9eeda,#ff7920);display:flex;flex-direction:column;height:100%;width:390px}.loading-container .loading-text{margin-top:100px}.loading-container .loading-subtext,.loading-container .loading-text{font-size:24px;font-weight:700;padding:0 20px}.loading-container .loading-subtext span{padding-left:.5rem}.result-container{align-items:flex-end;display:flex;justify-content:center;overflow-x:hidden;width:390px}.result-container .img-div{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 4px 6px #0000001a;display:flex;height:144px;justify-content:center;left:50%;position:absolute;top:80px;transform:translateX(-50%);width:144px;z-index:2}.result-container .img-div img{border-radius:50%;height:100%;object-fit:cover;width:100%}.result-container .result-box{-ms-overflow-style:none;background-color:#fff;border-top-left-radius:32px;border-top-right-radius:32px;flex:1 1;height:calc(100vh - 150px);padding:20px;scrollbar-width:none;width:390px}.result-container .result-box::-webkit-scrollbar{display:none}.result-container .result-box .result-description{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:3rem}.result-container .result-box .result-description .review{font-size:16px;margin-top:1rem;text-align:center}.result-container .result-box .result-description .review p:first-of-type{color:#333;font-size:18px;font-weight:700}.result-container .result-box .result-description .review p:last-of-type{color:#666;font-size:14px}.result-container .result-box .detail-review{color:#555;font-size:14px;margin-bottom:20px}.result-container .result-box .progressbar-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.result-container .result-box .traits-container{display:flex;flex-direction:column;gap:10px;justify-content:center;padding-left:10px}.result-container .result-box .traits-container ul{color:#848484;font-size:14px}.result-container .result-box .button-container{display:flex;gap:10px;justify-content:center;margin-top:1rem}.result-container .result-box .button-container .icon-btn{align-items:center;background-color:#fff;border:1px solid #ff7920;border-radius:100px;color:#ff7920;display:flex;height:32px;justify-content:center;width:32px}.result-container .result-box .button-container .icon-btn .icon{height:16px;width:16px}.detail-container{display:flex;flex-direction:column;height:100%;margin-top:2rem;width:390px}.detail-container .detail-text{font-size:24px;font-weight:700}.detail-container .image-gallery{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:20px}.detail-container .image-gallery .image-item{border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;flex-basis:calc(33.33% - 10px);flex-grow:1;flex-shrink:1;overflow:hidden}.detail-container .image-gallery .image-item img{height:130px;object-fit:cover;width:130px}.detail-container footer{align-items:flex-end;display:flex}.detail-container footer .search-button{background-color:#ff7920;border:none;color:#fff;font-size:18px;font-weight:700;height:60px;width:100%}.input-container{display:flex;flex-direction:column;justify-content:center}.input-container h2{font-size:14px;font-weight:600;margin-bottom:6px}.input-container input{border:1px solid #dedede;border-radius:5px;font-size:14px;font-weight:400;height:40px;margin-bottom:8px;padding-left:12px}.input-container input::placeholder{color:#b3b3b3}.required{color:red}.textarea-container{position:relative;width:100%}.textarea-container textarea{border:1px solid #e8e8e8;border-radius:5px;box-sizing:border-box;font-size:14px;height:120px;line-height:1.5;padding:10px;resize:none;width:100%}.textarea-container textarea:focus{border:2px solid #007bff;outline:none}.counter{color:#8e8e8e;font-size:12px;position:absolute;right:0}p{font-size:14px;font-weight:700;margin-bottom:.5rem}.location-selector .field-wrapper{margin-bottom:20px}.location-selector .field-wrapper .custom-select .react-select__control{border:1px solid #ddd;border-radius:10px;box-shadow:none;padding:5px}.location-selector .field-wrapper .custom-select .react-select__control:hover{border-color:#888}.location-selector .field-wrapper .custom-select .react-select__menu{border-radius:10px}.location-selector .field-wrapper .custom-select .react-select__option:hover{background-color:#f0f0f0}.search-container{align-items:center;display:flex;flex-direction:column;padding-top:2rem}.search-container hr{border:1px solid #e8e8e8;border-radius:0;margin:1rem 0;width:90%;z-index:1005}.search-container .form-field{width:90%}.search-container .search-button{background-color:#ff7920;border:none;color:#fff;font-size:18px;font-weight:700;height:60px;width:100%}.search-button-container-wrapper{border-bottom:5px solid #f6f6f6;box-sizing:border-box;display:flex;max-width:100%;overflow:hidden;padding-bottom:10px;white-space:nowrap}.search-button-container-wrapper .search-button-container{-ms-overflow-style:none;background:none;border:none;display:flex;justify-content:flex-start;overflow-x:auto;padding:10px 0;scrollbar-width:none;width:100%}.search-button-container-wrapper .search-button-container .result-container{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;width:100%}.result-container-wrapper{box-sizing:border-box;display:flex;overflow-x:auto;width:100%}.result-container-wrapper .result-container{-ms-overflow-style:none;background:none;border:none;display:flex;gap:8px;justify-content:flex-start;overflow-x:auto;padding:10px 0;scrollbar-width:none;width:100%}.badge{align-items:center;background-color:#fff;border:1px solid #9c9c9c;border-radius:20px;color:#9c9c9c;display:inline-flex;flex-shrink:0;font-size:14px;gap:4px;padding:8px 12px;white-space:nowrap}.badge.complete{background-color:#ff8c00;border:none;color:#fff}.badge svg{height:16px;width:16px}.swipe-container{background-color:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 6px #0000001a;display:flex;flex-direction:column;left:0;max-height:80vh;position:fixed;transform:translateY(100%);transition:transform .3s ease-in-out;width:100%;z-index:1000}.swipe-container.open{transform:translateY(0)}.overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.overlay.visible{display:block}.search-title{font-size:16px;font-weight:800}.search-unit{color:#c6c6c6;font-size:12px;font-weight:400}.reset-button{align-items:center;background-color:#fff;border:1px solid #9c9c9c;border-radius:20px;color:#ff8c00;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;justify-content:center;padding:8px 12px}.result-container-wrapper::-webkit-scrollbar,.search-button-container-wrapper::-webkit-scrollbar{height:4px;width:4px}.result-container-wrapper::-webkit-scrollbar-track,.search-button-container-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.result-container-wrapper::-webkit-scrollbar-thumb,.search-button-container-wrapper::-webkit-scrollbar-thumb{background:#c6c6c6;border-radius:4px}.result-container-wrapper::-webkit-scrollbar-thumb:hover,.search-button-container-wrapper::-webkit-scrollbar-thumb:hover{background:#9c9c9c}.animal-list-container{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 250px);overflow-y:auto}.animal-list-container::-webkit-scrollbar{width:4px}.animal-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.animal-list-container::-webkit-scrollbar-thumb{background:#c6c6c6;border-radius:4px}.animal-list-container::-webkit-scrollbar-thumb:hover{background:#9c9c9c}.flex-container{align-items:center;display:flex;flex-direction:row}.flex-container .flex-line{background-color:#c3c3c3;flex-grow:1;height:1px}.flex-container p{margin-bottom:1rem}.agreement-section{margin-top:1rem}.agreement-section p{margin-bottom:1rem}.agreement-section .checkbox-container{align-items:center;display:flex;margin-bottom:10px}.agreement-section .checkbox-container .custom-checkbox{opacity:0;position:absolute}.agreement-section .checkbox-container label{align-items:center;cursor:pointer;display:flex;padding-left:32px;position:relative}.agreement-section .checkbox-container label .checkbox-icon{border:2px solid #ccc;border-radius:50%;height:15px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:15px}.agreement-section .checkbox-container label .checkbox-icon:before{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.agreement-section .checkbox-container .custom-checkbox:checked+label .checkbox-icon{background-color:#ff5722;border-color:#ff5722}.agreement-section .checkbox-container .custom-checkbox:checked+label .checkbox-icon:before{opacity:1}.id-check-result{border-radius:5px;margin-bottom:10px;margin-top:5px;padding:5px}.id-check-result.error{background-color:#ffe0e0;color:#ff4242}.id-check-result.success{background-color:#e0ffe0;color:#318431}hr{background-color:none;border-radius:10px;margin-bottom:.5rem}.join-container{display:flex;flex-direction:column;justify-content:center}.join-container .header-box{display:flex;justify-content:center;margin-top:1rem}.join-container header{font-size:18px;font-weight:600}.join-container .line{background-color:#d0d0d0;flex-grow:1;height:1px;margin:1rem 0 1.5rem;width:100%}.back-icon{color:#d0d0d0;cursor:pointer;font-size:24px;left:20px;margin-right:10px;position:absolute}.progress-bar-container{background-color:#eee;border-radius:5px;height:10px;margin-bottom:1rem;margin-top:5rem;position:relative;width:90%}.progress-bar{background-color:#ff7920;border-radius:5px;height:100%;position:relative;text-align:left}.progress-dog{position:absolute;right:-20px;top:-20px;transform:translateY(-50%)}.box{align-items:center;display:flex;flex-direction:column;width:100%}.box .text-container p{font-size:larger;font-weight:700}.box .text-container .description{color:#9c9c9c;font-size:small;font-weight:300}.box .card{align-items:center;border:2px solid #e8e8e8;border-radius:10px;display:flex;flex-direction:column;height:244px;justify-content:center;margin:10px;transition:all .3s ease;width:167px}.box .card img{height:100px}.box .card .title{color:#434343;font-size:medium;font-weight:700;margin-top:.5rem}.box .card-selected{border-color:#ff7920;box-shadow:0 0 20px #ff792066}.box .card-selected .description,.box .card-selected .title{color:#ff7920}.box section{display:flex;flex-direction:row;margin-bottom:80px;margin-top:36px;width:100%}.box section .title{font-size:14px}.box section .description{color:#9c9c9c;font-size:small;font-weight:300}.trait-selector{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.trait-selector .traits-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:35px;padding:20px}.title{font-size:larger;font-weight:700;margin-bottom:.5rem}.description{color:#9c9c9c;font-size:medium;font-weight:500}
/*# sourceMappingURL=main.9a806194.css.map*/