@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poor+Story&display=swap";:root{--color-primary: #ffc0cb;--color-primary-rgb: 255, 192, 203;--color-secondary: #53c8a0;--color-secondary-rgb: 83, 200, 160;--color-accent: #b51010;--color-white: #ffffff;--color-black: #000000;--color-gray-light: #f8f9fa;--color-gray-border: #f0f0f0;--color-gray-skeleton: whitesmoke;--color-gray-divider: #eee;--color-gray-text: #666;--color-text-dark: #333;--color-error: hsl(0, 100%, 70%);--color-error-dark: #c62828;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-pink-light: rgba(255, 193, 203, .3);--color-pink-border: rgb(255, 193, 203);--color-pink-disabled: rgba(255, 192, 203, .85);--color-pink-bubble: rgb(255, 241, 243);--spacing-xxs: .125rem;--spacing-3xs: .3125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-md-lg: 1.25rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-2-5xl: 2.5rem;--spacing-button-v: .75rem;--spacing-button-h: 1.875rem;--spacing-button-sm-v: .625rem;--spacing-button-sm-h: .9375rem;--font-primary: "Readex Pro", sans-serif;--font-secondary: "Poor Story", system-ui;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 17px;--font-size-xl: 18px;--font-size-2xl: 60px;--font-size-warning: 4rem;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 25px;--radius-xl: 30px;--radius-2xl: 40px;--radius-full: 50px;--transition-fast: .2s ease;--transition-normal: .3s ease;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .15);--shadow-md: 0 1rem 2rem rgba(0, 0, 0, .3);--shadow-modal: rgba(0, 0, 0, .16) 0px 10px 36px 0px, rgba(0, 0, 0, .06) 0px 0px 0px 1px;--focus-outline-color: hsl(200, 100%, 50%);--focus-outline-width: 2px;--focus-outline-offset: 2px;--focus-ring: 0 0 0 3px rgba(var(--color-primary-rgb), .3);--z-base: 1;--z-dropdown: 999;--z-overlay: 1000;--z-modal: 1001;--z-tooltip: 9999}html,body{margin:0;padding:0;text-align:center;overflow-x:hidden;animation:hide-scroll 7s}*{font-family:var(--font-primary)}a{color:var(--color-black);background-color:transparent;text-decoration:none}h2{font-style:italic}.primary-title{font-size:var(--font-size-2xl);color:var(--color-white);margin:var(--spacing-sm)}.error-background{padding-top:var(--spacing-2xl);background-color:var(--color-primary);width:100vw;height:100vh;color:var(--color-white)}.error-background h3{margin:0;margin-top:-1rem}.warning{font-size:var(--font-size-warning)}.spin{animation:spin 1s linear infinite}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.primary-button:focus-visible,.secondary-button:focus-visible,.edit-button:focus-visible,nav .nav-button:focus-visible,.allow-geo-location:focus-visible{box-shadow:var(--focus-ring);outline:var(--focus-outline-width) solid var(--color-white);outline-offset:var(--focus-outline-offset)}input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=number]:focus-visible,textarea:focus-visible{border-color:var(--focus-outline-color);box-shadow:var(--focus-ring)}.primary-button{color:var(--color-white);text-transform:uppercase;font-size:var(--font-size-base);background:linear-gradient(45deg,var(--color-accent),var(--color-accent));padding:var(--spacing-button-v) var(--spacing-button-h);border-radius:var(--radius-xl);border:none;cursor:pointer}.secondary-button,.edit-button{color:var(--color-white);background-color:var(--color-primary);font-weight:500;font-size:var(--font-size-base);text-transform:uppercase;padding:var(--spacing-button-v) var(--spacing-button-h);border-radius:var(--radius-xl);border:none;margin:var(--spacing-xs);cursor:pointer;outline:none}.edit-button{text-transform:none}.secondary-button:hover{color:var(--color-white);background-color:var(--color-secondary)}.edit-button:hover{color:var(--color-white);background-color:var(--color-primary)}.allow-geo-location{color:var(--color-white);background-color:var(--color-primary);font-size:var(--font-size-md);padding:var(--spacing-3xs) var(--spacing-button-h);border-radius:var(--radius-2xl);border:none;margin-bottom:var(--spacing-xl);cursor:pointer;position:relative;box-shadow:0 0 rgba(var(--color-primary-rgb),.4);animation:pulse 1.5s infinite}.allow-geo-location p{display:inline-block;padding-left:var(--spacing-3xs)}.allow-geo-location p:after{content:"";background:var(--color-white);width:var(--spacing-md-lg);height:var(--spacing-md-lg);position:absolute;left:var(--spacing-sm);border-radius:50% 50% 50% 0%;transform:rotate(-49deg)}.allow-geo-location p:before{content:"";background:var(--color-primary);width:var(--spacing-sm);position:absolute;height:var(--spacing-sm);left:var(--spacing-md);margin-left:-1.5px;border-radius:50%;top:28px;z-index:var(--z-base)}nav{width:100%;display:flex;justify-content:space-between;position:absolute;top:0}nav .nav-button{margin:var(--spacing-sm);padding:var(--spacing-button-v) var(--spacing-button-sm-h);color:var(--color-white);background-color:var(--color-primary);font-size:var(--font-size-md);border-radius:var(--radius-2xl);border:none;margin-bottom:var(--spacing-xl);cursor:pointer;position:relative}nav .nav-button:disabled{background-color:var(--color-pink-disabled);color:var(--color-white)}nav .logo-container{margin:var(--spacing-button-sm-v) 0 0 0}@media only screen and (max-width: 639px){.account-settings{top:5.2rem}nav{flex-direction:column;align-items:center;justify-content:flex-start}nav .logo-container{margin:var(--spacing-button-sm-v) var(--spacing-sm) 0 var(--spacing-sm);height:auto}nav .logo-container .logo{width:100%}.header-chat-container .header{background:var(--color-secondary)}}.auth-modal form,.forgot-password-message{display:flex;flex-direction:column;border:1px solid var(--color-pink-border);background-color:var(--color-pink-light);padding:var(--spacing-lg) .3em var(--spacing-lg) .3rem}.edit form{flex-direction:column}.auth-modal form.image-submit{border:none;background-color:var(--color-white)}.forgot-password-message{text-align:left}.auth-modal .form-verify-email{display:flex;flex-direction:row;border:1px solid var(--color-pink-border);background-color:var(--color-pink-light);justify-content:space-between;margin:0 0 var(--spacing-sm) 0}.auth-modal .form-verify-email input{text-align:center;max-width:14px;max-height:14px}.auth-modal input[type=password],.auth-modal input[type=email],.auth-modal input[type=text],.auth-modal input[type=number]{padding:var(--spacing-sm);margin:var(--spacing-sm);font-size:var(--font-size-lg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.auth-modal.onboarding input[type=text],.auth-modal.onboarding input[type=number]{padding:var(--spacing-lg)!important}.auth-modal input[type=password]:hover,.auth-modal input[type=email]:hover,.auth-modal input[type=text]:hover,.auth-modal input[type=number]:hover{border-color:var(--color-primary-dark, #8b4513)}.auth-modal input[type=password]:disabled,.auth-modal input[type=email]:disabled,.auth-modal input[type=text]:disabled,.auth-modal input[type=number]:disabled{background-color:var(--color-gray-light, #f5f5f5);cursor:not-allowed;opacity:.6}.forgot-password{text-align:left;color:var(--color-primary);font-size:14px;text-decoration:underline;padding-left:var(--spacing-sm);margin:var(--spacing-md) 0}.forgot-password-text{color:var(--color-black);text-align:left;padding-left:var(--spacing-sm);font-size:var(--font-size-sm);text-decoration:none;font-style:italic;margin:-.2rem 0 var(--spacing-xl) 0}.auth-modal h2{margin:0}.auth-modal .form-group{display:flex;flex-direction:column;gap:.25rem}.form-group.error .input,.form-group.error input[type=password],.form-group.error input[type=email],.form-group.error input[type=text],.form-group.error input[type=number]{border-color:var(--color-error)!important;color:var(--color-error);box-shadow:0 0 0 3px #d926261a}.auth-modal .input:focus,.auth-modal input[type=password]:focus,.auth-modal input[type=email]:focus,.auth-modal input[type=text]:focus,.auth-modal input[type=number]:focus{border-color:#0af;box-shadow:0 0 0 3px #00aaff1a}.auth-modal .btn:focus{outline:auto}.form-group.error .msg,.server-error,.auth-error{font-size:.9em;margin-left:var(--spacing-md);color:var(--color-error);text-align:left;white-space:pre-line;line-height:1.4rem;position:relative}.auth-error{text-align:center}.auth-modal .form-group label{text-align:left;margin-left:var(--spacing-sm)}.verify-email{position:absolute;left:0;right:0;top:100px;margin-left:auto;margin-right:auto;max-width:360px;height:auto;background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-2-5xl)}.verify-email form{border:1px solid var(--color-pink-border);background-color:var(--color-pink-light);margin:var(--spacing-sm);padding:var(--spacing-lg)}.verify-email input{padding:var(--spacing-xs);margin:var(--spacing-xs);font-size:var(--font-size-lg);border:1px solid var(--color-primary);max-width:1rem;text-align:center}form label{display:block}select{margin:var(--spacing-sm) var(--spacing-md);font-size:14px;appearance:none;color:var(--color-black);outline:none;background-color:var(--color-white);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="30" viewBox="0 0 43.874 37.268"><g id="noun-puppy-2778283" transform="matrix(0.914, 0.407, -0.407, 0.914, 9.848, 0)"><path id="Path_24" data-name="Path 24" d="M4.08,9.61C6.307,6.66,7.909,5.088,9.064,4.619A12.2,12.2,0,0,1,28.537,5.1,5.606,5.606,0,0,1,30,6.161,20.646,20.646,0,0,1,33.163,9.61c3.352,4.433,4.961,8.858,3.6,9.878-1.1.819-3.777-.8-6.526-3.77a12.187,12.187,0,0,1-23.213.045C4.207,18.87,1.592,20.315.489,19.488-.882,18.468.728,14.043,4.08,9.61ZM18.622,23.25a11.206,11.206,0,0,0,10.854-8.388c-.119-.134-.238-.276-.35-.417-2.391,1.6-6.66,1.646-8.5-.6C18.234,10.914,20.395,7.4,22.8,5.6a5.423,5.423,0,0,1,4.068-1.028,11.23,11.23,0,0,0-16.538.037,1.226,1.226,0,0,1,.164.1c1.371,1.013-.246,6.913-1.49,8.6-.417.566-.834,1.1-1.244,1.587A11.239,11.239,0,0,0,18.622,23.25Zm6.228-12.337A1.691,1.691,0,1,0,23.158,12.6,1.688,1.688,0,0,0,24.849,10.914Z" transform="translate(0)" fill="%23674d24"/><ellipse id="Ellipse_1" data-name="Ellipse 1" cx="0.484" cy="0.477" rx="0.484" ry="0.477" transform="translate(23.158 9.878)"/><path id="Path_25" data-name="Path 25" d="M1.691,0A1.684,1.684,0,1,1,0,1.684,1.688,1.688,0,0,1,1.691,0Zm.38,1.6a.477.477,0,1,0-.484-.477A.492.492,0,0,0,2.071,1.6Z" transform="translate(12.394 9.23)"/><path id="Path_26" data-name="Path 26" d="M.8,3.431A1.5,1.5,0,0,0,3.306,2.38V2.373c-.521-.305-1.289-.864-1.289-1.5,0-.976.76-.864,1.743-.864s1.8-.112,1.8.864c0,.641-.767,1.2-1.289,1.5h0a1.5,1.5,0,0,0,1.5,1.438,1.548,1.548,0,0,0,1.013-.387.491.491,0,0,1,.685.03.482.482,0,0,1-.03.678,2.442,2.442,0,0,1-1.661.641A2.469,2.469,0,0,1,3.8,3.781a2.476,2.476,0,0,1-3.643.35.482.482,0,0,1-.03-.678A.472.472,0,0,1,.8,3.431Z" transform="translate(14.839 15.841)"/></g></svg>');background-position:right;background-repeat:no-repeat;border:1px solid transparent;padding:.7rem 7rem .7rem .6rem;cursor:pointer;border-radius:var(--radius-full);transition:border-color .2s ease,box-shadow .2s ease}select:hover{border-color:var(--color-primary)}select:focus{border-color:#0af;box-shadow:0 0 0 3px #00aaff1a;outline:none}select:disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-gray-light, #f5f5f5)}.select-distance{margin-top:-1rem}.select-distance label{color:var(--color-white);font-size:1.1rem;text-align:left;text-indent:1rem}.keep-delete .secondary-button{text-transform:unset;margin:.8rem 0}.auth-modal{position:absolute;left:var(--spacing-md-lg);right:var(--spacing-md-lg);top:80px;margin-left:auto;margin-right:auto;max-width:360px;height:auto;background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md-lg);box-shadow:var(--shadow-modal)}.auth-modal.onboarding{max-width:700px}.auth-modal .close-icon{position:absolute;top:var(--spacing-sm);right:var(--spacing-md);cursor:pointer;font-size:1.7rem;color:var(--color-primary);font-weight:bolder}.container .close-icon{position:absolute;right:0;cursor:pointer;font-size:1.7rem;color:var(--color-primary);font-weight:bolder}.auth-modal .modal-copy{line-height:1.4rem;text-align:left}.chat-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1002;padding:10px}.chat-modal{position:relative;width:100%;height:100%;max-height:100%;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden}.chat-modal .close-icon{position:absolute;top:var(--spacing-xxs);right:var(--spacing-md);cursor:pointer;font-size:1.7rem;color:var(--color-primary);font-weight:bolder;z-index:10}.chat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-divider);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 2px 8px #0000000a;gap:var(--spacing-sm);margin-top:0;position:relative}.chat-modal-header .header-user-info{display:flex;flex-direction:column;align-items:center}.chat-modal-header .header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-modal-header h4{font-size:1.2rem;color:var(--color-text-dark);margin:0}.unmatch-btn{padding:.4rem .8rem;font-size:.75rem;font-weight:500;color:var(--color-white);background-color:#dc3545;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.unmatch-btn:hover{background-color:#c82333;transform:translateY(-1px)}.unmatch-btn:active{transform:translateY(0)}.clear-chat-btn{padding:.4rem .8rem;font-size:.75rem;font-weight:500;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.clear-chat-btn:hover{background-color:var(--color-secondary);transform:translateY(-1px)}.clear-chat-btn:active{transform:translateY(0)}@media screen and (min-width: 768px){.padding-border .unmatch-btn,.padding-border .clear-chat-btn{top:-.7rem;position:relative;margin-top:1.4rem}}.chat-modal .chat-scroll{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:0}.chat-modal .message-input-container{flex-shrink:0;border-top:1px solid var(--color-gray-divider);background-color:var(--color-white);border-radius:0 0 var(--radius-md) var(--radius-md);min-height:80px;margin:0;padding:0;box-shadow:0 -2px 8px #00000014}.chat-modal .container-input{padding:.75rem;box-sizing:border-box}.chat-modal .container-form{display:flex;gap:.5rem;align-items:center;width:100%}.chat-modal .row{display:flex;flex:1;gap:.25rem;align-items:center;width:100%}.chat-modal .border-form{flex:1;min-height:32px;padding:2px 12px;border:2px solid var(--color-primary);border-radius:var(--spacing-sm);font-size:var(--font-size-md);line-height:1.2}.chat-modal .text-buttons{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;color:var(--color-primary);background:none;border:none;padding:0;cursor:pointer}.chat-modal .text-buttons svg{width:38px;height:38px;stroke-width:1.5}.chat-modal .text-buttons:last-child{margin-right:0}.chat-modal .container-form{padding-right:var(--spacing-3xs)}.chat-modal .container-form .text-buttons{flex-shrink:0!important;min-width:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.chat-modal .container-form .row{overflow:visible!important;min-height:var(--spacing-button-h)}.chat-modal .input-absolute{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:700;z-index:10}.chat-modal .chat-scroll{max-height:unset;overflow-y:auto;scrollbar-color:var(--color-primary) var(--color-white)}.simple-image-upload .upload-container{background-color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg) 0 var(--spacing-lg)}.simple-image-upload{margin-top:.2rem;padding:0;border:none;border-radius:0;background-color:transparent}.simple-image-upload .upload-container h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text-dark);font-weight:600}.simple-image-upload .upload-description{margin:0 0 var(--spacing-md) 0;font-size:.9rem;color:var(--color-gray-text);line-height:1.4}.simple-image-upload .upload-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.simple-image-upload .upload-status.uploading,.simple-image-upload .upload-status.success{background-color:rgba(var(--color-secondary-rgb),.1);color:var(--color-secondary)}.simple-image-upload .upload-status.error{background-color:var(--color-pink-light);color:var(--color-error-dark)}.simple-image-upload .image-preview{margin:1rem 0;text-align:center;width:100%;height:auto;overflow:hidden}.simple-image-upload .image-preview img{width:100%;height:auto;max-width:none;max-height:none;border-radius:0;box-shadow:none;border:none;outline:none;object-fit:cover;display:block;margin:0;padding:0}.simple-image-upload .current-image-label{margin-top:var(--spacing-sm);font-size:.8rem;color:var(--color-gray-text);font-style:italic}.simple-image-upload .upload-actions{display:flex;justify-content:center;gap:.5rem}.simple-image-upload .image-actions{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.simple-image-upload .upload-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-button-v) var(--spacing-button-h);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-normal);text-decoration:none;text-transform:uppercase}.simple-image-upload .upload-button.primary{background-color:var(--color-primary);color:var(--color-white)}.simple-image-upload .upload-button.primary:hover:not(:disabled){background-color:var(--color-secondary);transform:none;box-shadow:none}.simple-image-upload .upload-button.secondary{background-color:var(--color-secondary);color:var(--color-white)}.simple-image-upload .upload-button.secondary:hover:not(:disabled){background-color:var(--color-secondary);color:var(--color-white)}.simple-image-upload .upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.simple-image-upload .spin{animation:spin 1s linear infinite}.profile{position:relative}.hamburger-menu{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-sm);z-index:1001;display:flex;flex-direction:column;justify-content:space-around;width:56px;height:56px;border-radius:6px;transition:background-color .2s ease}.hamburger-menu:hover{background-color:#ffffff1a}.hamburger-menu span{display:block;height:4px;width:100%;background-color:var(--color-white);border-radius:2px;transition:var(--transition-normal)}.hamburger-menu.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.dropdown-menu{position:absolute;top:70px;right:var(--spacing-md-lg);background-color:var(--color-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:var(--z-overlay);width:220px;padding:var(--spacing-sm) 0;overflow:hidden}.menu-item{display:flex;align-items:center;margin:4px 0;color:var(--color-black);text-decoration:none;border-bottom:1px solid var(--color-gray-border);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-md);min-height:48px;box-sizing:border-box}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:var(--color-gray-light)}.menu-item .edit-icon,.menu-item .account-icon{margin-right:var(--spacing-button-v);color:var(--color-secondary);font-size:var(--font-size-xl)}.menu-item svg{margin-right:var(--spacing-sm);min-width:var(--spacing-md-lg)}.edit-dog-profile{font-size:var(--font-size-base);cursor:pointer;text-decoration:none}.log-out-icon{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);font-size:var(--font-size-base)}.log-out-icon:hover{cursor:pointer}.edit-icon{transform:rotate(90deg);display:inline-block;margin-top:.2rem}@media screen and (max-width: 767px){.dropdown-menu{width:200px;padding:var(--spacing-button-v) 0}.menu-item{padding:18px var(--spacing-sm) 18px var(--spacing-sm);min-height:52px;font-size:17px}}@media screen and (min-width: 768px){.dropdown-menu{width:240px;padding:var(--spacing-md) 0}.menu-item{padding:14px var(--spacing-sm) 14px var(--spacing-sm);min-height:46px}}.polaroid{background:var(--color-white);padding:1.3rem 1.3rem 5.5rem;max-width:330px}.photo{background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;width:330px;height:300px}.caption{position:relative;top:6.5rem;user-select:none}.caption p,.caption span{font-size:1.4rem;line-height:1.1;text-align:center;font-family:var(--font-secondary);font-weight:600;font-style:normal}.profile .avatar,.match-button .img-container{border:4px solid var(--color-white);width:5rem;height:5rem}@media screen and (min-width: 768px){.profile .avatar,.match-button .img-container{border:4px solid var(--color-white);width:8rem;height:8rem}.photo{width:500px;height:400px}.polaroid{background:var(--color-white);padding:1.3rem 1.3rem 6rem;max-width:500px}.caption p,.caption span{font-size:1.5rem}.caption{top:7rem}.onboarding form .multiple-input-container{display:flex;flex-direction:row}.swipe-info p{top:34rem!important}.exercise-buddy:before{top:3.6rem!important}.play-dates:before{top:4.2rem!important}.walk-companion:before{top:3.6rem!important}.talk-bubble{margin:0 0 15px 85px}}.dashboard .swipe-container{user-select:none}.polaroid-container .swipe:first-child .polaroid{box-shadow:0 1rem 2rem #0000004d}.polaroid>img{max-width:100%;height:auto}.hyphen:before{content:" - "}.exercise-buddy:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43" height="41" viewBox="0 0 46.157 44.41"><g transform="translate(0)"><g transform="translate(0)"><path d="M391.866,439.079a34.849,34.849,0,0,0,9.142-.29l1.6-3.628L413.923,434l11.9,5.079,4.934-1.306a2.113,2.113,0,0,1,1.161,4.063l-5.079,1.451-2.177,4.789a26.8,26.8,0,0,0,7.256,7.691c2.322,1.6-.145,5.079-2.467,3.483a29.32,29.32,0,0,1-5.369-4.934,19.1,19.1,0,0,0,2.757,4.208c1.741,2.177-1.6,4.789-3.338,2.612a30.565,30.565,0,0,1-5.659-11.029L401.589,443a39.715,39.715,0,0,1-10.158.29A2.116,2.116,0,0,1,391.866,439.079Z" transform="translate(-387.273 -417.545)" fill-rule="evenodd"/><path d="M533.936,334.014c-3.193,0-8.126-1.306-6.675-5.369.726-2.032,5.95-1.451,6.53-1.741,1.741-.58,2.612-1.741,4.353-2.032,1.886-.435,1.161-.29,1.886-2.177,1.016-2.757,4.5-3.047,3.918.726-.435,3.047,1.016,8.707,1.741,12.044L535.1,336.626S534.226,334.014,533.936,334.014Z" transform="translate(-519.476 -320.606)" fill-rule="evenodd"/><circle cx="2" cy="2" r="2" transform="translate(0 3.919)"/><circle cx="1.5" cy="1.5" r="1.5" transform="translate(17 5.919)" fill="%23fff"/></g></g></svg>');top:3rem;right:0;position:absolute}.play-dates:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="33" viewBox="0 0 55.307 37.674"><g transform="translate(-1702.632 -161.357)"><g transform="translate(1702.632 161.357)"><g transform="translate(0)"><path d="M150.449,91.635a1.811,1.811,0,0,0-2.422.833,16.955,16.955,0,0,1-8.428,8.219c-7.943-2.914-9.2,4.339-18.036,2.887a22.864,22.864,0,0,1-3.659,4.046c-.584.727-1.257,1.5-2.033,2.288l-12.154,10.537a2.129,2.129,0,1,0,2.789,3.218l0,0c.054-.028.108-.053.16-.085l11.746-7.374a15.491,15.491,0,0,0,6.531,2.261c5,.069,11.98-6.657,12.281-6.727-.243,1.623.108,6.605-.982,9.219a2.265,2.265,0,0,0,4.18,1.746,26.7,26.7,0,0,0,2.384-10.045c.023-.012.044-.027.066-.042.715,2.295.66,5.206,1.207,8.665a2.271,2.271,0,0,0,2.492,1.9l.1-.015a2.265,2.265,0,0,0,1.881-2.592c-.832-5.249-2.4-12.813-2.5-13.1a13.008,13.008,0,0,0-2.442-4.5c-.049-.08-.1-.163-.145-.232a20.662,20.662,0,0,0,7.811-8.674A1.808,1.808,0,0,0,150.449,91.635Z" transform="translate(-102.408 -86.51)"/><path d="M119.783,100.945c-.744-2.477-2.742-5.824-5.78-6.829.119-1.781-.227-3.226-2.245-4.177-1.7-.8-3.611-.224-2.795.468,2.337,1.981,1.14,4.032,1.057,4.108a7.521,7.521,0,0,1-3.214,3.044c-1.373.51-5.217,1.441-5.174,3.19.044,1.771.26,2.134,1.053,3.048,1.137,1.308,3.89.216,5.794.523.875.14,2.88,2.039,3.989,3.236a12.9,12.9,0,0,0,1.592-.861A19.757,19.757,0,0,0,119.783,100.945Zm-9.589-.953a1.384,1.384,0,1,1,1.384-1.384A1.384,1.384,0,0,1,110.193,99.992Z" transform="translate(-101.632 -85.42)"/><path d="M203.278,85.389c.053,0,.106,0,.159,0a.426.426,0,1,0,.055-.85c-.076-.006-.147-.007-.215-.007a3.435,3.435,0,0,0-2.659,1.268,4.375,4.375,0,0,0-.756,1.251.426.426,0,1,0,.8.29h0a3.067,3.067,0,0,1,.138-.3A2.851,2.851,0,0,1,203.278,85.389Z" transform="translate(-158.016 -82.541)"/><path d="M200.731,79.876c-.222-.019-.434-.027-.637-.027A4.582,4.582,0,0,0,196,81.9a5.092,5.092,0,0,0-.766,2.048.426.426,0,0,0,.379.468l.044,0a.427.427,0,0,0,.424-.382h0a3.174,3.174,0,0,1,.11-.508,3.736,3.736,0,0,1,3.9-2.831c.18,0,.366.008.563.025a.426.426,0,0,0,.073-.849Z" transform="translate(-155.374 -79.849)"/><path d="M223.252,90.021a.425.425,0,1,0-.563.638h0a1.476,1.476,0,0,1,.127.13,2.862,2.862,0,0,1,.756,1.852A3.176,3.176,0,0,1,222.7,94.7a.426.426,0,1,0,.651.549,4.033,4.033,0,0,0,1.074-2.613A3.738,3.738,0,0,0,223.252,90.021Z" transform="translate(-171.054 -85.627)"/><path d="M227.086,87.257a.425.425,0,0,0-.124.589s.051.077.139.244a7.092,7.092,0,0,1,.807,3.216,6.23,6.23,0,0,1-1.111,3.539.426.426,0,1,0,.707.475,7.085,7.085,0,0,0,1.256-4.014,7.792,7.792,0,0,0-1.085-3.926A.426.426,0,0,0,227.086,87.257Z" transform="translate(-173.454 -84.062)"/></g></g></g></svg>');top:3.6rem;right:0;position:absolute}.walk-companion:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="42" viewBox="0 0 46.157 48.015"><g transform="translate(0 0)"><g transform="translate(0 0)"><g transform="translate(0 0)"><g transform="translate(0 9.568)"><path d="M48.148,279.246c2.092,0,9.432-8.977,5.652-10.485-1.075-.43-.133-2.02,1.9-1.748a4.149,4.149,0,0,1,3.792,3.5c4.088,0,5.258,3.1,7.263,5.687l-6.98,8.376c-.631-1.024-1.274-1.83-2.179-1.83-1.9,1.748-5.155,3.986-7.586,1.748C48.111,282.741,46.252,279.246,48.148,279.246Zm8.738-1.748a1.748,1.748,0,1,0-1.748-1.748A1.746,1.746,0,0,0,56.886,277.5Z" transform="translate(-47.355 -265.266)"/><path d="M41.679,279.981H57.418a6.649,6.649,0,0,0,3.291-3.832c.825-3.448-2.728-7.1-2.793-7.168a1.747,1.747,0,0,1,2.475-2.467c.2.2,4.988,5.064,3.722,10.428-.568,2.41-2.247,4.437-4.958,6.076v18.809a2.621,2.621,0,0,1-5.243,0v-7.864H38.184v7.864a2.621,2.621,0,0,1-5.243,0V288.718a6.8,6.8,0,0,1-.9-1.068l7.371-8.848A7.19,7.19,0,0,0,41.679,279.981Z" transform="translate(-18.168 -266)"/></g><g transform="translate(20.376 0)"><rect width="2.621" height="25.18" transform="translate(2.014 21.022) rotate(-140.193)"/></g></g></g></g></svg>');top:3rem;right:0;position:absolute}.polaroid{display:inline-block;cursor:grab;touch-action:pan-x}.polaroid:active{cursor:grabbing}.polaroid:nth-of-type(4n+1){transform:scale(.8) rotate(2deg);transition:all .35s}.swipe-info p{color:var(--color-white);font-size:1.7rem;text-align:center}.age{font-style:italic}.header-chat-container{background-color:var(--color-white);flex:1.3;text-align:left;z-index:var(--z-base)}.header-chat-container .header{background:var(--color-primary);height:auto;display:flex;justify-content:space-evenly;align-items:center;padding:.7rem 0}.header-chat-container .option{border:none;background-color:var(--color-white);border-bottom:solid 3px var(--color-secondary);font-size:var(--font-size-xl);margin:2px;cursor:pointer}.header-chat-container .option:disabled{border-bottom:solid 3px rgb(187,187,187)}.header-chat-container .option:not(:disabled){border-bottom:solid 3px var(--color-black);color:var(--color-black)}.header-chat-container .profile,.header-chat-container .log-out-icon,.header-chat-container .edit-dog-profile{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:space-evenly;color:var(--color-white);text-decoration:none}.padding-border{padding:.2rem .8rem;margin-top:var(--spacing-sm);background:linear-gradient(to bottom,rgba(var(--color-primary-rgb),.25),rgba(var(--color-primary-rgb),.005))}.container{display:flex;justify-content:flex-start;position:relative;gap:var(--spacing-sm)}.position{display:flex;gap:.75rem;align-items:center}.sizing{position:relative;border-radius:9999px}.online{border:none;padding:.5rem 1.25rem 1rem 1rem}.hide{display:none;margin:.25rem 0 1rem;gap:.5rem;align-items:center;@media (min-width: 1024px){display:flex}}.cursor{display:flex;gap:.5rem;align-items:center;cursor:pointer}.background-button{position:relative;display:flex;padding:.75rem;gap:.65rem;align-items:center;justify-content:center;width:100%;border:none;color:var(--color-white);background:var(--color-secondary);cursor:pointer;border-radius:var(--radius-full);box-shadow:#0003 -4px 9px 15px -6px}.background-button .avatar{border:4px solid var(--color-white)}.offline-online{margin:0;font-size:14px;text-align:center}.background-button-selected{background-color:var(--color-primary)}.avatar{object-fit:cover;border-radius:9999px;width:3.5rem;height:3.5rem;border:4px solid var(--color-primary)}.online-users{position:absolute;right:1.1rem;bottom:2.5rem;width:10px;height:10px;background-color:var(--color-white);border-radius:50%}span.blink{display:block;width:10px;height:10px;background-color:var(--color-white);opacity:.7;border-radius:50%;animation:blink 1s linear infinite}.status{position:relative}.truncate{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-text{font-size:.875rem;line-height:1.25rem}.no-online-users{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);text-align:center;color:#d3d3d3}.chat-scroll{max-height:30rem;overflow-y:auto;scrollbar-color:var(--color-primary) var(--color-white)}.padding{overflow-y:auto;padding:1rem;margin-top:0;flex:1 1 0%}.chat{display:grid;column-gap:.75rem;padding-block:.25rem}.chat-start{place-items:start;grid-template-columns:auto 1fr}.chat-image{grid-row:span 2 / span 2;align-self:flex-end}.avatar{position:relative;display:inline-flex;vertical-align:middle}.chat-header{grid-column-start:2}.chat-header{grid-row-start:1;display:flex;gap:.25rem;font-size:.6875rem;margin-bottom:calc(var(--spacing) * 1)}.chat-start{.chat-bubble{&:before{transform:rotateY(0);inset-inline-start:-.75rem}}}.chat-start{.chat-bubble{grid-column-start:2;border-end-start-radius:0}}.chat-end{.chat-bubble{grid-column-start:2;border-end-end-radius:0}}.chat-bubble{&:before{position:absolute;bottom:0rem;height:.75rem;width:.75rem;background-color:inherit;content:"";mask-repeat:no-repeat;mask-image:var(--mask-chat);mask-position:0px -1px;mask-size:13px}}.chat-end{.chat-bubble{&:before{transform:rotateY(180deg);inset-inline-start:100%}}}.chat-end{place-items:end;grid-template-columns:1fr auto}.chat-bubble{display:flex;flex-direction:column;position:relative;display:block;width:fit-content;border-radius:var(--radius-md);background-color:var(--color-primary);padding-inline:1rem;padding-block:1rem;color:var(--color-white);grid-row-end:3;min-height:2rem;min-width:2.5rem;max-width:100%}.chat{--mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}.chat-end{.chat-image{grid-column-start:3}}.chat-start{.chat-image{grid-column-start:1}}.container-input{padding:1rem}.column-input{display:flex;margin-bottom:.75rem;gap:.5rem;align-items:center}.input-relative{position:relative}.border-input{object-fit:cover;border-radius:.5rem;border-width:1px;width:5rem;height:5rem}.input-absolute{display:flex;position:absolute;top:-.75rem;right:-.75rem;justify-content:center;align-items:center;border-radius:9999px;width:1.25rem;height:1.25rem;cursor:pointer;background-color:var(--color-primary);color:var(--color-white)}.container-form{display:flex;gap:.5rem;align-items:start}.row{display:flex;flex:1 1 0%;gap:.25rem}.border-form{border-radius:.5rem;width:100%;font-size:16px}.chat-bubble img{max-width:100%}.container-form input{border:2px solid var(--color-primary)}.text-buttons{color:var(--color-primary);background:none;border:none;padding:0}.text-buttons svg{width:35px;height:35px;stroke-width:1.5}.sending-indicator{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-left:.5rem;height:1.25rem}.sending-indicator .dot{width:10px;height:10px;border-radius:9999px;background-color:var(--color-primary);opacity:.7;animation:sending-bounce 1.2s infinite ease-in-out both}.sending-indicator .dot:nth-child(2){animation-delay:.15s}.sending-indicator .dot:nth-child(3){animation-delay:.3s}.loading{position:relative}.loading:after{display:block;content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}.sidebar-render .avatar.gray{margin-top:-.45rem}.avatar.gray{background-color:var(--color-gray-skeleton);border-color:var(--color-gray-skeleton)}.chat-bubble.gray{background-color:var(--color-gray-skeleton)}.chat-header.gray{background-color:var(--color-gray-skeleton);color:var(--color-gray-skeleton)}.sidebar{display:flex;margin:.5rem 0 0 .8rem}.sidebar-render{display:flex;flex-direction:row;padding:.5rem;align-items:start}.edit .auth-modal{margin-top:2rem;max-width:710px}.edit .auth-modal input[type=text],.edit .auth-modal input[type=number]{height:1.9rem;border-color:var(--color-primary);border-style:solid;border-width:1.5px;padding-left:.6rem;outline:none;margin:0 0 10px;font-size:var(--font-size-lg);border-radius:0}.background-color-edit{background-color:var(--color-secondary);padding-top:var(--spacing-2xl);height:250vh}.instructions{background-color:var(--color-pink-light);padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md) var(--spacing-sm);list-style-type:none;line-height:1.7;margin-bottom:var(--spacing-md)}.instructions p{padding:var(--spacing-md);border-radius:var(--radius-xl)}.chat-message-header{margin-bottom:2.5rem}.dogs-name{margin-right:.5rem}.profile h4{margin:4px 0 0}.match-button h4{margin:4px 0 8px}.talk-bubble{margin:0 0 15px 65px;display:inline-block;position:relative;height:auto;background-color:var(--color-pink-bubble)}.round{border-radius:var(--radius-lg)}.tri-right.btm-left:after{content:" ";position:absolute;width:0;height:0;inset:auto auto -20px 0;border:28px solid;border-color:transparent transparent transparent var(--color-pink-bubble)}.talktext{padding:1em;text-align:left;line-height:1.5em}.talktext p{-webkit-margin-before:0em;-webkit-margin-after:0em;margin:0}.chat-display,.matches-display{padding:var(--spacing-sm) var(--spacing-md-lg) 0 var(--spacing-md-lg);max-height:12rem;overflow-y:auto;scrollbar-color:var(--color-primary) var(--color-white);display:flex;flex-wrap:wrap;justify-content:flex-start}.match-button{cursor:pointer;display:flex;align-items:center;flex-direction:column;margin-right:1rem}.match-button h3{margin-top:.35rem;font-weight:500}.chat-input{padding:var(--spacing-md-lg);display:flex;flex-direction:column}.chat-input textarea{border-color:var(--color-primary);margin-bottom:var(--spacing-xl)}.background-color{background-color:var(--color-secondary);padding-top:6.9rem}.overlay{width:100vw;height:100vh;background-image:url(/assets/bg-homepg-polaroids-C-Z663cO.svg);overflow-y:hidden}.overlay-onboarding{height:200vh;background:url(/assets/bg-polaroids-9sqNJXdw.svg);background-repeat:repeat-y}.overlay-account-settings{height:800vh;background:url(/assets/bg-polaroids-9sqNJXdw.svg);background-repeat:repeat-y}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;height:108%}.home h1{display:none}@media only screen and (min-width: 640px){.home h1{display:block}nav .logo-container img{width:450px}.dashboard{display:flex;justify-content:space-between}.instructions{margin-left:9rem;margin-right:9rem}.image-identification{padding:1rem}}.dashboard .swipe-container{padding-top:2.5rem;flex:2;display:flex;flex-direction:column;align-items:center;min-height:100dvh;position:relative;background-color:var(--color-secondary)}.account-settings{display:flex;justify-content:center;align-items:center;gap:var(--spacing-button-h);flex-wrap:wrap;font-weight:500;position:absolute;left:0;right:0;top:4.5rem}.account-settings p{margin:0 3rem 1rem}.account-settings a{color:var(--color-white);line-height:0}.account-settings .delete-button{padding:1.7rem}.account-settings .delete{z-index:1;top:4rem}main{background-color:var(--color-white);opacity:.93;border-radius:var(--radius-md)}summary{font-size:var(--font-size-md)}.account-settings .nav-button{display:none}.account-settings-link{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 171.069 145.311"><g transform="matrix(0.914, 0.407, -0.407, 0.914, 38.397, 0)"><path d="M15.908,37.471c8.685-11.5,14.93-17.632,19.432-19.461a47.557,47.557,0,0,1,75.929,1.859,21.859,21.859,0,0,1,5.693,4.154,80.5,80.5,0,0,1,12.345,13.449c13.071,17.283,19.345,34.537,14.03,38.516-4.27,3.2-14.727-3.137-25.445-14.7a47.519,47.519,0,0,1-90.51.174C16.4,73.576,6.206,79.211,1.907,75.987-3.437,72.007,2.837,54.754,15.908,37.471Zm56.7,53.185a43.692,43.692,0,0,0,42.321-32.707c-.465-.523-.93-1.075-1.365-1.627-9.324,6.245-25.968,6.419-33.143-2.353-9.324-11.415-.9-25.1,8.482-32.126a21.144,21.144,0,0,1,15.86-4.008,43.787,43.787,0,0,0-64.484.145,4.779,4.779,0,0,1,.639.407c5.345,3.95-.959,26.956-5.809,33.52-1.627,2.208-3.253,4.27-4.851,6.187A43.823,43.823,0,0,0,72.608,90.656Zm24.283-48.1A6.594,6.594,0,1,0,90.3,49.118,6.583,6.583,0,0,0,96.891,42.554Z" transform="translate(0)" fill="%23fff"/><ellipse cx="1.888" cy="1.859" rx="1.888" ry="1.859" transform="translate(90.297 38.516)" fill="%23fff"/><path d="M6.594,0A6.565,6.565,0,1,1,0,6.565,6.583,6.583,0,0,1,6.594,0ZM8.075,6.245A1.859,1.859,0,1,0,6.187,4.386,1.917,1.917,0,0,0,8.075,6.245Z" transform="translate(48.324 35.989)" fill="%23fff"/><path d="M3.1,13.377a5.865,5.865,0,0,0,9.789-4.1V9.252C10.858,8.061,7.866,5.883,7.866,3.385c0-3.805,2.963-3.369,6.8-3.369,3.805,0,7.029-.436,7.029,3.369,0,2.5-2.992,4.677-5.025,5.867h0a5.832,5.832,0,0,0,5.838,5.606,6.038,6.038,0,0,0,3.95-1.51,1.914,1.914,0,0,1,2.672.116,1.878,1.878,0,0,1-.116,2.643,9.521,9.521,0,0,1-6.477,2.5,9.628,9.628,0,0,1-7.726-3.863A9.653,9.653,0,0,1,.6,16.107a1.878,1.878,0,0,1-.116-2.643A1.841,1.841,0,0,1,3.1,13.377Z" transform="translate(57.857 61.768)" fill="%23fff"/></g></svg>');background-position:left;background-repeat:no-repeat;border:none;color:var(--color-white);font-size:var(--font-size-base);text-decoration:none;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.dropdown-menu .account-settings-link{position:static;background-image:none;color:var(--color-black);right:auto;top:auto}.privacy-policy ul,.terms-conditions ul{padding-left:1rem;list-style-type:none;word-wrap:break-word}.privacy-policy,.terms-conditions{text-align:left;padding:var(--spacing-md-lg)}@media screen and (min-width: 1024px){.privacy-policy,.terms-conditions{text-align:left;padding:0 20%}}.swipe{position:absolute;left:0;right:0;top:4.7rem}.onboarding{user-select:none}.onboarding h2{margin-bottom:0}.edit.onboarding h2{margin-bottom:.3rem}.onboarding form{display:flex;justify-content:center}.onboarding form section{display:flex;flex-direction:column;padding:var(--spacing-md-lg);width:auto;text-align:start}.auth-modal.onboarding form section input[type=text],.auth-modal.onboarding form section input[type=number],.auth-modal.onboarding form section .dog-profile-section input[type=text],.auth-modal.onboarding form section .dog-profile-section input[type=number]{height:1.9rem;border-color:var(--color-primary);border-style:solid;border-width:1.5px;padding-left:.6rem;outline:none;margin:0 0 10px;font-size:var(--font-size-lg);border-radius:0}#dogs_name,#about,#age{margin:0}.onboarding form button,.image-identification button{padding:var(--spacing-button-sm-v) var(--spacing-button-h);margin:var(--spacing-sm) 0;font-size:var(--font-size-base);border:solid 2px var(--color-secondary);border-radius:var(--radius-md)}.image-identification form{padding:0}#show-meetup-type{align-self:flex-start;position:relative;top:-14px;left:-3px}.onboarding form label{margin:var(--spacing-3xs) 0;line-height:1.4rem}.onboarding form .multiple-input-container{display:flex;flex-direction:column}.onboarding form input::-webkit-outer-spin-button,.onboarding form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.onboarding form .multiple-input-container input{margin-right:var(--spacing-sm)}.onboarding form .multiple-input-container label{padding:var(--spacing-sm);border:solid 2px var(--color-white);transition:var(--transition-normal);margin-right:var(--spacing-sm);cursor:pointer}.onboarding form input[type=radio]{display:none}.onboarding form input[type=radio]:checked+label{border:solid 2px var(--color-primary);background-color:var(--color-primary);color:var(--color-white);border-radius:0}.onboarding form button[type=submit],.image-identification button{background-color:var(--color-primary);color:var(--color-white);border:none;cursor:pointer}.onboarding form button[type=submit]:hover{background-color:var(--color-secondary);cursor:pointer}.onboarding form button[type=submit]:active{background-color:var(--color-secondary);border:none;color:var(--color-white)}.dog-profile-section{display:flex;flex-direction:column;width:100%;margin:0;padding:0}.dog-profile-section label{margin:var(--spacing-3xs) 0;line-height:1.4rem;text-align:start}.dog-profile-section input{height:1.9rem;border-color:var(--color-primary);border-style:solid;border-width:1.5px;padding-left:.6rem;outline:none;margin:0 0 10px;width:100%;box-sizing:border-box;font-size:var(--font-size-lg);border-radius:0}.onboarding form .photo-container img{width:100%}.hr{width:35%}.uploadInput{width:0px;height:0px;visibility:hidden;opacity:0}.image-identification section p{margin:-1rem 0 1rem;line-height:1.8rem}.imageHolder img{width:100%;height:100%;object-fit:contain}.resultsHolder{margin:1rem 0;line-height:1.8rem}.name{display:block;text-transform:capitalize}.confidence{display:block}.confidence hr{max-width:22%}.bestGuess{display:block}.model-loading-alert{background-color:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-warning-text);padding:var(--spacing-md);margin-bottom:var(--spacing-2xl);text-align:center;line-height:1.4}.model-ready-alert{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success);padding:var(--spacing-md);margin-bottom:0;text-align:center;line-height:1.4}@keyframes hide-scroll{0%,to{overflow:hidden}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--color-primary-rgb),1)}70%{box-shadow:0 0 0 var(--spacing-sm) rgba(var(--color-primary-rgb),.3)}to{box-shadow:0 0 0 50px rgba(var(--color-primary-rgb),.1)}}@keyframes blink{to{transform:scale(3);opacity:0}}@keyframes sending-bounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.3);opacity:1}}@keyframes loading{to{transform:translate(100%)}}