#root{display:flex;flex-direction:column;height:100%;width:100%}#root #header{background-color:var(--background-02);width:100%;flex:0 0 40px;display:flex}#root #header nav ul li{justify-content:left;padding-left:10px;align-items:center;position:relative}#root #header nav ul li .icon-circle-2.menu-toggle{cursor:pointer;transition:transform .3s ease;background:var(--other-color-08)!important;border:none!important;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}#root #header nav ul li .icon-circle-2.menu-toggle:active{transform:scale(.95);background:var(--other-color-08)!important}#root #header nav ul li .icon-circle-2.menu-toggle:focus{background:var(--other-color-08)!important;outline:none!important}#root #header nav ul li .icon-circle-2.menu-toggle:hover{background:var(--other-color-08)!important}#root #header nav ul li .icon-circle-2.menu-toggle:before,#root #header nav ul li .icon-circle-2.menu-toggle:after{display:none!important}#root #header nav ul li .hamburger{width:20px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:transparent}#root #header nav ul li .hamburger span{display:block;height:2px;width:100%;background-color:var(--text-color-01);border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}#root #header nav ul li .hamburger span:nth-child(1){transform:translateY(0) rotate(0)}#root #header nav ul li .hamburger span:nth-child(2){opacity:1;transform:scaleX(1)}#root #header nav ul li .hamburger span:nth-child(3){transform:translateY(0) rotate(0)}#root #header nav ul li .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}#root #header nav ul li .hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}#root #header nav ul li .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#root #header nav ul li .notification{background-color:var(--other-color-12);font-size:14px;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;position:absolute;top:0;right:-10px;z-index:10}#root li.flip-animation{animation:flip .5s forwards}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}#root #detail{flex-grow:1;overflow:auto}#root #detail.slide-up-animation{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{transform:translateY(100px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cp-footer-menu{flex:0 0 50px;background-color:var(--other-color-01);display:flex;flex-direction:column}.cp-footer-menu .footer-icons{flex-grow:1}.cp-footer-menu .footer-icons nav{display:flex;justify-content:center}.cp-footer-menu .footer-icons nav ul{width:60%}.cp-footer-menu .footer-line{flex:0 0 8px;background-color:var(--background-02)}.cp-sidebar{display:flex;flex-direction:column;position:absolute;top:50px;left:0;z-index:2;background-color:var(--background-02);padding:10px;transform:translate(0);transition:transform .3s ease-out}.cp-sidebar nav ul{display:block}.cp-sidebar nav ul li{padding-top:10px}.cp-sidebar nav ul li a{text-decoration:none}.cp-sidebar.hide{transform:translate(-100%)}.cp-two-side-label.title{flex:1;display:flex;justify-content:center;align-items:center;font-weight:100;font-size:1.5em}.cp-two-side-label.title .bold{font-weight:600}.cp-link-circle{display:flex;justify-content:center;align-items:center;border:2px solid white;border-radius:50%;padding:5px;height:30px;width:30px;color:var(--text-color-01);-webkit-tap-highlight-color:transparent}.cp-link-circle:focus,.cp-link-circle:active{outline:none!important;box-shadow:none!important;background:transparent}.cp-lang-selector{position:relative;display:flex;align-items:center;margin-right:10px}.cp-lang-selector .flag-button{width:24px;height:16px;cursor:pointer;border-radius:3px;border:1px solid transparent;transition:border .2s ease}.cp-lang-selector .flag-button:hover{border:1px solid #aaa}.cp-lang-selector .lang-dropdown{position:absolute;top:120%;background:#fff;border:1px solid #ccc;border-radius:6px;padding:4px 0;box-shadow:0 2px 6px #0000001a;min-width:140px;z-index:100}.cp-lang-selector.right .lang-dropdown{left:0}.cp-lang-selector.left .lang-dropdown{right:0}.cp-lang-selector .lang-option{display:flex;align-items:center;gap:8px;padding:6px 12px;background:none;border:none;width:100%;cursor:pointer;font-size:14px;transition:background .2s}.cp-lang-selector .lang-option .flag{width:20px;height:14px;border-radius:2px}.cp-lang-selector .lang-option:hover{background:#f0f0f0}.cp-lang-selector .lang-option.active{font-weight:700;background:#e6eef8}.error-page{display:flex;flex-direction:column;padding:10px;gap:10px}.error-page i{word-wrap:break-word}.cp-button{border:none;background-color:#fff;color:var(--background-02);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;line-height:40px;font-size:20px;width:100%;transition:transform .15s cubic-bezier(.4,0,.2,1)}.cp-button.clicked,.cp-button:active{transform:scale(.95)}.cp-button:hover{background-color:var(--other-color-08);color:#fff;cursor:pointer}.map{width:100%;height:100%;position:relative}.map .error-container{display:flex;flex-direction:column;gap:10px;margin:10px}.loading{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.loading .load{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:white;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}.loading .logo{position:relative;top:-50px}.loading .title{position:relative;top:-20px}@keyframes l3{to{transform:rotate(1turn)}}.cp-new-announcement-popup{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#00000080;animation:fadeIn .3s ease-out forwards}.cp-new-announcement-popup .popup{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--background-02);max-width:90%;animation:scaleIn .3s cubic-bezier(.4,0,.2,1) forwards;transform:scale(.8)}.cp-new-announcement-popup .popup .text{font-size:20px;margin-bottom:20px;text-align:center;color:var(--text-color-01)}.cp-new-announcement-popup .popup .buttons{display:flex;flex-direction:column;gap:15px;width:100%}.cp-new-announcement-popup .popup .buttons button{padding:0 10px;animation:slideInUp .4s ease-out forwards;transform:translateY(20px);opacity:0}.cp-new-announcement-popup .popup .buttons button:nth-child(1){animation-delay:.1s}.cp-new-announcement-popup .popup .buttons button:nth-child(2){animation-delay:.2s}.cp-new-announcement-popup .popup .buttons button:nth-child(3){animation-delay:.3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}#contact{display:flex;justify-content:center;align-items:center;flex-direction:column}#contact .contact-image img{margin-top:20px;width:150px;height:150px;border-radius:50%;border:5px solid #ddd}#contact .contact-details{margin-top:10px;text-align:center}#contact .contact-details a{color:var(--text-color-01)}#contact .contact-details h1{margin-bottom:10px}#contact .contact-details p{margin-bottom:5px}#contact .donate-block{text-align:center;padding:0 10px}.pets{display:flex;flex-direction:column;gap:10px}.pets .search-bar{display:flex;background-color:var(--other-color-01);height:50px;align-items:center;padding:5px 10px;gap:10px}.pets .search-bar>:first-child{flex-grow:1}.pets .search-bar .cp-input-textbox{width:auto}.pets .pets-container{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:0 10px}.pets .pets-container .not-found,.pets .pets-container .not-recorded{color:var(--text-color-01)}.cp-block{display:flex;background-color:#fff}.cp-block .start{width:8px;background-color:var(--other-color-01)}.cp-block .middle{color:var(--text-color-02);padding:10px}.cp-block .middle svg{color:var(--background-01)}.cp-block .end{display:flex;align-items:center;right:0;margin-left:auto;margin-right:10px;gap:5px}.cp-block .end .cp-button-circle{height:30px;width:30px}.cp-block .end .cp-button-circle.lost{background-color:var(--other-color-12)}.cp-block .end .cp-button-circle.found{background-color:var(--other-color-02)}.cp-button-circle{display:flex;align-items:center;justify-content:center;font-size:18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:none;background-color:var(--other-color-07);color:var(--other-color-06);transition:transform .15s cubic-bezier(.4,0,.2,1)}.cp-button-circle.clicked,.cp-button-circle:active{transform:scale(.95)}.cp-button-circle:hover{background-color:var(--other-color-08);color:#fff;cursor:pointer}.cp-input-textbox{display:flex;align-items:center;position:relative;width:100%}.cp-input-textbox:focus-within input{outline:none;border-color:var(--text-color-01)}.cp-input-textbox:focus-within .icon-container{color:var(--text-color-01)}.cp-input-textbox .icon-container{color:var(--other-color-09);left:15px;top:50%;transform:translateY(-50%);position:absolute}.cp-input-textbox .icon-container svg{height:20px;width:20px}.cp-input-textbox .icon-container svg.colorized{color:var(--text-color-01)}.cp-input-textbox input{flex-grow:1;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding-left:40px;background-color:transparent;line-height:40px;width:100%;color:var(--text-color-01);font-size:var(--font-size-2)}.cp-input-textbox input.border{border:3px solid var(--other-color-09)}.cp-input-textbox input.borderless{border:none;background-color:var(--other-color-03)}.cp-input-textbox input.placeholder-color-01::placeholder{color:var(--text-color-04)}.cp-input-textbox input.placeholder-color-02::placeholder{color:var(--text-color-01)}.cp-input-textbox input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cp-input-textbox input[type=text]:focus{outline:none}.cp-input-textbox input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;color:transparent;background:transparent}.settings{display:flex;flex-direction:column;align-items:center;padding:20px}.settings h1{margin-bottom:20px}.settings .profile-container{display:flex}.settings .profile-container .profile-picture{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:20px}.settings .profile-container .upload-icon{cursor:pointer;color:#4caf50;font-size:24px;margin-top:10px;padding:10px;border-radius:50%;box-shadow:0 0 10px #0000001a}.settings form{display:flex;flex-direction:column;width:100%;max-width:400px}.settings form label{margin-bottom:10px}.settings form select{padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.login{display:flex;flex-direction:column;height:100vh;align-items:center;padding-top:10px;padding-bottom:10px;overflow:auto}.login .cp-lang-selector{position:absolute;top:10px;right:10px;z-index:1000}.login .content{display:flex;width:100%;flex-direction:column;overflow:auto;height:100vh}.login .content form{display:flex;flex-direction:column;gap:10px;padding:10% 10% 0;align-items:center}.login .content .forgot-password{color:var(--text-color-02);font-size:16px;margin-top:10px;text-align:center}.login .content .forgot-password:hover{color:var(--text-color-01)}.login .content .logo{width:40%;margin:0 auto;width:200px;height:200px}.login .content .error-text{color:red;font-size:14px;text-align:center}.login .content .other-text{display:flex;justify-content:center;margin:0;color:var(--text-color-02)}.login .content .social-media{display:flex;gap:10px;justify-content:center;margin-top:20px;padding-bottom:20px}.login .content .social-media img{width:30px;height:30px}.login .footer-line{position:fixed;bottom:0;right:0;width:100%;height:8px;background-color:var(--background-02)}.profile{display:flex;flex-direction:column;height:100%}.profile .user-data{display:flex;flex-direction:column;align-items:center;flex-grow:1}.profile .user-data .data-container{display:flex;flex-grow:1;width:100%}.profile .user-data .data-container .left-side{width:40%;display:flex;align-items:center;justify-content:center}.profile .user-data .data-container .left-side img{width:100px;height:100px;border:2px solid white;border-radius:50%}.profile .user-data .data-container .right-side{flex:1;display:flex;flex-direction:column;justify-content:center;width:60%}.profile .user-data .data-container .right-side .user-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.profile .user-data .data-container .right-side .user-info.name{font-weight:700}.profile .user-data .data-container .right-side .user-info svg{color:var(--other-color-09)}.profile .user-data .data-container .right-side .button-container{margin-top:15px;display:flex;gap:10px}.profile .user-data .line{background-color:#fff;height:4px;width:100%}.profile .etc{background-color:var(--background-04);flex-grow:4;padding:20px;display:flex;flex-direction:column;gap:10px}.cp-button-small{border:none;background-color:transparent;color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:5px;border:4px solid var(--other-color-10)}.cp-button-small svg{color:var(--other-color-11)}.cp-button-small:hover{background-color:var(--other-color-08);cursor:pointer}.registration{background-color:var(--background-02);display:flex;flex-direction:column;height:100vh;align-items:center;padding-top:10px;overflow:auto}.registration .cp-lang-selector{position:absolute;top:10px;right:10px;z-index:1000}.registration h1{position:relative;display:inline-block;padding-bottom:10px}.registration h1:after{content:"";position:absolute;left:15%;bottom:0;width:70%;border-bottom:4px solid white;border-radius:2px}.registration img{width:100px;height:100px;border:2px solid white;border-radius:50%}.registration form{display:flex;flex-direction:column;gap:10px;align-items:center;width:80%}.registration form .cp-button-circle{height:50px;width:50px}.registration form .error-text{background:rgba(255,107,107,.1);border-radius:8px;padding:15px;width:100%;max-width:400px;color:#ff6b6b;font-size:14px;text-align:center;font-weight:700;border:1px solid rgba(255,107,107,.3);box-sizing:border-box}.registration form .password-requirements{background:rgba(255,255,255,.1);border-radius:8px;padding:15px;width:100%;max-width:400px;box-sizing:border-box}.registration form .password-requirements .requirements-title{color:#fff;font-size:14px;margin:0 0 10px;font-weight:700}.registration form .password-requirements ul{list-style:none;padding:0;margin:0}.registration form .password-requirements ul li{font-size:12px;position:relative;padding:3px 0 3px 20px}.registration form .password-requirements ul li:before{content:"✗";position:absolute;left:0;color:#ff6b6b;font-weight:700}.registration form .password-requirements ul li.valid:before{content:"✓";color:#51cf66}.registration form .password-requirements ul li.valid{color:#51cf66}.registration form .password-requirements ul li.invalid{color:#ff6b6b}.pets-add{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.pets-add form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pets-add form .delete-button{background-color:var(--other-color-12);color:#fff}.pets-add form .announcement-button{background-color:var(--other-color-11);color:#fff}.pets-add form .died-button{background-color:var(--text-color-05);color:#fff}.cp-textarea{display:flex;align-items:center;position:relative;width:100%}.cp-textarea:focus-within input{outline:none;border-color:var(--text-color-01)}.cp-textarea:focus-within .icon-container{color:var(--text-color-01)}.cp-textarea .icon-container{color:var(--other-color-09);left:15px;top:50%;transform:translateY(-50%);position:absolute}.cp-textarea .icon-container svg{height:20px;width:20px}.cp-textarea .icon-container svg.colorized{color:var(--text-color-01)}.cp-textarea textarea{flex-grow:1;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding-left:40px;background-color:transparent;line-height:40px;width:100%;color:var(--text-color-01);font-size:var(--font-size-2);resize:none}.cp-textarea textarea.border{border:3px solid var(--other-color-09)}.cp-textarea textarea.borderless{border:none;background-color:var(--other-color-03)}.cp-textarea textarea.placeholder-color-01::placeholder{color:var(--text-color-04)}.cp-textarea textarea.placeholder-color-02::placeholder{color:var(--text-color-01)}.cp-textarea textarea:focus{outline:none}.cp-image-upload{display:flex;flex-direction:column;align-items:center;border:3px solid var(--other-color-09);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;width:100%;padding-bottom:10px;padding-top:10px}.cp-image-upload .title{margin-bottom:10px}.cp-image-upload .image-preview{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cp-image-upload .image-preview .image{position:relative}.cp-image-upload .image-preview .image img{height:50px;width:50px}.cp-image-upload .image-preview .image button{position:absolute;top:0;right:0;background-color:var(--other-color-09);border:none;color:var(--text-color-01)}.cp-image-upload .image-preview .no-image-yet{color:var(--text-color-04)}.cp-image-upload .upload{margin-top:20px;border:none;background-color:#fff;color:var(--background-02);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;line-height:40px;font-size:16px;padding-left:10px;padding-right:10px;transition:transform .15s cubic-bezier(.4,0,.2,1)}.cp-image-upload .upload.upload-enable.clicked,.cp-image-upload .upload.upload-enable:active{transform:scale(.95)}.cp-image-upload .upload.upload-disable{background-color:var(--other-color-12);color:#fff}.cp-image-upload .warnings{margin-top:5px;display:flex;flex-direction:column;align-items:center;gap:5px}.cp-image-upload .warnings .warning{color:var(--other-color-01)}.cp-image-upload input[type=file]{display:none}.cp-confirm-popup{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.cp-confirm-popup .popup{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cp-confirm-popup .popup .text{font-size:20px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center}.cp-confirm-popup .popup .buttons{display:flex;flex-direction:column;gap:15px}.cp-confirm-popup .popup .buttons button{padding:0 10px}.cp-select{display:flex;align-items:center;position:relative;width:100%}.cp-select:focus-within input{outline:none;border-color:var(--text-color-01)}.cp-select:focus-within .icon-container{color:var(--text-color-01)}.cp-select .icon-container{color:var(--other-color-09);left:15px;top:50%;transform:translateY(-50%);position:absolute}.cp-select .icon-container svg{height:20px;width:20px}.cp-select .icon-container svg.colorized{color:var(--text-color-01)}.cp-select select{flex-grow:1;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:10px 10px 10px 40px;background-color:transparent;height:48px;line-height:20px;width:100%;color:var(--text-color-01);font-size:var(--font-size-2);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 15px center;background-size:12px;cursor:pointer}.cp-select select option{color:var(--text-color-01);background-color:var(--background-01)}.cp-select select.border{border:3px solid var(--other-color-09)}.cp-select select.borderless{border:none;background-color:var(--other-color-03)}.cp-select select:focus{outline:none}.announcement{display:flex;flex-direction:column;gap:10px}.announcement .pet-data{display:flex;padding:10px;flex-wrap:wrap}.announcement .pet-data .left{flex-grow:1}.announcement .pet-data .right{flex-grow:1;display:flex;align-items:center;justify-content:center}.announcement .line{background-color:#fff;height:4px;width:100%}.announcement .announcement-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.announcement .announcement-form .finder-question-block{display:flex;flex-direction:column;gap:10px}.announcement .announcement-form form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.announcement .announcement-form form .announcement-button{background-color:var(--other-color-11);color:#fff}.announcement .announcement-form form .found-button{background-color:var(--background-02);color:#fff}.announcement .announcement-form form .delete-button{background-color:var(--other-color-12);color:#fff}.announcement .announcement-form form .died-button{background-color:var(--text-color-05);color:#fff}.cp-input-map-select{width:100%}.cp-input-map-select button{border:none;background-color:#fff;color:var(--background-02);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;line-height:40px;width:100%;font-size:20px}.cp-input-map-select button:hover{background-color:var(--other-color-08);color:#fff;cursor:pointer}.cp-input-map-select .map-select{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-02);display:flex;flex-direction:column}.cp-input-map-select .map-select .header{padding:10px 10px 0}.cp-input-map-select .map-select .content{flex-grow:1;padding:10px}.cp-input-map-select .map-select .footer{padding:10px;display:flex;gap:10px}.cp-gallery{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.cp-gallery-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:600px;transition:height .3s ease}.cp-gallery-container.thumbnail-mode{height:100px;width:100px;margin:0 auto}.cp-gallery-container.expanded-mode{height:350px;width:100%}.cp-gallery-container.expanded-mode img{min-width:300px;height:100%}.cp-gallery-image{border-radius:8px;object-fit:cover;cursor:pointer;transition:all .2s ease-out}.cp-gallery-image.thumbnail{width:100px;height:100px;object-fit:cover}.cp-gallery-image.expanded{width:100%;height:100%;object-fit:contain;object-position:center center}.cp-gallery-image.next,.cp-gallery-image.prev{opacity:.8}.cp-gallery-btn{position:absolute;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;z-index:10;transition:background .3s ease}.cp-gallery-btn:hover{background:rgba(0,0,0,.7)}.cp-gallery-btn-prev{left:10px}.cp-gallery-btn-next{right:10px}.cp-gallery-indicators{display:flex;gap:8px;justify-content:center}.cp-gallery-indicators .badge{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .3s ease}.cp-gallery-indicators .badge.white{background:white}.cp-gallery-indicators .badge:hover{background:rgba(255,255,255,.8)}.losts{display:flex;flex-direction:column;height:100%}.losts .search-bar{display:flex;background-color:var(--other-color-01);height:50px;align-items:center;padding:0 10px;gap:10px}.losts .lost-pets-container{display:flex;gap:10px;overflow-y:auto;padding:10px 10px 0;flex-flow:wrap;justify-content:center;height:100%}.losts .lost-pets-container .not-found{color:var(--text-color-01)}.cp-input-range{display:flex;width:100%}.cp-input-range .mid{flex-direction:column;display:flex;align-items:center;width:100%}.cp-input-range .mid input{width:100%}.cp-input-range .min-max{text-wrap:nowrap}.cp-lost-image{width:150px;height:150px;display:flex;align-items:center;text-align:center;justify-content:center;background-color:var(--background-01)}.cp-lost-image .image{display:flex;flex-direction:column;gap:15px;height:100%;width:100%;align-items:center;justify-content:center;position:relative}.cp-lost-image .image img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.cp-lost-image .image svg,.cp-lost-image .image .name,.cp-lost-image .image .distance{position:relative;z-index:1}.cp-lost-image .image svg{font-size:xx-large;color:var(--background-04)}.cp-lost-image .image .name{background-color:#fff;color:var(--background-02);border-radius:30px;padding:5px;width:100px;line-height:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cp-lost-image .image .distance{font-size:small;position:absolute;top:5px;right:5px;text-shadow:1px 1px 2px #000,-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000}.lost-details{display:flex;flex-direction:column;gap:10px}.lost-details .pet-data{display:flex;padding:10px;flex-wrap:wrap}.lost-details .pet-data .left{flex-grow:1}.lost-details .pet-data .right{flex-grow:1;display:flex;align-items:center;justify-content:center}.lost-details .pet-data .cp-button{margin-top:10px}.lost-details .pet-data .announced-text{font-weight:700;font-size:x-large;text-align:center;width:100%}.lost-details .pet-data .navigation-buttons{width:100%}.lost-details .pet-data .navigation-buttons .cp-button{background-color:var(--other-color-02);color:var(--text-color-01)}.lost-details .pet-data .stamp{transform:rotate(12deg);color:#555;font-size:3rem;font-weight:700;border:.25rem solid #555;display:inline-block;padding:.25rem 1rem;text-transform:uppercase;border-radius:1rem;font-family:Courier;-webkit-mask-size:944px 604px;mix-blend-mode:multiply}.lost-details .pet-data .stamp.found{color:#0a9928;border:.5rem solid #0A9928;-webkit-mask-position:13rem 6rem;transform:rotate(-14deg);border-radius:0}@media (max-width: 768px){.lost-details .gallery img{width:80px}}@media (max-width: 480px){.lost-details .gallery img{width:60px}}.cp-label{color:#fff;line-height:40px;font-size:20px;width:100%;display:flex;justify-content:space-between}.profile-edit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.profile-edit form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.profile-edit form .error-line{color:var(--other-color-12)}.profile-edit form .delete-profile-button{background-color:var(--other-color-12);color:#fff}.profile-edit form .delete-profile-button.disabled{background-color:var(--other-color-10);cursor:not-allowed;pointer-events:none}.profile-edit form .delete-profile-button.disabled ::active{background-color:var(--other-color-10)}.found-pets{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:0 10px}.found-pets .congratulation{display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;text-align:center;margin-top:20px}.found-pets .found-pets-container{overflow:auto;display:flex;flex-direction:column;gap:10px}.found-pets .found-pets-container .found-pet{display:flex;background-color:#fff;color:var(--background-01);height:50px;overflow:hidden}.found-pets .found-pets-container .found-pet .start{width:8px;background-color:var(--other-color-01)}.found-pets .found-pets-container .found-pet .image{background-color:var(--background-02);width:50px}.found-pets .found-pets-container .found-pet .image img{width:100%;height:100%;object-fit:fill}.found-pets .found-pets-container .found-pet .info{display:flex;align-items:center;gap:10px;padding:10px;flex-grow:1}.found-pets .found-pets-container .found-pet .info .date{margin-left:auto}.found-pet-announcement{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.found-pet-announcement form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.found-pet-announcement form .announcement-button{background-color:var(--other-color-11);color:#fff}.found-pet-announcement form .found-button{background-color:var(--background-02);color:#fff}.found-pet-announcement form .delete-button{background-color:var(--other-color-12);color:#fff}.found-pet-announcement form .died-button{background-color:var(--text-color-05);color:#fff}@media (max-width: 768px){.found-pet-announcement .gallery img{width:80px}}@media (max-width: 480px){.found-pet-announcement .gallery img{width:60px}}.reset-password{background-color:var(--background-02);display:flex;flex-direction:column;height:100vh;align-items:center;padding-top:10px;overflow-y:auto}.reset-password .cp-lang-selector{position:absolute;top:10px;right:10px;z-index:1000}.reset-password h1{position:relative;display:inline-block;padding-bottom:10px}.reset-password h1:after{content:"";position:absolute;left:15%;bottom:0;width:70%;border-bottom:4px solid white;border-radius:2px}.reset-password img{width:100px;height:100px;border:2px solid white;border-radius:50%}.reset-password .description{margin-top:20px;margin-bottom:20px;color:var(--text-01);font-size:16px;text-align:center;max-width:400px;line-height:1.5}.reset-password form{display:flex;flex-direction:column;gap:10px;align-items:center;padding:10px 0 0;width:80%}.reset-password form .error-text{color:red;font-size:14px;text-align:center}.reset-password form .cp-input-textbox input::placeholder{color:var(--text-01)}.reset-password .cp-button-circle{height:50px;width:50px}.not-found{padding:20px;gap:10px;display:flex;flex-direction:column}.not-found .error-404{font-size:100px;font-weight:700;text-align:center;margin:0}.not-found .error-text{text-align:center}.verification-email{background-color:var(--background-02);display:flex;flex-direction:column;height:100vh;align-items:center;padding-top:10px;overflow-y:auto}.verification-email .cp-lang-selector{position:absolute;top:10px;right:10px;z-index:1000}.verification-email h1{position:relative;display:inline-block;padding-bottom:10px}.verification-email h1:after{content:"";position:absolute;left:15%;bottom:0;width:70%;border-bottom:4px solid white;border-radius:2px}.verification-email img{width:100px;height:100px;border:2px solid white;border-radius:50%}.verification-email .description{margin-top:20px;margin-bottom:20px;color:var(--text-01);font-size:16px;text-align:center;max-width:400px;line-height:1.5}.verification-email .form-div{display:flex;flex-direction:column;gap:10px;align-items:center;padding:10px 0 0;width:80%}.verification-email .form-div .error-text{color:red;font-size:14px;text-align:center}.verification-email .form-div .cp-input-textbox input::placeholder{color:var(--text-01)}.verification-email .form-div .information-text{color:var(--success-color, #28a745);font-size:14px;text-align:center;animation:fadeInSlideUp .5s ease-out}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.verification-email .cp-button-circle{height:50px;width:50px}:where(html){--font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;--font-serif: ui-serif, serif;--font-mono: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, monospace;--font-weight-1: 100;--font-weight-2: 200;--font-weight-3: 300;--font-weight-4: 400;--font-weight-5: 500;--font-weight-6: 600;--font-weight-7: 700;--font-weight-8: 800;--font-weight-9: 900;--font-lineheight-00: .95;--font-lineheight-0: 1.1;--font-lineheight-1: 1.25;--font-lineheight-2: 1.375;--font-lineheight-3: 1.5;--font-lineheight-4: 1.75;--font-lineheight-5: 2;--font-letterspacing-0: -.05em;--font-letterspacing-1: .025em;--font-letterspacing-2: .05em;--font-letterspacing-3: .075em;--font-letterspacing-4: .15em;--font-letterspacing-5: .5em;--font-letterspacing-6: .75em;--font-letterspacing-7: 1em;--font-size-00: .5rem;--font-size-0: .75rem;--font-size-1: 1rem;--font-size-2: 1.1rem;--font-size-3: 1.25rem;--font-size-4: 1.5rem;--font-size-5: 2rem;--font-size-6: 2.5rem;--font-size-7: 3rem;--font-size-8: 3.5rem;--font-size-fluid-0: clamp(.75rem, 2vw, 1rem);--font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);--font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);--font-size-fluid-3: clamp(2rem, 9vw, 3.5rem)}:where(html){--background-01: #46B5BE;--background-02: #007BA4;--background-04: #9CD7DD;--other-color-01: #FFC809;--other-color-02: #00627B;--other-color-03: #E6B709;--other-color-06: #FAA41B;--other-color-07: #F2F2F2;--other-color-08: #015C7B;--other-color-09: #71DEE1;--other-color-10: #72DFE2;--other-color-11: #FFC90C;--other-color-12: #EF4D5A;--text-color-01: #FFFFFF;--text-color-02: #30225F;--text-color-04: #007AA3;--text-color-05: #41444B}body{background-color:var(--background-01);color:var(--text-color-01);font-family:var(--font-sans);font-weight:var(--font-weight-4);font-style:var(--font-size-1);margin:0;height:100vh}textarea{font-family:var(--font-sans)}nav ul{display:flex;justify-content:space-between;list-style:none;margin:0;padding:5px 0}nav ul li{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3)}nav ul li a{color:var(--text-color-01)}nav ul li.border{border-right:2px solid var(--other-color-06);border-left:2px solid var(--other-color-06)}nav ul>li{flex:1}.icon-circle-2{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:5px;height:30px;width:30px;background-color:var(--other-color-08)}*{touch-action:pan-x pan-y}html,body{margin:0;padding:0;overflow:hidden;height:100%}.c-error-toast{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9998}.c-error-toast .toast-content{position:fixed;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);z-index:9999;max-width:calc(100% - 40px);background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:15px;box-shadow:0 2px 10px #0000001a;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.c-error-toast .toast-content .cp-button{margin-top:10px}