button[data-v-d8042dfa]{width:5em;aspect-ratio:1;border-radius:50%;border:none;cursor:pointer;background:var(--btn-clr);color:var(--light-clr);transition:var(--transition);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1000}button[data-v-d8042dfa]:focus,button[data-v-d8042dfa]:hover{box-shadow:var(--box-shadow-focus)}button[data-v-d8042dfa]:before{content:"";position:absolute;background:hsla(0,0%,100%,.3);width:0;aspect-ratio:1;transition:var(--transition);border-radius:50%}button[data-v-d8042dfa]:hover:before{width:110%}#circular-btn-icon[data-v-d8042dfa]{width:40%;height:40%;color:var(--icon-clr)}[data-v-170a81ce]{overflow:visible}.panel-container[data-v-170a81ce]{display:flex;justify-content:center;align-items:center;overflow:visible;margin-block:5em;width:100%}.panel[data-v-170a81ce]{min-width:15em;width:80%;max-width:80em;background:var(--light-clr);border-radius:1em;box-shadow:var(--light-box-shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em;position:relative}.call-to-action[data-v-170a81ce]{display:flex;flex-direction:row;gap:var(--gap);color:var(--light-clr);margin-block-start:2em}.call-to-action-btn[data-v-170a81ce]{width:100%}.button-text[data-v-170a81ce]{color:var(--light-clr)}.user[data-v-170a81ce]{margin:2em;flex-direction:column}.user-image[data-v-170a81ce],.user[data-v-170a81ce]{display:flex;align-items:center;justify-content:center}.user-image[data-v-170a81ce]{border-radius:50%;box-shadow:0 .1rem 2rem rgba(0,0,0,.05);overflow:hidden;width:100%;aspect-ratio:1;min-width:10em;max-width:15em}.user-image img[data-v-170a81ce]{width:100%}.user-info-panel[data-v-170a81ce],.user-info[data-v-170a81ce]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap)}.pets-container[data-v-170a81ce]{display:flex;align-items:center;justify-content:center;min-width:5em;width:80%;max-width:35em;display:grid;grid-template-columns:repeat(auto-fill,minmax(10em,2fr));grid-gap:2em}.pet-image[data-v-170a81ce]{width:7em;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 .1rem 2rem rgba(0,0,0,.05);overflow:hidden;background:var(--light-clr)}.pet[data-v-170a81ce]{gap:var(--gap)}.pet-info[data-v-170a81ce],.pet[data-v-170a81ce]{display:flex;flex-direction:column;align-items:center;justify-content:center}.pet-image img[data-v-170a81ce]{width:100%}.back-btn[data-v-170a81ce]{position:absolute;left:0;top:0;margin:2em;animation-name:playfullCallToAction;animation-duration:5s;animation-iteration-count:infinite;transition:var(--transition)}@media screen and (max-width:46rem){.call-to-action[data-v-170a81ce]{flex-direction:column}}.modal[data-v-170a81ce]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);align-items:center;justify-content:center}.modal-content[data-v-170a81ce]{background-color:#fefefe;margin:15% auto;padding:20px;width:80%;max-width:35em;padding:2em;position:relative;box-shadow:var(--light-box-shadow);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em}.close[data-v-170a81ce]{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;top:0;right:0;padding:.5em}.close[data-v-170a81ce]:focus,.close[data-v-170a81ce]:hover{color:#000;text-decoration:none;cursor:pointer}input[data-v-170a81ce]{height:2rem;width:inherit;background:#fff;color:var(--dark-clr);border-radius:2rem;padding:.2rem 1rem;margin:.2rem;border:none;box-shadow:var(--box-shadow);font-weight:700;transition:.5s ease;min-width:17em;width:50%;max-width:35em}